bfg-common 1.3.305 → 1.3.307

package/assets/localization/local_be.json

@@ -2356,5 +2356,6 @@
   "viewDesc": "Выберыце прагляд, які будзе выкарыстоўвацца кліентам {trademark}",
   "welcomeTo": "Сардэчна запрашаем у",
   "kindValidationDescription": "Няправільны тып запісу",
-  "authText": "Выкарыстоўвайце $*адзіны$ гіпервізара $*для$ стварэння віртуальных машын, кіравання сховішчамі $*і$ налады сетак"
+  "authBgTextProcurator": "Выкарыстоўвайце $*адзіны$ гіпервізара $*для$ стварэння віртуальных машын, кіравання сховішчамі $*і$ налады сетак",
+  "authBgTextSphere": "Лёгка кантраляваць віртуалізацыю вузлы $*і$ кіраваць імі"
 }

package/assets/localization/local_en.json

@@ -2360,5 +2360,6 @@
   "viewDesc": "Select view to be used by {trademark} Client",
   "welcomeTo": "Welcome to",
   "kindValidationDescription": "Invalid record kind",
-  "authText": "Utilize $*a$ single hypervisor $*to$ $*create$ virtual machines, $*manage$ storages $*and$ set up networks"
+  "authBgTextProcurator": "Utilize $*a$ single hypervisor $*to$ $*create$ virtual machines, $*manage$ storages $*and$ set up networks",
+  "authBgTextSphere": "Monitor $*and$ control virtualization hosts $*with$ ease"
 }

package/assets/localization/local_hy.json

@@ -2360,5 +2360,6 @@
   "viewDesc": "Ընտրեք տեսքը, որը կօգտագործվի {trademark} Client-ի կողմից",
   "welcomeTo": "Բարի գալուստ",
   "kindValidationDescription": "Գրառման անվավեր տեսակ",
-  "authText": "Վիրտուալ մեքենաներ $*ստեղծելու$, պահեստները կառավարելու $*և$ ցանցերը կազմաձևելու $*համար$ օգտագործեք $*մեկ$ հիպերվիզատոր"
+  "authBgTextProcurator": "Վիրտուալ մեքենաներ $*ստեղծելու$, պահեստները կառավարելու $*և$ ցանցերը կազմաձևելու $*համար$ օգտագործեք $*մեկ$ հիպերվիզատոր",
+  "authBgTextSphere": "Հեշտությամբ վերահսկեք $*և$ Կառավարեք վիրտուալացման հանգույցները"
 }

package/assets/localization/local_kk.json

@@ -2359,5 +2359,6 @@
   "viewDesc": "{trademark} Client пайдаланатын көріністі таңдаңыз",
   "welcomeTo": "Қош келдіңіз",
   "kindValidationDescription": "Жарамсыз жазба түрі",
-  "authText": "Виртуалды машиналарды жасау, $*қоймаларды$ басқару $*және$ желілерді орнату үшін $*бір$ гипервизорды пайдаланыңыз"
+  "authBgTextProcurator": "Виртуалды машиналарды жасау, $*қоймаларды$ басқару $*және$ желілерді орнату үшін $*бір$ гипервизорды пайдаланыңыз",
+  "authBgTextSphere": "Виртуализация $*хосттарын$ оңай бақылаңыз $*және$ басқарыңыз"
 }

package/assets/localization/local_ru.json

@@ -2365,5 +2365,6 @@
   "viewDesc": "Выберите представление, которое будет использоваться клиентом {trademark}.",
   "welcomeTo": "Добро пожаловать в",
   "kindValidationDescription": "Неверный тип записи",
-  "authText": "$*Используйте$ единый гипервизор $*для$ создания виртуальных машин, управления хранилищами $*и$ настройки сетей"
+  "authBgTextProcurator": "$*Используйте$ единый гипервизор $*для$ создания виртуальных машин, управления хранилищами $*и$ настройки сетей",
+  "authBgTextSphere": "Легко контролируйте узлы виртуализации $*и$ управляйте ими"
 }

package/assets/localization/local_zh.json

@@ -2359,5 +2359,6 @@
   "viewDesc": "选择 {trademark} 客户端要使用的视图",
   "welcomeTo": "欢迎来到",
   "kindValidationDescription": "记录类型无效",
-  "authText": "利用单 $*个$ 虚拟机管理程序创建虚拟机、管理存储和 $*设$ 置网络"
+  "authBgTextProcurator": "利用单 $*个$ 虚拟机管理程序创建虚拟机、管理存储和 $*设$ 置网络",
+  "authBgTextSphere": "轻松 $*监$ 控和控制虚拟 $*化$ 主机"
 }

