From d859dbad0ae0a04636afa7af5dd0dc404d066da6 Mon Sep 17 00:00:00 2001 From: Dominika Date: Wed, 10 Nov 2021 22:52:22 +0100 Subject: [PATCH] * registration UI/UX improvements and better welcome page --- front/src/index.ts | 18 +- webroot/index.html | 475 ++++++++++++++++++++++++++------------------- 2 files changed, 289 insertions(+), 204 deletions(-) diff --git a/front/src/index.ts b/front/src/index.ts index 54c2146..40f4260 100644 --- a/front/src/index.ts +++ b/front/src/index.ts @@ -204,24 +204,24 @@ const request = (resource: string, data: any) => break; case -2: // mail unverified - showElements([".mail-box"]); + showElements([".mail-box", ".logout-button"]); hideElements([ ".login-box", ".register-box", ".sms-box", ".package-list", - ".logout-button", + ".description", ]); break; case -3: // phone unverified - showElements([".sms-box"]); + showElements([".sms-box", ".logout-button"]); hideElements([ ".login-box", ".register-box", ".mail-box", ".package-list", - ".logout-button", + ".description", ]); break; default: @@ -347,7 +347,11 @@ const refreshPackages = async (response?: Package[]) => { const openButton = detailsBox.querySelector( ".modal-card-foot button.is-primary", )! as HTMLButtonElement; - if (data.status === PackageStatus.READY_TO_PICKUP || data.status === PackageStatus.UNSTACK_FROM_BOX_MACHINE || data.status === PackageStatus.STACK_IN_BOX_MACHINE) { + if ( + data.status === PackageStatus.READY_TO_PICKUP || + data.status === PackageStatus.UNSTACK_FROM_BOX_MACHINE || + data.status === PackageStatus.STACK_IN_BOX_MACHINE + ) { openButton.removeAttribute("disabled"); openButton.onclick = (e: Event) => { e.preventDefault(); @@ -505,7 +509,7 @@ window.addEventListener("load", () => { phone, }); if (res.status == 200) { - hideElements([".mail-box"]); + hideElements([".mail-box", ".description"]); showElements([".sms-box"]); if (!phone) { showElements([".sms-phone-field"]); @@ -527,7 +531,7 @@ window.addEventListener("load", () => { phone, }); if (res.status == 200) { - hideElements([".sms-box"]); + hideElements([".sms-box", ".description"]); phone = null; localStorage.removeItem("phone"); await refreshPackages(); diff --git a/webroot/index.html b/webroot/index.html index 2acec44..8b95b68 100644 --- a/webroot/index.html +++ b/webroot/index.html @@ -1,194 +1,275 @@ - - + + Otwarty Czapkomat Webowy - -
-
-
Welcome to OCW!
-

OCW (Otwarty Czapkomat Mobilny) is an open-source webapp, made for easy opening of Czapkomat compartments. It's free, easy to use, and we collect minimal required data (your username, e-mail and necessary API tokens - not even your phone number*)

-

Made by selfisekai and sdomi. Please note that this is still Work in Progress.

-
-
-
-