cief/portal
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/portal.git synced 2026-08-28 08:54:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

update: add login.blade file.

Browse Source
This commit is contained in:
weichien00
2021-07-21 02:48:09 +08:00
parent ed157150e7
commit 8d56e3af63
2 changed files with 102 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/base_login.blade.php
+10 -2
View File
@@ -1,7 +1,15 @@
@extends('layouts.base')
@section('content')
<div class="page-container">
<div class="login-wrapper d-flex p-t-0 p-b-50">
<div class="container p-t-25 p-b-30">
<div class="row align-items-center justify-content-center h-100">
<div class="col-10">
@yield('inner_content')
</div>
</div>
</div>
</div>
</div>
@endsection
resources/views/pages/accounts/login.blade.php
+92
View File
@@ -0,0 +1,92 @@
@extends('layouts.base_login')
@section('inner_content')
<transition-component group enter-class="animate__animated animate__fadeInRightBig animate__faster" leave-class="animate__animated animate__fadeOutRightBig">
<div class="row" key="1">
<div class="col-12 col-md no-padding" v-show="!$store.getters.isShowing('registrationSection')">
<div class="padding-50 bg-white h-100">
<div class="row" v-show="!$store.getters.isShowing('forgetPassword')">
<div class="col">
<loading-component style="height: 350px;" key="1" color="primary" v-show="$store.getters.isLoading('loginSection')"></loading-component>
<div class="row" v-show="!$store.getters.isLoading('loginSection')">
<div class="col">
<div class="row m-b-15">
<div class="col">
<div class="inline v-align-middle">
<div class="font-heading fs-20 all-caps text-primary no-margin lh-28 bold">Sign In</div>
<p class="no-margin fs-11 muted light">To keep using the services please sign in with your personal info</p>
</div>
</div>
</div>
<div class="row">
<div class="col">
<login-form-component section="loginSection"></login-form-component>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" v-show="$store.getters.isShowing('forgetPassword')">
<div class="col">
<loading-component style="height: 350px;" key="1" color="primary" v-show="$store.getters.isLoading('forgetPasswordSection')"></loading-component>
<div class="row" v-show="!$store.getters.isLoading('forgetPasswordSection')">
<div class="col">
<div class="row m-b-15" v-show="!$store.getters.isShowing('forgetPasswordSuccess')">
<div class="col">
<div class="inline v-align-middle">
<div class="font-heading fs-20 all-caps text-primary no-margin lh-28 bold">Forget Password</div>
<p class="no-margin fs-11 muted light">A reset password link will send to your email account.</p>
</div>
</div>
</div>
<div class="row">
<div class="col">
<forget-password-form-component section="forgetPasswordSection"></forget-password-form-component>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md no-padding">
<div class="h-100" :class="[{'bg-master-light': !$store.getters.isShowing('registrationSection')}, {'bg-white': $store.getters.isShowing('registrationSection')}]">
<div class="row align-items-center justify-content-center h-100" v-show="!$store.getters.isShowing('registrationSection')">
<div class="col text-white p-l-50 p-r-50 p-t-30 p-b-30 ">
<div class="row">
{{-- <div class="col">
<div class="font-heading text-white fs-20 light m-b-10">New Customer</div>
<p class="no-margin light fs-11">Create an account with us to join our fast growing community and start making transfers overseas at competitive exchange rates today.</p>
</div> --}}
</div>
<div class="row m-t-15">
{{-- <div class="col">
<a href="#">
<button class="btn btn-sm btn-outline-success bold b-rad-none b-thick" @click="$store.dispatch('toggleSection', {name: 'registrationForm', status: true})">Create Account</button>
</a>
</div> --}}
</div>
</div>
</div>
<div class="row m-l-0" v-show="$store.getters.isShowing('registrationSection')">
<div class="col">
<div class="row">
<div class="col p-l-50 p-r-50 p-t-30 p-b-30">
<loading-component style="height: 350px;" key="1" color="primary" v-show="$store.getters.isLoading('loginSection')"></loading-component>
<div class="row" v-show="!$store.getters.isLoading('loginSection')">
<div class="col">
<registration-section-component section="loginSection"></registration-section-component>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</transition-component>
@endsection