package/assets/scss/components/auth.scss

@@ -0,0 +1,177 @@
+@import '../common/mixins';
+
+.sign-in {
+  @include flex($dir: column);
+  height: calc(100vh - 44px);
+  background-color: #fafafa;
+  &__content {
+    display: grid;
+    grid-template-columns: 544px auto;
+    flex: 1;
+    padding: 44px 44px 44px 0;
+    @media (max-width: 1200px) {
+      grid-template-columns: 512px auto;
+    }
+
+    @media (max-width: 920px) {
+      grid-template-columns: 400px auto;
+    }
+    @media (max-width: 640px) {
+      grid-template-columns: 1fr;
+      padding: 44px 0;
+    }
+  }
+  &__left {
+    @include flex($just: space-between, $dir: column);
+    flex: 1;
+    padding: 0 72px;
+    @media (max-width: 1200px) {
+      padding: 0 64px;
+    }
+    @media (max-width: 920px) {
+      padding: 0 45px;
+    }
+  }
+  &__form {
+    &-wrapper {
+      @include flex($just: center);
+      flex: 1;
+    }
+  }
+  &__heading {
+    @include flex($just: space-between);
+  }
+  &__logo {
+    @include flex($align: center);
+    &-text {
+      color: #182531;
+      font-size: 22px;
+      font-weight: 500;
+      line-height: 26px;
+      margin-left: 12px;
+      sup {
+        color: #9da6ad;
+      }
+    }
+    img {
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  &__background {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    background-image: url('/login_bg.jpg');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    border-radius: 25px;
+    @media (max-width: 640px) {
+      &-wrapper {
+        display: none;
+      }
+    }
+
+    &-inner {
+      position: relative;
+      width: 660px;
+      height: 545px;
+      background-image: url('/login_bg1.png');
+      background-size: contain;
+      background-position: center;
+      background-repeat: no-repeat;
+      @media (max-width: 1024px) {
+        background-image: url('/login_bg1024.png');
+        width: 420px;
+        height: 376px;
+      }
+    }
+
+    &-text {
+      width: 450px;
+      position: absolute;
+      top: 60px;
+      left: 85px;
+      &.text-sm {
+        top: 70px;
+        span {
+          font-size: 21px;
+        }
+      }
+
+      span {
+        font-size: 28px;
+        font-weight: 400;
+        color: #ffffff;
+        &.opacity {
+          opacity: 48%;
+        }
+      }
+
+      @media (max-width: 1024px) {
+        width: 270px;
+        left: 75px;
+        top: 30px;
+        &.text-sm {
+          top: 20px;
+          span {
+            font-size: 19px;
+          }
+        }
+        span {
+          font-size: 21px;
+        }
+      }
+    }
+  }
+  &__notification {
+    @media (max-width: 820px) {
+      display: none;
+    }
+  }
+}
+
+.form {
+  @include flex($just: center, $dir: column);
+  width: 100%;
+  &__title {
+    color: #000000;
+    font-size: 32px;
+    font-weight: 400;
+    line-height: 38px;
+    margin-bottom: 48px;
+    span {
+      font-size: 32px;
+      color: #008fd6;
+    }
+  }
+  &__alert {
+    margin-bottom: 48px;
+  }
+  &__input {
+    :deep(.ui-main-input),
+    :deep(.ui-main-input:not(:placeholder-shown) + .ui-input-label) {
+      background-color: #fafafa;
+    }
+    &.password {
+      margin-top: 16px;
+    }
+  }
+  &__checkbox {
+    margin-top: 18px;
+  }
+  &__button {
+    @include flex($just: center, $align: center);
+    margin-top: 72px;
+    height: 44px;
+    border-radius: 8px;
+    :deep(svg) {
+      margin-right: 8px;
+    }
+  }
+}

package/assets/scss/main.scss

@@ -1,13 +1,15 @@
 //@import "clarity/clr-ui.min.css";
-@import "common/icons/icons";
+@import 'common/icons/icons';
 
-@import "common/utilities";
+@import 'common/utilities';
 
-@import "common/variables";
-@import "common/theme";
-@import "common/normalize";
-@import "common/global";
-@import "common/mixins";
-@import "common/animations";
+@import 'common/variables';
+@import 'common/theme';
+@import 'common/normalize';
+@import 'common/global';
+@import 'common/mixins';
+@import 'common/animations';
+
+@import 'components/auth';
 
 //@import "plugins/consoleVm.css";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.3.305",
+  "version": "1.3.307",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",