HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Date: Mon, 04 Nov 2024 08:26:33 GMT
Connection: close
Transfer-Encoding: chunked
800
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/ant-design-vue/antd.min.css">
<link rel="stylesheet" href="/assets/element-ui/theme-chalk/display.css">
<link rel="stylesheet" href="/assets/css/custom.min.css?2.3.12">
<style>
[v-cloak] {
display: none;
}
@font-face {
font-display: swap;
font-family: 'Vazirmatn';
font-style: normal;
font-weight: 400;
src: url('/assets/Vazirmatn-UI-NL-Regular.woff2') format('woff2');
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0030-0039;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Vazirmatn', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
}
</style>
<title><ip>-Welcome</title>
</head>
<div id="message"></div>
<style>
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
text-align: center;
height: 110px;
}
.ant-btn,
.ant-input {
height: 50px;
border-radius: 30px;
}
.ant-input-group-addon {
border-radius: 0 30px 30px 0;
width: 50px;
font-size: 18px;
}
.ant-input-affix-wrapper .ant-input-prefix {
left: 23px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
padding-left: 50px;
}
.centered {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
width: 100%;
}
.title {
font-size: 32px;
}
.title b {
font-weight: bold !important;
}
#app {
overflow: hidden;
}
#login {
animation: charge 0.5s both;
background-color: #fff;
border-radius: 2rem;
padding: 3
229f
rem;
transition: all 0.3s;
user-select:none;
-webkit-user-select:none;
-moz-user-select: none;
}
#login:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
@keyframes charge {
from {
transform: translateY(5rem);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.under {
background-color: #c7ebe2;
z-index: 0;
}
.dark .under {
background-color: var(--dark-color-login-wave);
}
.dark #login {
background-color: var(--dark-color-surface-100);
}
.dark h1 {
color: rgba(255, 255, 255);
}
.ant-form-item {
margin-bottom: 16px;
}
.ant-btn-primary-login {
width: 100%;
}
.ant-btn-primary-login:focus,
.ant-btn-primary-login:hover {
color: #fff;
background-color: #006655;
border-color: #006655;
background-image: linear-gradient(
270deg,
rgba(123, 199, 77, 0) 30%,
#009980,
rgba(123, 199, 77, 0) 100%
);
background-repeat: no-repeat;
animation: ma-bg-move ease-in-out 5s infinite;
background-position-x: -500px;
width: 95%;
animation-delay: -0.5s;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary-login.active,
.ant-btn-primary-login:active {
color: #fff;
background-color: #006655;
border-color: #006655;
}
@keyframes ma-bg-move {
0% {
background-position: -500px 0;
}
50% {
background-position: 1000px 0;
}
100% {
background-position: 1000px 0;
}
}
.wave-btn-bg {
position: relative;
border-radius: 25px;
width: 100%;
transition: all 0.3s cubic-bezier(.645,.045,.355,1);
}
.dark .wave-btn-bg {
color: #fff;
position: relative;
background-color: #0a7557;
border: 2px double transparent;
background-origin: border-box;
background-clip: padding-box, border-box;
background-size: 300%;
width: 100%;
z-index: 1;
}
.dark .wave-btn-bg:hover {animation: wave-btn-tara 4s ease infinite;}
.dark .wave-btn-bg-cl {
background-image: linear-gradient(rgba(13, 14, 33, 0), rgba(13, 14, 33, 0)),
radial-gradient(circle at left top, #006655, #009980, #006655) !important;
border-radius: 3em;
}
.dark .wave-btn-bg-cl:hover {
width: 95%;
}
.dark .wave-btn-bg-cl:before {
position: absolute;
content: "";
top: -5px;
left: -5px;
bottom: -5px;
right: -5px;
z-index: -1;
background: inherit;
background-size: inherit;
border-radius: 4em;
opacity: 0;
transition: 0.5s;
}
.dark .wave-btn-bg-cl:hover::before {
opacity: 1;
filter: blur(20px);
animation: wave-btn-tara 8s linear infinite;
}
@keyframes wave-btn-tara {
to {
background-position: 300%;
}
}
.dark .ant-btn-primary-login {
font-size: 14px;
color: #fff;
text-align: center;
background-image: linear-gradient(
rgba(13, 14, 33, 0.45),
rgba(13, 14, 33, 0.35)
);
border-radius: 2rem;
border: none;
outline: none;
background-color: transparent;
height: 46px;
position: relative;
white-space: nowrap;
cursor: pointer;
touch-action: manipulation;
padding: 0 15px;
width: 100%;
animation: none;
background-position-x: 0;
box-shadow: none;
}
.waves-header {
position: fixed;
width: 100%;
text-align: center;
background-color: #dbf5ed;
color: white;
z-index: -1;
}
.dark .waves-header {
background-color: var(--dark-color-login-background);
}
.waves-inner-header {
height: 50vh;
width: 100%;
margin: 0;
padding: 0;
}
.waves {
position: relative;
width: 100%;
height: 15vh;
margin-bottom: -8px;
min-height: 100px;
max-height: 150px;
}
.parallax > use {
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.dark .parallax > use {
fill: var(--dark-color-login-wave);
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 4s;
opacity: 0.2;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 7s;
opacity: 0.4;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 10s;
opacity: 0.6;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 13s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px, 0, 0);
}
100% {
transform: translate3d(85px, 0, 0);
}
}
@media (max-width: 768px) {
.waves {
height: 40px;
min-height: 40px;
}
}
.words-wrapper {
width: 100%;
display: inline-block;
position: relative;
text-align: center;
}
.words-wrapper b {
width: 100%;
display: inline-block;
position: absolute;
left: 0;
top: 0;
}
.words-wrapper b.is-visible {
position: relative;
}
.headline.zoom .words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.headline {
display: flex;
justify-content: center;
align-items: center;
}
.headline.zoom b {
opacity: 0;
}
.headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: cubic-bezier(0.215, 0.610, 0.355, 1.000) zoom-in 0.8s;
}
.headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: cubic-bezier(0.215, 0.610, 0.355, 1.000) zoom-out 0.4s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
}
.ant-menu-item .anticon {
margin-right: 4px;
}
.ant-menu-inline .ant-menu-item {
padding: 0 16px !important;
}
</style>
<body>
<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme">
<transition name="list" appear>
<a-layout-content class="under" style="min-height: 0;">
<div class="waves-header">
<div class="waves-inner-header"></div>
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(0, 135, 113, 0.08)" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(0, 135, 113, 0.08)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(0, 135, 113, 0.08)" />
<use xlink:href="#gentle-wave" x="48" y="7" fill="#c7ebe2" />
</g>
</svg>
</div>
<a-row type="flex" justify="center" align="middle" style="height: 100%; overflow: auto; overflow-x: hidden;">
<a-col :xs="22" :sm="20" :md="14" :lg="10" :xl="8" :xxl="6" id="login" style="margin: 3rem 0;">
<a-row type="flex" justify="center">
<a-col style="width: 100%;">
<h1 class="title headline zoom">
<span class="words-wrapper">
<b class="is-visible">
800
Hello</b>
<b>Welcome</b>
</span>
</h1>
</a-col>
</a-row>
<a-row type="flex" justify="center">
<a-col span="24">
<a-form>
<a-form-item>
<a-input autocomplete="username" v-model.trim="user.username" placeholder='Username'
@keydown.enter.native="login" autofocus>
<a-icon slot="prefix" type="user" style="font-size: 16px;"></a-icon>
</a-input>
</a-form-item>
<a-form-item>
<password-input autocomplete="current-password" icon="lock" v-model.trim="user.password"
placeholder='Password'
@keydown.enter.native="login">
</password-input>
</a-form-item>
<a-form-item v-if="secretEnable">
<password-input autocomplete="secret" icon="key" v-model.trim="user.loginSecret"
placeholder='Secret Token'
@keydown.enter.native="login">
</password-input>
</a-form-item>
<a-form-item>
<a-row justify="center" class="centered">
<div style="height: 50px;" class="wave-btn-bg wave-btn-bg-cl"
:style="loading ? { width: '52px' } : { display: 'inline-block' }">
<a-button class="ant-btn-primary-login" type="primary"
:loading="loading" @click="login"
:icon="loading ? 'poweroff' : undefined">
[[ loading ? '' : 'Log In' ]]
</a-button>
</div>
</a-row>
</a-form-item>
<a-form-item>
<a-row justi
800
fy="center" class="centered">
<a-col :span="24">
<a-select ref="selectLang" v-model="lang"
@change="setLang(lang)" style="width: 150px;"
:dropdown-class-name="themeSwitcher.currentTheme">
<a-select-option :value="l.value" label="English" v-for="l in supportLangs">
<span role="img" aria-label="l.name" v-text="l.icon"></span>
<span v-text="l.name"></span>
</a-select-option>
</a-select>
</a-col>
</a-row>
</a-form-item>
<a-form-item>
<a-row justify="center" class="centered">
<theme-switch-login></theme-switch-login>
</a-row>
</a-form-item>
</a-form>
</a-col>
</a-row>
</a-col>
</a-row>
</a-layout-content>
</transition>
</a-layout>
<script src="/assets/vue/vue.min.js?2.3.12"></script>
<script src="/assets/moment/moment.min.js"></script>
<script src="/assets/ant-design-vue/antd.min.js"></script>
<script src="/assets/axios/axios.min.js?2.3.12"></script>
<script src="/assets/qs/qs.min.js"></script>
<script src="/assets/js/axios-init.js?2.3.12"></script>
<script src="/assets/js/util/common.js?2.3.12"></script>
<script src="/assets/js/util/date-util.js?2.3.12"></script>
<script src="/assets/js/util/utils.js?2.3.12"></script>
<script src="/assets/js/langs.js"></script>
<script>
const basePath = '\/';
axios.defaults.baseURL = basePath;
</script>
<script>
function createThemeSwitcher() {
const isDarkTheme = localStorage.getItem('dark-mode') === 'true';
const isUltra = localStorage.getItem('isUltraDarkThemeEnabled') === 'true';
if (isUltra) {
document.documentElement.setAttribute('data-theme', 'ultra-dark');
}
800
const theme = isDarkTheme ? 'dark' : 'light';
document.querySelector('body').setAttribute('class', theme);
return {
animationsOff() {
document.documentElement.setAttribute('data-theme-animations', 'off');
const themeAnimations = document.querySelector('#change-theme');
themeAnimations.addEventListener('mouseleave', () => {
document.documentElement.removeAttribute('data-theme-animations');
});
themeAnimations.addEventListener('touchend', () => {
document.documentElement.removeAttribute('data-theme-animations');
});
},
animationsOffUltra() {
document.documentElement.setAttribute('data-theme-animations', 'off');
const themeAnimationsUltra = document.querySelector('#change-theme-ultra');
themeAnimationsUltra.addEventListener('mouseleave', () => {
document.documentElement.removeAttribute('data-theme-animations');
});
themeAnimationsUltra.addEventListener('touchend', () => {
document.documentElement.removeAttribute('data-theme-animations');
});
},
isDarkTheme,
isUltra,
get currentTheme() {
return
{
"@category" : "datascan",
"@timestamp" : "2024-11-04T08:26:34.000Z",
"app" : {
"extract" : {
"domain" : [
"w3.org"
],
"hostname" : [
"www.w3.org"
],
"url" : [
"http://www.w3.org/1999/xlink",
"http://www.w3.org/2000/svg"
]
},
"http" : {
"bodymd5" : "96356cd42e1e6b0d367b616888fe496b",
"bodymmh3" : 1622492643,
"headermd5" : "64270533dc449b5fb751ca76d91ab9ad",
"headermmh3" : -556151442
},
"length" : 16374
},
"asn" : "AS42532",
"city" : "Riga",
"country" : "LV",
"data" : "HTTP/1.1 200 OK\r\nContent-Type: text/html; charset=utf-8\r\nDate: Mon, 04 Nov 2024 08:26:33 GMT\r\nConnection: close\r\nTransfer-Encoding: chunked\r\n\r\n800\r\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"renderer\" content=\"webkit\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <link rel=\"stylesheet\" href=\"/assets/ant-design-vue/antd.min.css\">\n <link rel=\"stylesheet\" href=\"/assets/element-ui/theme-chalk/display.css\">\n <link rel=\"stylesheet\" href=\"/assets/css/custom.min.css?2.3.12\">\n <style>\n [v-cloak] {\n display: none;\n }\n \n @font-face {\n font-display: swap;\n font-family: 'Vazirmatn';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/Vazirmatn-UI-NL-Regular.woff2') format('woff2');\n unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0030-0039;\n }\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Vazirmatn', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',\n 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n }\n </style>\n <title><ip>-Welcome</title>\n</head>\n<div id=\"message\"></div>\n\n<style>\n html * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n h1 {\n text-align: center;\n \n height: 110px;\n }\n .ant-btn,\n .ant-input {\n height: 50px;\n border-radius: 30px;\n }\n .ant-input-group-addon {\n border-radius: 0 30px 30px 0;\n width: 50px;\n font-size: 18px;\n }\n .ant-input-affix-wrapper .ant-input-prefix {\n left: 23px;\n }\n .ant-input-affix-wrapper .ant-input:not(:first-child) {\n padding-left: 50px;\n }\n .centered {\n display: flex;\n text-align: center;\n align-items: center;\n justify-content: center;\n width: 100%;\n }\n .title {\n font-size: 32px;\n }\n .title b {\n font-weight: bold !important;\n }\n #app {\n overflow: hidden;\n }\n #login {\n animation: charge 0.5s both;\n background-color: #fff;\n border-radius: 2rem;\n padding: 3\r\n229f\r\nrem;\n transition: all 0.3s;\n user-select:none;\n -webkit-user-select:none;\n -moz-user-select: none;\n }\n #login:hover {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\n }\n @keyframes charge {\n from {\n transform: translateY(5rem);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n .under {\n background-color: #c7ebe2;\n z-index: 0;\n }\n .dark .under {\n background-color: var(--dark-color-login-wave);\n }\n .dark #login {\n background-color: var(--dark-color-surface-100);\n }\n .dark h1 {\n color: rgba(255, 255, 255);\n }\n .ant-form-item {\n margin-bottom: 16px;\n }\n .ant-btn-primary-login {\n width: 100%;\n }\n .ant-btn-primary-login:focus,\n .ant-btn-primary-login:hover {\n color: #fff;\n background-color: #006655;\n border-color: #006655;\n background-image: linear-gradient(\n 270deg,\n rgba(123, 199, 77, 0) 30%,\n #009980,\n rgba(123, 199, 77, 0) 100%\n );\n background-repeat: no-repeat;\n animation: ma-bg-move ease-in-out 5s infinite;\n background-position-x: -500px;\n width: 95%;\n animation-delay: -0.5s;\n box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);\n }\n .ant-btn-primary-login.active,\n .ant-btn-primary-login:active {\n color: #fff;\n background-color: #006655;\n border-color: #006655;\n }\n @keyframes ma-bg-move {\n 0% {\n background-position: -500px 0;\n }\n 50% {\n background-position: 1000px 0;\n }\n 100% {\n background-position: 1000px 0;\n }\n }\n .wave-btn-bg {\n position: relative;\n border-radius: 25px;\n width: 100%;\n transition: all 0.3s cubic-bezier(.645,.045,.355,1);\n }\n .dark .wave-btn-bg {\n color: #fff;\n position: relative;\n background-color: #0a7557;\n border: 2px double transparent;\n background-origin: border-box;\n background-clip: padding-box, border-box;\n background-size: 300%;\n width: 100%;\n z-index: 1;\n }\n .dark .wave-btn-bg:hover {animation: wave-btn-tara 4s ease infinite;}\n .dark .wave-btn-bg-cl {\n background-image: linear-gradient(rgba(13, 14, 33, 0), rgba(13, 14, 33, 0)),\n radial-gradient(circle at left top, #006655, #009980, #006655) !important;\n border-radius: 3em;\n }\n .dark .wave-btn-bg-cl:hover {\n width: 95%;\n }\n .dark .wave-btn-bg-cl:before {\n position: absolute;\n content: \"\";\n top: -5px;\n left: -5px;\n bottom: -5px;\n right: -5px;\n z-index: -1;\n background: inherit;\n background-size: inherit;\n border-radius: 4em;\n opacity: 0;\n transition: 0.5s;\n }\n .dark .wave-btn-bg-cl:hover::before {\n opacity: 1;\n filter: blur(20px);\n animation: wave-btn-tara 8s linear infinite;\n }\n @keyframes wave-btn-tara {\n to {\n background-position: 300%;\n }\n }\n .dark .ant-btn-primary-login {\n font-size: 14px;\n color: #fff;\n text-align: center;\n background-image: linear-gradient(\n rgba(13, 14, 33, 0.45),\n rgba(13, 14, 33, 0.35)\n );\n border-radius: 2rem;\n border: none;\n outline: none;\n background-color: transparent;\n height: 46px;\n position: relative;\n white-space: nowrap;\n cursor: pointer;\n touch-action: manipulation;\n padding: 0 15px;\n width: 100%;\n animation: none;\n background-position-x: 0;\n box-shadow: none;\n }\n .waves-header {\n position: fixed;\n width: 100%;\n text-align: center;\n background-color: #dbf5ed;\n color: white;\n z-index: -1;\n }\n .dark .waves-header {\n background-color: var(--dark-color-login-background);\n }\n .waves-inner-header {\n height: 50vh;\n width: 100%;\n margin: 0;\n padding: 0;\n }\n .waves {\n position: relative;\n width: 100%;\n height: 15vh;\n margin-bottom: -8px; \n min-height: 100px;\n max-height: 150px;\n }\n .parallax > use {\n animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;\n }\n .dark .parallax > use {\n fill: var(--dark-color-login-wave);\n }\n .parallax > use:nth-child(1) {\n animation-delay: -2s;\n animation-duration: 4s;\n opacity: 0.2;\n }\n .parallax > use:nth-child(2) {\n animation-delay: -3s;\n animation-duration: 7s;\n opacity: 0.4;\n }\n .parallax > use:nth-child(3) {\n animation-delay: -4s;\n animation-duration: 10s;\n opacity: 0.6;\n }\n .parallax > use:nth-child(4) {\n animation-delay: -5s;\n animation-duration: 13s;\n }\n @keyframes move-forever {\n 0% {\n transform: translate3d(-90px, 0, 0);\n }\n 100% {\n transform: translate3d(85px, 0, 0);\n }\n }\n @media (max-width: 768px) {\n .waves {\n height: 40px;\n min-height: 40px;\n }\n }\n .words-wrapper {\n width: 100%;\n display: inline-block;\n position: relative;\n text-align: center;\n }\n .words-wrapper b {\n width: 100%;\n display: inline-block;\n position: absolute;\n left: 0;\n top: 0;\n }\n .words-wrapper b.is-visible {\n position: relative;\n }\n .headline.zoom .words-wrapper {\n -webkit-perspective: 300px;\n -moz-perspective: 300px;\n perspective: 300px;\n }\n .headline {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .headline.zoom b {\n opacity: 0;\n }\n .headline.zoom b.is-visible {\n opacity: 1;\n -webkit-animation: zoom-in 0.8s;\n -moz-animation: zoom-in 0.8s;\n animation: cubic-bezier(0.215, 0.610, 0.355, 1.000) zoom-in 0.8s;\n }\n .headline.zoom b.is-hidden {\n -webkit-animation: zoom-out 0.8s;\n -moz-animation: zoom-out 0.8s;\n animation: cubic-bezier(0.215, 0.610, 0.355, 1.000) zoom-out 0.4s;\n }\n @-webkit-keyframes zoom-in {\n 0% {\n opacity: 0;\n -webkit-transform: translateZ(100px);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: translateZ(0);\n }\n }\n @-moz-keyframes zoom-in {\n 0% {\n opacity: 0;\n -moz-transform: translateZ(100px);\n }\n 100% {\n opacity: 1;\n -moz-transform: translateZ(0);\n }\n }\n @keyframes zoom-in {\n 0% {\n opacity: 0;\n -webkit-transform: translateZ(100px);\n -moz-transform: translateZ(100px);\n -ms-transform: translateZ(100px);\n -o-transform: translateZ(100px);\n transform: translateZ(100px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateZ(0);\n -moz-transform: translateZ(0);\n -ms-transform: translateZ(0);\n -o-transform: translateZ(0);\n transform: translateZ(0);\n }\n }\n @-webkit-keyframes zoom-out {\n 0% {\n opacity: 1;\n -webkit-transform: translateZ(0);\n }\n 100% {\n opacity: 0;\n -webkit-transform: translateZ(-100px);\n }\n }\n @-moz-keyframes zoom-out {\n 0% {\n opacity: 1;\n -moz-transform: translateZ(0);\n }\n 100% {\n opacity: 0;\n -moz-transform: translateZ(-100px);\n }\n }\n @keyframes zoom-out {\n 0% {\n opacity: 1;\n -webkit-transform: translateZ(0);\n -moz-transform: translateZ(0);\n -ms-transform: translateZ(0);\n -o-transform: translateZ(0);\n transform: translateZ(0);\n }\n 100% {\n opacity: 0;\n -webkit-transform: translateZ(-100px);\n -moz-transform: translateZ(-100px);\n -ms-transform: translateZ(-100px);\n -o-transform: translateZ(-100px);\n transform: translateZ(-100px);\n }\n }\n .ant-menu-item .anticon {\n margin-right: 4px;\n }\n .ant-menu-inline .ant-menu-item {\n padding: 0 16px !important;\n }\n</style>\n<body>\n <a-layout id=\"app\" v-cloak :class=\"themeSwitcher.currentTheme\">\n <transition name=\"list\" appear>\n <a-layout-content class=\"under\" style=\"min-height: 0;\">\n <div class=\"waves-header\">\n <div class=\"waves-inner-header\"></div>\n <svg class=\"waves\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\" shape-rendering=\"auto\">\n <defs>\n <path id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" />\n </defs>\n <g class=\"parallax\">\n <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" fill=\"rgba(0, 135, 113, 0.08)\" />\n <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" fill=\"rgba(0, 135, 113, 0.08)\" />\n <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" fill=\"rgba(0, 135, 113, 0.08)\" />\n <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"7\" fill=\"#c7ebe2\" />\n </g>\n </svg>\n </div>\n <a-row type=\"flex\" justify=\"center\" align=\"middle\" style=\"height: 100%; overflow: auto; overflow-x: hidden;\">\n <a-col :xs=\"22\" :sm=\"20\" :md=\"14\" :lg=\"10\" :xl=\"8\" :xxl=\"6\" id=\"login\" style=\"margin: 3rem 0;\">\n <a-row type=\"flex\" justify=\"center\">\n <a-col style=\"width: 100%;\">\n <h1 class=\"title headline zoom\">\n <span class=\"words-wrapper\">\n <b class=\"is-visible\">\r\n800\r\nHello</b>\n <b>Welcome</b>\n </span>\n </h1>\n </a-col>\n </a-row>\n <a-row type=\"flex\" justify=\"center\">\n <a-col span=\"24\">\n <a-form>\n <a-form-item>\n <a-input autocomplete=\"username\" v-model.trim=\"user.username\" placeholder='Username'\n @keydown.enter.native=\"login\" autofocus>\n <a-icon slot=\"prefix\" type=\"user\" style=\"font-size: 16px;\"></a-icon>\n </a-input>\n </a-form-item>\n <a-form-item>\n <password-input autocomplete=\"current-password\" icon=\"lock\" v-model.trim=\"user.password\"\n placeholder='Password'\n @keydown.enter.native=\"login\">\n </password-input>\n </a-form-item>\n <a-form-item v-if=\"secretEnable\">\n <password-input autocomplete=\"secret\" icon=\"key\" v-model.trim=\"user.loginSecret\"\n placeholder='Secret Token'\n @keydown.enter.native=\"login\">\n </password-input>\n </a-form-item>\n <a-form-item>\n <a-row justify=\"center\" class=\"centered\">\n <div style=\"height: 50px;\" class=\"wave-btn-bg wave-btn-bg-cl\"\n :style=\"loading ? { width: '52px' } : { display: 'inline-block' }\">\n <a-button class=\"ant-btn-primary-login\" type=\"primary\"\n :loading=\"loading\" @click=\"login\"\n :icon=\"loading ? 'poweroff' : undefined\">\n [[ loading ? '' : 'Log In' ]]\n </a-button>\n </div>\n </a-row>\n </a-form-item>\n <a-form-item>\n <a-row justi\r\n800\r\nfy=\"center\" class=\"centered\">\n <a-col :span=\"24\">\n <a-select ref=\"selectLang\" v-model=\"lang\"\n @change=\"setLang(lang)\" style=\"width: 150px;\"\n :dropdown-class-name=\"themeSwitcher.currentTheme\">\n <a-select-option :value=\"l.value\" label=\"English\" v-for=\"l in supportLangs\">\n <span role=\"img\" aria-label=\"l.name\" v-text=\"l.icon\"></span>\n <span v-text=\"l.name\"></span>\n </a-select-option>\n </a-select>\n </a-col>\n </a-row>\n </a-form-item>\n <a-form-item>\n <a-row justify=\"center\" class=\"centered\">\n <theme-switch-login></theme-switch-login>\n </a-row>\n </a-form-item>\n </a-form>\n </a-col>\n </a-row>\n </a-col>\n </a-row>\n </a-layout-content>\n </transition>\n </a-layout>\n\n<script src=\"/assets/vue/vue.min.js?2.3.12\"></script>\n<script src=\"/assets/moment/moment.min.js\"></script>\n<script src=\"/assets/ant-design-vue/antd.min.js\"></script>\n<script src=\"/assets/axios/axios.min.js?2.3.12\"></script>\n<script src=\"/assets/qs/qs.min.js\"></script>\n<script src=\"/assets/js/axios-init.js?2.3.12\"></script>\n<script src=\"/assets/js/util/common.js?2.3.12\"></script>\n<script src=\"/assets/js/util/date-util.js?2.3.12\"></script>\n<script src=\"/assets/js/util/utils.js?2.3.12\"></script>\n<script src=\"/assets/js/langs.js\"></script>\n<script>\n const basePath = '\\/';\n axios.defaults.baseURL = basePath;\n</script>\n\n\n<script>\n function createThemeSwitcher() {\n const isDarkTheme = localStorage.getItem('dark-mode') === 'true';\n const isUltra = localStorage.getItem('isUltraDarkThemeEnabled') === 'true';\n if (isUltra) {\n document.documentElement.setAttribute('data-theme', 'ultra-dark');\n }\n \r\n800\r\nconst theme = isDarkTheme ? 'dark' : 'light';\n document.querySelector('body').setAttribute('class', theme);\n return {\n animationsOff() {\n document.documentElement.setAttribute('data-theme-animations', 'off');\n const themeAnimations = document.querySelector('#change-theme');\n themeAnimations.addEventListener('mouseleave', () => {\n document.documentElement.removeAttribute('data-theme-animations');\n });\n themeAnimations.addEventListener('touchend', () => {\n document.documentElement.removeAttribute('data-theme-animations');\n });\n },\n animationsOffUltra() {\n document.documentElement.setAttribute('data-theme-animations', 'off');\n const themeAnimationsUltra = document.querySelector('#change-theme-ultra');\n themeAnimationsUltra.addEventListener('mouseleave', () => {\n document.documentElement.removeAttribute('data-theme-animations');\n });\n themeAnimationsUltra.addEventListener('touchend', () => {\n document.documentElement.removeAttribute('data-theme-animations');\n });\n },\n isDarkTheme,\n isUltra,\n get currentTheme() {\n return ",
"datamd5" : "4fc45d5b8bac9bc2c8a63037a2c99408",
"datammh3" : -1684615265,
"device" : {
"class" : "<enterprise field>: device.class"
},
"ip" : "216.173.71.119",
"ipv6" : "false",
"latitude" : "56.9496",
"location" : "56.9496,24.0978",
"longitude" : "24.0978",
"node" : {
"country" : "<enterprise field>: node.country",
"groupid" : "<enterprise field>: node.groupid",
"id" : "<enterprise field>: node.id",
"physicalcountry" : "<enterprise field>: node.physicalcountry"
},
"organization" : "SIA VEESP",
"os" : "Linux Kernel",
"osvendor" : "Linux",
"port" : 60000,
"protocol" : "http",
"protocolversion" : "1.1",
"reason" : "OK",
"seen_date" : "2024-11-04",
"source" : "datascan",
"status" : 200,
"subnet" : "216.173.68.0/22",
"tag" : "<enterprise field>: tag",
"tls" : "false",
"transport" : "tcp",
"url" : "/"
}
