From 0e7469f1cd133cc723385b1682f3d87e8817e966 Mon Sep 17 00:00:00 2001 From: omair saleh Date: Tue, 29 Mar 2022 23:15:42 +0800 Subject: [PATCH] new registration ui flow --- resources/assets/images/cief-logo-white.png | Bin 0 -> 3376 bytes .../CompleteRegistrationFormComponent.vue | 218 ++++++++++++++++++ .../forms/RegistrationFormComponent.vue | 28 +-- .../CustomerProfileSectionComponent.vue | 6 +- .../sections/OnBoardingSectionComponent.vue | 105 ++++++++- .../orders/forms/OrderFormComponent.vue | 19 +- resources/assets/vue/general/mixins/guards.js | 2 +- .../views/pages/accounts/signup.blade.php | 67 ++++++ routes/web.php | 4 + 9 files changed, 421 insertions(+), 28 deletions(-) create mode 100644 resources/assets/images/cief-logo-white.png create mode 100644 resources/assets/vue/components/accounts/forms/CompleteRegistrationFormComponent.vue create mode 100644 resources/views/pages/accounts/signup.blade.php diff --git a/resources/assets/images/cief-logo-white.png b/resources/assets/images/cief-logo-white.png new file mode 100644 index 0000000000000000000000000000000000000000..12dd6440f4afff6f428de0405bb16ab7b82f5248 GIT binary patch literal 3376 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 G*nb1}T~9>- literal 0 HcmV?d00001 diff --git a/resources/assets/vue/components/accounts/forms/CompleteRegistrationFormComponent.vue b/resources/assets/vue/components/accounts/forms/CompleteRegistrationFormComponent.vue new file mode 100644 index 00000000..1ea8a1b2 --- /dev/null +++ b/resources/assets/vue/components/accounts/forms/CompleteRegistrationFormComponent.vue @@ -0,0 +1,218 @@ + + diff --git a/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue b/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue index 52535ad1..db6d8315 100644 --- a/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue +++ b/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue @@ -6,7 +6,7 @@
-
+
@@ -180,13 +180,8 @@
-
+
-
-
-

Personal Information

-
-
@@ -202,18 +197,12 @@
-
+
-
- - - - -
@@ -230,9 +219,10 @@
-
-
-
-
- +
+
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue index 749e7ef8..1a148c73 100644 --- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue +++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue @@ -8,8 +8,8 @@
- -
+ +
@@ -67,7 +67,7 @@
- +
diff --git a/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue b/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue index c7b5b154..2e4a9cec 100644 --- a/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue +++ b/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue @@ -1,7 +1,7 @@ \ No newline at end of file diff --git a/resources/assets/vue/components/orders/forms/OrderFormComponent.vue b/resources/assets/vue/components/orders/forms/OrderFormComponent.vue index 9b0020c9..62feec75 100644 --- a/resources/assets/vue/components/orders/forms/OrderFormComponent.vue +++ b/resources/assets/vue/components/orders/forms/OrderFormComponent.vue @@ -133,9 +133,15 @@
-
+
-

We are generating the QR code that you need to send to your supplier to print to stick to your packages, this QR code is required for us to identify your packages when they arrives at our warehouse!

+

We are generating your first QR code

+

Please wait...

+
+
+
+
+

We are generating the QR code for you to send to your supplier to print and stick to your packages, this QR code is required for us to identify your packages when they arrives at our warehouse!

Please wait...

@@ -176,7 +182,7 @@ methods:{ createOrder(){ this.step++; - this.submit((this.route('api.order.create')), 'post', 'orderListSection', true, false) + this.submit((this.route('api.order.create')), 'post', 'orderListSection', false, false) }, cancelOrder(){ this.parameters.warehouse_id = ''; @@ -184,13 +190,18 @@ this.$store.dispatch('toggleSection', {name: this.section, status: false}) }, successHandler(response){ - let vm = this; + if(!this.company.last_order) { + window.location.reload(); + return; + } + setTimeout(function(){ window.location.href = this.route('order.show', response.payload.data.reference) }, 5000); }, errorHandler(response){ + alert(response.message) this.error = response.message; this.step--; } diff --git a/resources/assets/vue/general/mixins/guards.js b/resources/assets/vue/general/mixins/guards.js index ffa96e7d..cd61d755 100644 --- a/resources/assets/vue/general/mixins/guards.js +++ b/resources/assets/vue/general/mixins/guards.js @@ -5,7 +5,7 @@ export default { (this.$store.getters.isAuthenticated && !this.isProtectedRoute()&& this.isWithTokenRoute()) ? window.location.href = this.route('dashboard') : ''; }, isProtectedRoute(){ - const unprotectedRoutes = [this.route('login'), this.route('account.email.verification'), this.route('company.claim')]; + const unprotectedRoutes = [this.route('login'), this.route('account.email.verification'), this.route('company.claim'), this.route('signup')]; if(window.location.href.indexOf(this.route('company.claim')) === 0) { return false; } diff --git a/resources/views/pages/accounts/signup.blade.php b/resources/views/pages/accounts/signup.blade.php new file mode 100644 index 00000000..226cd994 --- /dev/null +++ b/resources/views/pages/accounts/signup.blade.php @@ -0,0 +1,67 @@ +@extends('layouts.base') +@section('content') +
+
+
+
+
+
+
+ +
+
+
+
+

Spend less time managing your logistics and more time optimizing your operations.

+
+
+
+
+

You know how to run your operations, let us help you streamline your logistic supply chain management.

+
+
+
+
+

Sign-up today and get access to:

+
An intuitive and easy to use order process
+
Service customization to keep you in control
+
Follow-up action to keep you on track
+
Personalized customer support
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@endsection \ No newline at end of file diff --git a/routes/web.php b/routes/web.php index 31c961b1..b99ae38f 100644 --- a/routes/web.php +++ b/routes/web.php @@ -31,6 +31,10 @@ Route::get('', function () { return view('pages.accounts.login'); })->name('login'); +Route::get('/signup', function () { + return view('pages.accounts.signup'); +})->name('signup'); + Route::group(['prefix' => 'swagger'], function () { Route::get('/', function () { return view('swagger.index');