From 996ef79e1ac20e94092e95fb8b4e145438044ce2 Mon Sep 17 00:00:00 2001 From: megavrilinvv Date: Thu, 3 Nov 2022 15:15:45 +0300 Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=D0=BE?= =?UTF-8?q?=D0=B2=D0=B0=D0=BB=20loginPage=20(=D0=B8=D0=BA=D0=BE=D0=BD?= =?UTF-8?q?=D0=BA=D0=B0=20=D1=83=D0=B2=D0=B5=D0=B4=D0=BE=D0=BC=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B9=20=D0=B2=20=D1=85=D0=B5=D0=B4=D0=B5=D1=80?= =?UTF-8?q?=D0=B5=20-=20=D0=B4=D0=BB=D1=8F=20=D0=B2=D1=8B=D1=85=D0=BE?= =?UTF-8?q?=D0=B4=D0=B0)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/bigLogo.svg | 8 - src/assets/images/dots.svg | 359 ---------------- src/assets/images/ellipseBottom.svg | 12 - src/assets/images/ellipseTop.svg | 12 - src/assets/images/loginBG.svg | 399 ++++++++++++++++++ .../images/{logoText.svg => logoMark.svg} | 0 src/components/TheHeader.vue | 8 +- src/pages/login/TheLogin.vue | 23 +- src/router.js | 17 + src/shared/fetchWrapper.js | 2 +- 10 files changed, 437 insertions(+), 403 deletions(-) delete mode 100644 src/assets/images/bigLogo.svg delete mode 100644 src/assets/images/dots.svg delete mode 100644 src/assets/images/ellipseBottom.svg delete mode 100644 src/assets/images/ellipseTop.svg create mode 100644 src/assets/images/loginBG.svg rename src/assets/images/{logoText.svg => logoMark.svg} (100%) diff --git a/src/assets/images/bigLogo.svg b/src/assets/images/bigLogo.svg deleted file mode 100644 index 3f8236e..0000000 --- a/src/assets/images/bigLogo.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/assets/images/dots.svg b/src/assets/images/dots.svg deleted file mode 100644 index 0f48d04..0000000 --- a/src/assets/images/dots.svg +++ /dev/null @@ -1,359 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/ellipseBottom.svg b/src/assets/images/ellipseBottom.svg deleted file mode 100644 index b589276..0000000 --- a/src/assets/images/ellipseBottom.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/ellipseTop.svg b/src/assets/images/ellipseTop.svg deleted file mode 100644 index 45d3ba0..0000000 --- a/src/assets/images/ellipseTop.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/loginBG.svg b/src/assets/images/loginBG.svg new file mode 100644 index 0000000..05c322c --- /dev/null +++ b/src/assets/images/loginBG.svg @@ -0,0 +1,399 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/logoText.svg b/src/assets/images/logoMark.svg similarity index 100% rename from src/assets/images/logoText.svg rename to src/assets/images/logoMark.svg diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue index 965596c..b0732f7 100644 --- a/src/components/TheHeader.vue +++ b/src/components/TheHeader.vue @@ -7,7 +7,7 @@ //- header-active-client-panel(:info="chargePersonInfo") .flex.ml-auto base-button.mr-9(left-icon="icon-plus", :icon-left-size="10", :size="40", right-icon="icon-person", :icon-right-size="18") - button.header-buttons.flex.justify-center.items-center.mr-8.p-0 + button.header-buttons.flex.justify-center.items-center.mr-8.p-0(@click="logout") .icon-bell.text-xxl .flex.justify-centflexer.items-center base-avatar.mr-2(:size="32") @@ -34,6 +34,12 @@ export default { }, }; }, + methods: { + logout() { + localStorage.clear(); + this.$router.push("/login"); + }, + }, }; diff --git a/src/pages/login/TheLogin.vue b/src/pages/login/TheLogin.vue index 2114bc5..ebc9183 100644 --- a/src/pages/login/TheLogin.vue +++ b/src/pages/login/TheLogin.vue @@ -2,7 +2,7 @@ .login-wrapper.flex .left-col.flex.flex-col.items-center .logo-wrapper.absolute.left-12.top-12 - img(src="@/assets/images/logoText.svg" alt="logoText") + img(:src="logoMark") .login-panel.flex.flex-col.justify-center.gap-y-10 .flex.flex-col.gap-y-2 .text-welcome.flex.not-italic.font-bold.text-5xl Добро пожаловать! @@ -22,10 +22,6 @@ base-button.font-semibold(:disabled="disabledButton", :size="48", @click="login") Войти в аккаунт .absolute.left-12.bottom-12 2022 © Астра .right-col.flex.items-center.justify-center.relative - img.absolute.z-10(src="@/assets/images/bigLogo.svg" alt="bigLogo") - img.absolute.z-10.absolute.left-0.bottom-0(src="@/assets/images/ellipseBottom.svg" alt="ellipseBottom") - img.absolute.z-10.absolute.right-0.top-0(src="@/assets/images/ellipseTop.svg" alt="ellipseTop") - img.opacity-10(src="@/assets/images/dots.svg" alt="Logo")