omair/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/uldvstar/exchange-2.0.git synced 2026-08-19 04:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

revert font size changes

Browse Source
This commit is contained in:
omair saleh
2021-06-20 13:07:56 +08:00
parent e137f0b01d
commit ced8653892
99 changed files with 589 additions and 589 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/accounts/elements/EmailVerificationComponent.vue
+3 -3
View File
@@ -6,14 +6,14 @@
<div class="col">
<div class="row justify-content-center m-b-20">
<div class="col-4">
<i class="fa fs-12 scalled scalled0 text-white" :class="[{'fa-check-circle': !error}, {'fa-times': error}]"></i>
<i class="fa fs-80 text-white" :class="[{'fa-check-circle': !error}, {'fa-times': error}]"></i>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading text-white fs-20 all-caps bold lh-25">Email {{error ? 'Failed Verification': 'Verified'}}</div>
<div class="font-heading text-white fs-16 scalled all-caps m-b-10 lh-25">Your Email address was{{ error ? 'n\'t' : '' }} successfully verified</div>
<div class="font-heading text-white fs-16 scalled all-caps m-b-20 lh-25">{{ error }}</div>
<div class="font-heading text-white fs-12 all-caps m-b-10 lh-25">Your Email address was{{ error ? 'n\'t' : '' }} successfully verified</div>
<div class="font-heading text-white fs-12 all-caps m-b-20 lh-25">{{ error }}</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/accounts/elements/LoginFormComponent.vue
+4 -4
View File
@@ -3,7 +3,7 @@
<div class="col">
<div class="row m-b-20 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
@@ -11,18 +11,18 @@
<validation-wrapper-component class="m-b-15" :validator="$v.parameters.email">
<label class="text-primary">Email Address</label>
<div class="controls">
<input type="text" class="form-control fs-16 scalled" v-model="parameters.email">
<input type="text" class="form-control fs-12" v-model="parameters.email">
</div>
</validation-wrapper-component>
<validation-wrapper-component :validator="$v.parameters.password">
<label class="text-primary">Password</label>
<div class="controls">
<input type="password" class="form-control fs-16 scalled" v-model="parameters.password">
<input type="password" class="form-control fs-12" v-model="parameters.password">
</div>
</validation-wrapper-component>
<div class="row m-t-15 align-items-center justify-content-center">
<div class="col-auto">
<p class="muted fs-13 scalled font-arial m-b-0 pointer">Forgot password?</p>
<p class="muted fs-11 font-arial m-b-0 pointer">Forgot password?</p>
</div>
<div class="col text-right">
<div class="btn btn-sm p-l-30 p-r-30 btn-primary bold v-align-middle b-rad-none all-caps" @click="submit(route('api.account.authentication.authenticate.attempt'), 'post', section, false, false)">Sign In</div>
resources/assets/vue/components/accounts/elements/OnboardingStepComponent.vue
+2 -2
View File
@@ -14,14 +14,14 @@
<div class="col">
<div class="row">
<div class="col">
<div class="font-heading bold fs-16 scalled" :class="[{'text-success': !active && !disabled}, {'text-white': active}]">
<div class="font-heading bold fs-12" :class="[{'text-success': !active && !disabled}, {'text-white': active}]">
<slot name="title"></slot>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-13 scalled" :class="[{'muted': !active}, {'text-white': active}]">
<div class="font-heading fs-11" :class="[{'muted': !active}, {'text-white': active}]">
<slot name="subTitle"></slot>
</div>
</div>
resources/assets/vue/components/accounts/forms/EmailVerificationFormComponent.vue
+6 -6
View File
@@ -11,10 +11,10 @@
</div>
</div>
<div class="col p-l-0">
<div class="font-heading fs-16 scalled all-caps bold text-success">Verification email sent</div>
<div class="font-heading fs-12 all-caps bold text-success">Verification email sent</div>
</div>
</div>
<div class="font-heading fs-13 scalled">It may take a few minutes. follow the directions in the email to confirm and activate your account</div>
<div class="font-heading fs-11">It may take a few minutes. follow the directions in the email to confirm and activate your account</div>
</div>
</div>
<div class="row" v-show="!$store.getters.isLoading(section) && !sent">
@@ -22,10 +22,10 @@
<div class="row">
<div class="col">
<div class="font-heading fs-16 all-caps bold m-b-15">Verify your email</div>
<div class="font-heading fs-16 scalled m-b-5">We have sent an email to <span class="bold text-primary">{{ $store.getters.getUserEmail }}</span></div>
<div class="font-heading fs-13 scalled">You need to verify your email to continue.</div>
<div class="font-heading fs-13 scalled m-b-15">If you have not received the verification email, please check your <span class="text-danger">Spam</span> folder.</div>
<div class="font-heading fs-13 scalled m-b-10">You can also click the resend button below to have another email sent to you.</div>
<div class="font-heading fs-12 m-b-5">We have sent an email to <span class="bold text-primary">{{ $store.getters.getUserEmail }}</span></div>
<div class="font-heading fs-11">You need to verify your email to continue.</div>
<div class="font-heading fs-11 m-b-15">If you have not received the verification email, please check your <span class="text-danger">Spam</span> folder.</div>
<div class="font-heading fs-11 m-b-10">You can also click the resend button below to have another email sent to you.</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/accounts/forms/ForgetPasswordFormComponent.vue
+3 -3
View File
@@ -3,7 +3,7 @@
<div class="col">
<div class="row m-r-0 m-l-0 m-b-20 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col p-l-50">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-l-0" v-show="!$store.getters.isShowing('forgetPasswordSuccess')">
@@ -13,7 +13,7 @@
<validation-wrapper-component class="m-b-15" :validator="$v.parameters.email">
<label class="text-primary">Email Address</label>
<div class="controls">
<input type="text" class="form-control fs-16 scalled" v-model="parameters.email">
<input type="text" class="form-control fs-12" v-model="parameters.email">
</div>
</validation-wrapper-component>
</div>
@@ -40,7 +40,7 @@
<div class="btn btn-sm p-l-30 p-r-30 btn-primary bold v-align-middle b-rad-none all-caps" @click="submit(route('api.account.authentication.password.forget'), 'post', section, false , false)">Request Reset Link</div>
</div>
<div class="col-auto m-t-15">
<div class="b-t b-b b-r b-grey all-caps muted p-t-15 p-b-15 p-l-30 p-r-20 font-lato pointer fs-16 scalled" @click="$store.dispatch('returnToLoginAfterSendResetPasswordLink')" style="letter-spacing: 2px;"><i class="fa fa-angle-left" style="padding-right: 18px;"></i>Back to login</div>
<div class="b-t b-b b-r b-grey all-caps muted p-t-15 p-b-15 p-l-30 p-r-20 font-lato pointer fs-12" @click="$store.dispatch('returnToLoginAfterSendResetPasswordLink')" style="letter-spacing: 2px;"><i class="fa fa-angle-left" style="padding-right: 18px;"></i>Back to login</div>
</div>
</div>
</div>
resources/assets/vue/components/accounts/forms/LogOutFormComponent.vue
+2 -2
View File
@@ -3,7 +3,7 @@
<div class="col">
<div class="row align-items-center justify-content-center b-a b-thick h-100 pointer requestModal" data-type="logoutModal" style="border-color: #ffffff3d">
<div class="col p-r-10 p-l-10">
<i class="fa fa-power-off fs-16 scalled text-primary-lighter"></i>
<i class="fa fa-power-off fs-12 text-primary-lighter"></i>
<loading-component class="fixed-top h-100 bg-white" style="height: 200px; top: 0;" key="1" color="success" v-show="loading"></loading-component>
</div>
</div>
@@ -21,7 +21,7 @@
</div>
</div>
<h3 class="all-caps">Are you leaving?</h3>
<div class="fs-13 scalled">Are you sure you want to log out ? You will return to the login screen.</div>
<div class="fs-11">Are you sure you want to log out ? You will return to the login screen.</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/accounts/forms/LoginFormComponent.vue
+3 -3
View File
@@ -7,18 +7,18 @@
<validation-wrapper-component class="m-b-15" :validator="$v.parameters.email">
<label class="text-primary">Email Address</label>
<div class="controls">
<input type="text" class="form-control fs-16 scalled" v-model="parameters.email">
<input type="text" class="form-control fs-12" v-model="parameters.email">
</div>
</validation-wrapper-component>
<validation-wrapper-component :validator="$v.parameters.password">
<label class="text-primary">Password</label>
<div class="controls">
<input type="password" class="form-control fs-16 scalled" v-model="parameters.password">
<input type="password" class="form-control fs-12" v-model="parameters.password">
</div>
</validation-wrapper-component>
<div class="row m-t-15 align-items-center justify-content-center">
<div class="col-auto">
<p class="muted fs-13 scalled font-arial m-b-0 pointer" @click="$store.dispatch('toggleSection', {name: 'forgetPassword', status: true})">Forgot password?</p>
<p class="muted fs-11 font-arial m-b-0 pointer" @click="$store.dispatch('toggleSection', {name: 'forgetPassword', status: true})">Forgot password?</p>
</div>
<div class="col text-right">
<div class="btn btn-sm p-l-30 p-r-30 btn-primary bold v-align-middle b-rad-none all-caps" @click="submitForm">Sign In</div>
resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
+5 -5
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<div class="font-heading fs-18 text-primary all-caps">Create Account</div>
<div class="fs-13 scalled muted">Create your account by filling in the form below.</div>
<div class="fs-11 muted">Create your account by filling in the form below.</div>
</div>
</div>
<error-message-component class="m-b-20" :error="error"></error-message-component>
@@ -19,10 +19,10 @@
<div class="col">
<div class="row">
<div class="col">
<p class="bold fs-13 scalled all-caps muted">Select your account type</p>
<p class="bold fs-11 all-caps muted">Select your account type</p>
</div>
</div>
<div class="row text-center fs-14 scalled scalled">
<div class="row text-center fs-10">
<div class="col">
<div class="row">
<div class="col-auto p-r-0">
@@ -55,7 +55,7 @@
<div class="col">
<div class="row">
<div class="col">
<p class="bold fs-13 scalled all-caps muted">Personal Information</p>
<p class="bold fs-11 all-caps muted">Personal Information</p>
</div>
</div>
<div class="row m-b-15" v-show="parameters.type === 1">
@@ -88,7 +88,7 @@
<div class="col">
<div class="row">
<div class="col">
<p class="bold fs-13 scalled all-caps muted">Account Information</p>
<p class="bold fs-11 all-caps muted">Account Information</p>
</div>
</div>
<div class="row m-b-15">
resources/assets/vue/components/accounts/forms/ResetPasswordFormComponent.vue
+4 -4
View File
@@ -3,7 +3,7 @@
<div class="col">
<div class="row m-r-0 m-l-0 m-b-20 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col p-l-50">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-l-0 m-b-10 animate__animated animate__fadeInUpBig">
@@ -15,7 +15,7 @@
<i class="fa fa-envelope-o fa-fw p-l-15 p-t-20" style="padding-right: 18px;"></i>
</span>
<input v-model="parameters.password" placeholder="Password" type="password" class="form-control no-border bg-white p-t-35 p-b-35 p-l-0 p-r-0">
<validation-error-component :validator="$v.parameters.password" class="absolute fs-16 scalled" style=" top: 10px; right: 15px; z-index: 99;"></validation-error-component>
<validation-error-component :validator="$v.parameters.password" class="absolute fs-12" style=" top: 10px; right: 15px; z-index: 99;"></validation-error-component>
</div>
</div>
</div>
@@ -31,7 +31,7 @@
<i class="fa fa-envelope-o fa-fw p-l-15 p-t-20" style="padding-right: 18px;"></i>
</span>
<input v-model="parameters.confirmPassword" placeholder="Confirm Password" type="password" class="form-control no-border bg-white p-t-35 p-b-35 p-l-0 p-r-0">
<validation-error-component :validator="$v.parameters.confirmPassword" class="absolute fs-16 scalled" style=" top: 10px; right: 15px; z-index: 99;"></validation-error-component>
<validation-error-component :validator="$v.parameters.confirmPassword" class="absolute fs-12" style=" top: 10px; right: 15px; z-index: 99;"></validation-error-component>
</div>
</div>
</div>
@@ -40,7 +40,7 @@
<div class="row m-t-30 align-items-center">
<div class="col-auto ml-auto p-r-0 animate__animated animate__fadeInRightBig animate__slow">
<div class="bg-success all-caps text-white p-t-15 p-b-15 p-l-50 p-r-20 bold font-lato pointer fs-16 scalled" style="letter-spacing: 4px;" @click="submit(route('api.account.authentication.password.reset'), 'post', section, false , false)">Reset Password</div>
<div class="bg-success all-caps text-white p-t-15 p-b-15 p-l-50 p-r-20 bold font-lato pointer fs-12" style="letter-spacing: 4px;" @click="submit(route('api.account.authentication.password.reset'), 'post', section, false , false)">Reset Password</div>
</div>
</div>
</div>
resources/assets/vue/components/accounts/sections/OnboardingSectionComponent.vue
+4 -4
View File
@@ -5,8 +5,8 @@
<div class="col">
<div class="row">
<div class="col padding-25 bg-white">
<div class="font-heading fs-16 scalled bold all-caps">Welcome To Exchange System, <span class="text-primary">{{$store.getters.getUserName}}</span></div>
<div class="font-heading fs-16 scalled muted">This is your setup guide. It has everything you need to get set up to start managing your overseas transfers.</div>
<div class="font-heading fs-14 bold all-caps">Welcome To Exchange System, <span class="text-primary">{{$store.getters.getUserName}}</span></div>
<div class="font-heading fs-12 muted">This is your setup guide. It has everything you need to get set up to start managing your overseas transfers.</div>
</div>
</div>
<div class="row align-items-center">
@@ -33,8 +33,8 @@
</div>
</div>
<div class="col p-l-0">
<div class="font-heading fs-13 scalled bold all-caps muted">Getting started with Exchange</div>
<div class="font-heading fs-14 scalled scalled muted">Just few more steps and you can start transferring money overseas</div>
<div class="font-heading fs-11 bold all-caps muted">Getting started with Exchange</div>
<div class="font-heading fs-10 muted">Just few more steps and you can start transferring money overseas</div>
</div>
</div>
<onboarding-step-component active>
resources/assets/vue/components/address/elements/AddressComponent.vue
+2 -2
View File
@@ -12,7 +12,7 @@
<div class="col">
<div class="row">
<div class="col">
<span class="fs-14 scalled scalled muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state.name}} {{address.post_code}} {{address.country.name}}</span>
<span class="fs-10 muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state.name}} {{address.post_code}} {{address.country.name}}</span>
</div>
</div>
</div>
@@ -54,7 +54,7 @@
</div>
</div>
<div class="col bg-white p-t-5 p-b-5">
<small class="fs-16 scalled all-caps bold" :class="[{'text-warning': address.billing}, {'text-master': !address.billing}]">Default Address</small>
<small class="fs-12 all-caps bold" :class="[{'text-warning': address.billing}, {'text-master': !address.billing}]">Default Address</small>
</div>
</div>
</div>
resources/assets/vue/components/address/elements/AddressListComponent.vue
+8 -8
View File
@@ -5,8 +5,8 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="font-heading all-caps bold fs-14 scalled scalled">Default Billing Address</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading all-caps bold fs-10">Default Billing Address</div>
<div class="font-heading fs-10">
{{defaultAddress[0].street_one}} {{defaultAddress[0].street_two}}, {{defaultAddress[0].district.name}}, {{defaultAddress[0].post_code}} {{defaultAddress[0].state.name}}, {{defaultAddress[0].country.name}}
</div>
</div>
@@ -24,10 +24,10 @@
<div class="col-auto p-l-0">
<div class="row align-items-center justify-content-center">
<div class="col-auto">
<div class="fs-14 scalled scalled all-caps">List of Address </div>
<div class="fs-10 all-caps">List of Address </div>
</div>
<div class="col-auto text-right lh-10 p-r-0 p-l-0 hide">
<i class="fa fa-info-circle fs-14 scalled scalled lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-10 lh-15 hint-text"></i>
</div>
</div>
</div>
@@ -46,7 +46,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled muted"><b class="m-r-5 text-primary">{{selectedAddress.post_code}}</b> {{selectedAddress.district.name}}</div>
<div class="font-heading all-caps fs-10 muted"><b class="m-r-5 text-primary">{{selectedAddress.post_code}}</b> {{selectedAddress.district.name}}</div>
</div>
</div>
</div>
@@ -69,13 +69,13 @@
<div class="col">
<div class="row">
<div class="col">
<!-- <div class="font-heading bold lh-15 fs-14 scalled scalled">{{address.post_code ? address.post_code + ' - ':''}}{{address.post_code}}</div> -->
<div class="font-heading bold lh-15 fs-14 scalled scalled">{{address.street_one}}{{selectedAddress.street_two ? ', ': ''}}{{address.street_two}}</div>
<!-- <div class="font-heading bold lh-15 fs-10">{{address.post_code ? address.post_code + ' - ':''}}{{address.post_code}}</div> -->
<div class="font-heading bold lh-15 fs-10">{{address.street_one}}{{selectedAddress.street_two ? ', ': ''}}{{address.street_two}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled muted"><b class="m-r-5 text-primary">{{address.post_code}}</b> {{address.district.name}}</div>
<div class="font-heading all-caps fs-10 muted"><b class="m-r-5 text-primary">{{address.post_code}}</b> {{address.district.name}}</div>
</div>
</div>
</div>
resources/assets/vue/components/address/elements/AddressModalComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Delete address</h5>
<div class="fs-13 scalled">Are you sure you want to delete? This action is undoable.</div>
<div class="fs-11">Are you sure you want to delete? This action is undoable.</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/address/forms/SetDefaultBillingAddressComponent.vue
+2 -2
View File
@@ -1,10 +1,10 @@
<template>
<div class="row">
<div class="col">
<button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-16 scalled" data-dismiss="modal">Cancel</button>
<button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-12" data-dismiss="modal">Cancel</button>
</div>
<div class="col-auto">
<button class="btn btn-lg btn-success b-rad-none all-caps fs-16 scalled" @click="submitForm()">Set as default</button>
<button class="btn btn-lg btn-success b-rad-none all-caps fs-12" @click="submitForm()">Set as default</button>
</div>
</div>
</template>
resources/assets/vue/components/announcements/elements/AnnouncementListComponent.vue
+7 -7
View File
@@ -5,36 +5,36 @@
<div class="col-3">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Date</div>
<div class="font-heading all-caps fs-8 muted">Date</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{item.created_at}}</div>
<div class="font-heading fs-10">{{item.created_at}}</div>
</div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Title</div>
<div class="font-heading all-caps fs-8 muted">Title</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{item.title | truncate(20)}}</div>
<div class="font-heading fs-10">{{item.title | truncate(20)}}</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Message</div>
<div class="font-heading all-caps fs-8 muted">Message</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{item.description | truncate(15)}}</div>
<div class="font-heading fs-10">{{item.description | truncate(15)}}</div>
</div>
</div>
</div>
@@ -93,7 +93,7 @@
<div class="col">
<div class="row no-margin">
<div class="col-auto no-padding m-r-10 m-b-5 m-t-5" v-for="segment in item.segments" v-bind:key="segment.id">
<div class="font-heading fs-14 scalled scalled lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
<div class="font-heading fs-10 lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
{{segment.name}}
<i class="fa fa-times muted m-l-10 pointer requestModal" :data-type="'detachSegment_'+segment.id" ></i>
</div>
resources/assets/vue/components/announcements/forms/AssignAnnouncementToSegmentFormComponent.vue
+2 -2
View File
@@ -7,12 +7,12 @@
<div class="row m-b-10">
<div class="col">
<h3 class="all-caps m-b-5 bold no-margin">Assign Segment</h3>
<div class="fs-13 scalled">Select a segment to view annoucment with title <span class="bold">{{parameters.title | truncate(10) }}</span></div>
<div class="fs-11">Select a segment to view annoucment with title <span class="bold">{{parameters.title | truncate(10) }}</span></div>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-15">
resources/assets/vue/components/announcements/forms/DetachAnnouncementFromSegmentFormComponent.vue
+2 -2
View File
@@ -4,7 +4,7 @@
<loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
@@ -12,7 +12,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to remove <span class="bold">{{this.item.name}}</span>from viewing this annoucment with title <span class="bold">{{ announcement_title | truncate(10)}}</span></div>
<div class="fs-11">Are you sure you want to remove <span class="bold">{{this.item.name}}</span>from viewing this annoucment with title <span class="bold">{{ announcement_title | truncate(10)}}</span></div>
</div>
</div>
<div class="row">
resources/assets/vue/components/announcements/forms/ViewAnnouncementFormComponent.vue
+1 -1
View File
@@ -23,7 +23,7 @@
<!--<div class="col">-->
<!--<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 172 172" style=" fill:#000000;"><defs><linearGradient x1="99.4375" y1="43.33594" x2="99.4375" y2="60.14625" gradientUnits="userSpaceOnUse" id="color-1_43971_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="106.15625" y1="26.875" x2="106.15625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-2_43971_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="83.3125" y1="26.875" x2="83.3125" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-3_43971_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="73.90625" y1="26.875" x2="73.90625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-4_43971_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="51.0625" y1="26.875" x2="51.0625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-5_43971_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="51.0625" y1="26.875" x2="51.0625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-6_43971_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="26.875" x2="45.6875" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-7_43971_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="43" y1="26.875" x2="43" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-8_43971_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M112.875,59.125h-26.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-10.75c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h26.875c1.4835,0 2.6875,1.204 2.6875,2.6875v10.75c0,1.4835 -1.204,2.6875 -2.6875,2.6875z" fill="url(#color-1_43971_gr1)"></path><path d="M155.875,96.75c0,-7.97381 -5.82381,-14.59581 -13.4375,-15.88313v-18.82325c0,-2.08819 -1.16906,-3.94525 -3.05031,-4.85094c-1.88125,-0.90031 -4.06081,-0.65575 -5.69481,0.64769l-21.48925,17.18925c-0.08062,0.0645 -0.13975,0.14781 -0.21769,0.21769h-31.36044c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375h-5.375c-2.96431,0 -5.375,2.41069 -5.375,5.375v5.375c0,2.96431 2.41069,5.375 5.375,5.375h5.375c0,7.40944 6.02806,13.4375 13.4375,13.4375v16.125c0,5.92863 4.82138,10.75 10.75,10.75c5.92863,0 10.75,-4.82137 10.75,-10.75v-16.125h9.86044c0.07794,0.06988 0.13706,0.15319 0.22038,0.22037l21.48656,17.18925c0.98094,0.78475 2.16075,1.18519 3.35131,1.18519c0.79281,0 1.59369,-0.17738 2.3435,-0.5375c1.88125,-0.903 3.05031,-2.76275 3.05031,-4.84825v-18.82325c7.61369,-1.28731 13.4375,-7.90931 13.4375,-15.88312zM61.8125,99.4375v-5.375h5.375v5.375zM96.75,134.375c0,2.96431 -2.41069,5.375 -5.375,5.375c-2.96431,0 -5.375,-2.41069 -5.375,-5.375v-16.125h10.75zM80.625,112.875c-4.44513,0 -8.0625,-3.61738 -8.0625,-8.0625v-16.125c0,-4.44513 3.61737,-8.0625 8.0625,-8.0625h29.5625v32.25h-8.0625zM137.05175,131.46175l-21.48925,-17.19462v-35.04231l10.75,-8.59194v26.11713h5.375v-30.41175l5.375,-4.29462l0.00538,69.42887c0,0 -0.00538,-0.00269 -0.01613,-0.01075zM142.4375,107.11837v-20.73675c4.6225,1.20131 8.0625,5.375 8.0625,10.36838c0,4.99337 -3.44,9.16706 -8.0625,10.36838z" fill="url(#color-2_43971_gr2)"></path><path d="M77.9375,91.375v5.375h5.375v-5.375h5.375v-5.375h-5.375c-2.96431,0 -5.375,2.41069 -5.375,5.375z" fill="url(#color-3_43971_gr3)"></path><path d="M21.5,107.5v-67.1875c0,-4.44512 3.61737,-8.0625 8.0625,-8.0625h88.6875c4.44512,0 8.0625,3.61738 8.0625,8.0625v10.75h5.375v-10.75c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375h-88.6875c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375v67.1875c0,7.40944 6.02806,13.4375 13.4375,13.4375h32.25v-5.375h-32.25c-4.44513,0 -8.0625,-3.61737 -8.0625,-8.0625z" fill="url(#color-4_43971_gr4)"></path><path d="M32.25,43h37.625v5.375h-37.625z" fill="url(#color-5_43971_gr5)"></path><path d="M32.25,53.75h37.625v5.375h-37.625z" fill="url(#color-6_43971_gr6)"></path><path d="M32.25,64.5h26.875v5.375h-26.875z" fill="url(#color-7_43971_gr7)"></path><path d="M32.25,75.25h21.5v5.375h-21.5z" fill="url(#color-8_43971_gr8)"></path></g></g></svg>-->
<!--<label class="fs-20 all-caps"><b>{{item.title}}</b></label>-->
<!--<label class="float-right fs-14 scalled scalled"><i>{{item.created_at}}</i></label>-->
<!--<label class="float-right fs-10"><i>{{item.created_at}}</i></label>-->
<!--</div>-->
<!--</div>-->
<!--<div class="row m-b-20">-->
resources/assets/vue/components/announcements/sections/AnnouncementQuickViewSectionComponent.vue
+2 -2
View File
@@ -3,10 +3,10 @@
<div class="b-b b-dashed b-grey p-b-25" v-show="!this.show_details" v-if="company">
<div class="row align-items-center m-b-5 parentContainer">
<div class="col-10">
<div class="font-heading fs-14 scalled scalled muted all-caps">Announcement</div>
<div class="font-heading fs-10 muted all-caps">Announcement</div>
</div>
<div class="col-2 text-right pull-right">
<div class="font-heading fs-14 scalled scalled muted all-caps">Action</div>
<div class="font-heading fs-10 muted all-caps">Action</div>
</div>
</div>
resources/assets/vue/components/banks/elements/BankAccountComponent.vue
+5 -5
View File
@@ -11,7 +11,7 @@
<div class="col-5">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-13 scalled">{{item.type === 2 ? item.reference : item.company_business_type === 1 ? 'Company\'s Bank Account' : 'Personal Bank Account'}}</div>
<div class="font-heading all-caps fs-11">{{item.type === 2 ? item.reference : item.company_business_type === 1 ? 'Company\'s Bank Account' : 'Personal Bank Account'}}</div>
</div>
<div class="col-auto p-l-0">
<div class="bg-success-light fs-7 all-caps text-white b-rad-sm lh-18 p-l-10 p-r-10" v-if="item.company_business_type !== 1 && item.default">default</div>
@@ -20,13 +20,13 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled muted">{{item.bank_name}}</div>
<div class="font-heading all-caps fs-10 muted">{{item.bank_name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{item.holder_name}}</div>
<div class="font-heading fs-13 scalled text-complete m-b-5">{{item.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</div>
<div class="font-heading fs-10">{{item.holder_name}}</div>
<div class="font-heading fs-11 text-complete m-b-5">{{item.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</div>
</div>
<div class="col-auto">
<div class="row align-items-center">
@@ -37,7 +37,7 @@
</div>
<div class="col no-padding">
<div class="btn btn-xs btn-outline-success b-rad-none pointer requestModal" data-type="defaultBank" v-if="item.company_business_type !== 1 && !item.default">Set As Default</div>
<div class="bg-master-lighter p-t-10 p-b-10 p-r-15 p-l-15 muted hint-text fs-14 scalled scalled" v-if="item.company_business_type !== 1 && item.default">Set As Default</div>
<div class="bg-master-lighter p-t-10 p-b-10 p-r-15 p-l-15 muted hint-text fs-10" v-if="item.company_business_type !== 1 && item.default">Set As Default</div>
</div>
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="deleteBank">
resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10" v-if="type === 2">
resources/assets/vue/components/banks/forms/DeleteBankAccountFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete this bank account?</div>
<div class="fs-11">Are you sure you want to delete this bank account?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/banks/forms/SetBankAccountDefaultFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to set this bank account as the default?</div>
<div class="fs-11">Are you sure you want to set this bank account as the default?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/elements/BookingComponent.vue
+15 -15
View File
@@ -11,44 +11,44 @@
<div class="col-auto">
<div class="row">
<div class="col-auto p-r-10 all-caps">
<div class="font-heading all-caps fs-13 scalled bold">{{this.item.marking}}</div>
<div class="font-heading all-caps fs-11 bold">{{this.item.marking}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled muted">{{this.item.created_at}}</div>
<div class="font-heading all-caps fs-10 muted">{{this.item.created_at}}</div>
</div>
</div>
</div>
<div class="col" v-if="$store.getters.isAdmin">
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-16 scalled">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-12">
<a :href="route('customer.profile', item.company.reference)">{{this.item.company.reference}}</a>
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-16 scalled bold">
<span class="flag-icon fs-16 scalled" :class="'flag-icon-'+item.convertible_currency.country.short_code.toLowerCase()"></span> {{this.item.convertible_currency.short_code}}
<div class="font-heading fs-10 muted all-caps">Currency</div>
<div class="font-heading fs-12 bold">
<span class="flag-icon fs-12" :class="'flag-icon-'+item.convertible_currency.country.short_code.toLowerCase()"></span> {{this.item.convertible_currency.short_code}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Transfer Type</div>
<div class="font-heading fs-13 scalled">{{this.item.service.name}}</div>
<div class="font-heading fs-10 muted all-caps">Transfer Type</div>
<div class="font-heading fs-11">{{this.item.service.name}}</div>
</div>
<div class="col">
<div class="font-heading fs-14 scalled scalled muted all-caps">Payable Amount</div>
<div class="font-heading fs-13 scalled text-success bold">{{this.item.amount}} {{this.item.fixed_currency.short_code}}</div>
<div class="font-heading fs-10 muted all-caps">Payable Amount</div>
<div class="font-heading fs-11 text-success bold">{{this.item.amount}} {{this.item.fixed_currency.short_code}}</div>
</div>
<div class="col-auto" v-if="!$store.getters.isAdmin">
<div class="font-heading fs-14 scalled scalled muted all-caps">status</div>
<div class="font-heading fs-12 scalled scalled all-caps text-master btn-rounded p-l-10 p-r-10 lh-15 mt-1" :class="[{'bg-warning': item.status !== 3}, {'bg-success': item.status === 3} ]">
<div class="font-heading fs-10 muted all-caps">status</div>
<div class="font-heading fs-8 all-caps text-master btn-rounded p-l-10 p-r-10 lh-15 mt-1" :class="[{'bg-warning': item.status !== 3}, {'bg-success': item.status === 3} ]">
{{item.status === 3 ? 'Complete' : 'In Progress'}}
</div>
</div>
<div class="col-auto hide" :class="[{'invisible': !item.service.configurations.billable}]" v-if="!$store.getters.isAdmin">
<div class="font-heading fs-14 scalled scalled muted all-caps">Billing</div>
<div class="font-heading fs-12 scalled scalled all-caps text-danger btn-rounded bg-master-lightest p-l-10 p-r-10 lh-15 mt-1">
<div class="font-heading fs-10 muted all-caps">Billing</div>
<div class="font-heading fs-8 all-caps text-danger btn-rounded bg-master-lightest p-l-10 p-r-10 lh-15 mt-1">
Pending...
</div>
</div>
resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
+27 -27
View File
@@ -5,19 +5,19 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="font-heading all-caps bold fs-14 scalled scalled">Transfer Summary</div>
<div class="font-heading all-caps bold fs-10">Transfer Summary</div>
</div>
</div>
<div class="row align-items-end">
<div class="col-2">
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{this.data.serviceType.name}}</div>
<div class="font-heading fs-10">{{this.data.serviceType.name}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled scalled all-caps">Service Type</div>
<div class="font-heading fs-8 all-caps">Service Type</div>
</div>
</div>
@@ -25,24 +25,24 @@
<div class="col-2">
<div class="row">
<div class="col">
<div class="font-heading fs-16 scalled bold text-primary">{{this.data.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-12 bold text-primary">{{this.data.serviceType.selectedCurrency.short_code}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled scalled all-caps">Currency</div>
<div class="font-heading fs-8 all-caps">Currency</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col">
<div class="font-heading fs-16 scalled bold text-primary">{{(Math.round((parseFloat(this.data.amount.replace(",", "")) + Number.EPSILON) * 100) / 100).toFixed(2)}} {{this.parameters.type === 0 ? 'MYR': this.data.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-12 bold text-primary">{{(Math.round((parseFloat(this.data.amount.replace(",", "")) + Number.EPSILON) * 100) / 100).toFixed(2)}} {{this.parameters.type === 0 ? 'MYR': this.data.serviceType.selectedCurrency.short_code}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled scalled all-caps">Transfer Total</div>
<div class="font-heading fs-8 all-caps">Transfer Total</div>
</div>
</div>
</div>
@@ -53,7 +53,7 @@
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps bold fs-14 scalled scalled">Recipient Details</div>
<div class="font-heading all-caps bold fs-10">Recipient Details</div>
</div>
</div>
<div class="row">
@@ -64,10 +64,10 @@
<!--<div class="col-auto p-l-0">-->
<!--<div class="row align-items-center justify-content-center">-->
<!--<div class="col-auto">-->
<!--<div class="fs-14 scalled scalled all-caps">Recipient Bank Account</div>-->
<!--<div class="fs-10 all-caps">Recipient Bank Account</div>-->
<!--</div>-->
<!--<div class="col-auto text-right lh-10 p-r-0 p-l-0 hide">-->
<!--<i class="fa fa-info-circle fs-14 scalled scalled lh-15 hint-text"></i>-->
<!--<i class="fa fa-info-circle fs-10 lh-15 hint-text"></i>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
@@ -170,65 +170,65 @@
<div class="col">
<div class="row m-b-15">
<div class="col">
<div class="font-heading all-caps bold fs-14 scalled scalled">Transfer Amount and Charges</div>
<div class="font-heading fs-12 scalled scalled muted all-caps">** These are the rate as of <span class="text-danger">{{this.parameters.calculation.date}}</span>, all charges and rates are subject to change when making payment</div>
<div class="font-heading all-caps bold fs-10">Transfer Amount and Charges</div>
<div class="font-heading fs-8 muted all-caps">** These are the rate as of <span class="text-danger">{{this.parameters.calculation.date}}</span>, all charges and rates are subject to change when making payment</div>
</div>
</div>
<div class="row align-items-end no-margin">
<div class="col">
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-14 scalled scalled all-caps">Amount you are Transferring</div>
<div class="font-heading fs-10 all-caps">Amount you are Transferring</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-14 scalled scalled bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-10 bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-14 scalled scalled bold">{{(Math.round((parseFloat(this.parameters.amount.replace(",", ""))+ Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10 bold">{{(Math.round((parseFloat(this.parameters.amount.replace(",", ""))+ Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-14 scalled scalled all-caps text-primary">Exchange Rate</div>
<div class="font-heading fs-10 all-caps text-primary">Exchange Rate</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-14 scalled scalled"></div>
<div class="font-heading fs-10"></div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-14 scalled scalled text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
<div class="font-heading fs-10 text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
</div>
</div>
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-14 scalled scalled all-caps">Money Transfer Fee</div>
<div class="font-heading fs-10 all-caps">Money Transfer Fee</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-14 scalled scalled">MYR</div>
<div class="font-heading fs-10">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-14 scalled scalled">{{(Math.round((this.parameters.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end p-t-10 p-b-10">
<div class="col text-right">
<div class="font-heading fs-14 scalled scalled all-caps">Sub-Total</div>
<div class="font-heading fs-10 all-caps">Sub-Total</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-14 scalled scalled">MYR</div>
<div class="font-heading fs-10">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-14 scalled scalled">{{(Math.round((this.parameters.calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col text-right">
<div class="font-heading fs-14 scalled scalled all-caps">Tax</div>
<div class="font-heading fs-10 all-caps">Tax</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-14 scalled scalled">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
<div class="font-heading fs-10">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-14 scalled scalled">{{(Math.round((this.parameters.calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end p-t-10 p-b-10">
resources/assets/vue/components/bookings/elements/BookingMergeModalComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Merge Transfers</h5>
<div class="fs-13 scalled">Are you sure you want to merge? This action is undoable.</div>
<div class="fs-11">Are you sure you want to merge? This action is undoable.</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/elements/BookingMergeableComponent.vue
+13 -13
View File
@@ -3,48 +3,48 @@
<div class="row w-100 m-0 p-0">
<div class="col-auto hide" @click="showPurchaseDetails(item.id)">
<div class="hint-text">
<i class="fa fa-plus fs-12 scalled scalled muted hint-text"></i>
<i class="fa fa-plus fs-8 muted hint-text"></i>
</div>
</div>
<div class="col-auto pt-1 pb-0 pr-1">
<div class="font-heading fs-16 scalled" style="line-height: 0px;">
<div class="font-heading fs-12" style="line-height: 0px;">
<input type="checkbox" v-bind:data-id="this.item.id" @change="selectedBookings">
</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading all-caps fs-13 scalled">{{this.item.created_at}}</div>
<div class="font-heading all-caps fs-11">{{this.item.created_at}}</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading all-caps fs-13 scalled bold">{{this.item.marking}}</div>
<div class="font-heading all-caps fs-11 bold">{{this.item.marking}}</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-13 scalled bold">
<span class="flag-icon fs-13 scalled" :class="'flag-icon-'+item.convertible_currency.country.short_code.toLowerCase()"></span> {{this.item.convertible_currency.short_code}}
<div class="font-heading fs-11 bold">
<span class="flag-icon fs-11" :class="'flag-icon-'+item.convertible_currency.country.short_code.toLowerCase()"></span> {{this.item.convertible_currency.short_code}}
</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-13 scalled">{{this.item.service.name}}</div>
<div class="font-heading fs-11">{{this.item.service.name}}</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-13 scalled text-success bold" v-if="item.purchase_order!==null">{{formatAmount(this.item.purchase_order.amount)}} {{this.item.purchase_order.original_currency.short_code}}</div>
<div class="font-heading fs-11 text-success bold" v-if="item.purchase_order!==null">{{formatAmount(this.item.purchase_order.amount)}} {{this.item.purchase_order.original_currency.short_code}}</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-13 scalled text-success bold">{{formatAmount(this.item.amount)}} {{this.item.fixed_currency.short_code}}</div>
<div class="font-heading fs-11 text-success bold">{{formatAmount(this.item.amount)}} {{this.item.fixed_currency.short_code}}</div>
</div>
</div>
<div class="row text-left no-margin bg-white hide" v-if="item.purchase_order!==null" v-for="po in (this.item.purchase_order ? this.item.purchase_order.details : [])" v-bind:key="po.id">
<div class="col">
<div class="font-heading fs-13 scalled text-success bold">{{po.description}}</div>
<div class="font-heading fs-11 text-success bold">{{po.description}}</div>
</div>
<div class="col">
<div class="font-heading fs-13 scalled text-success bold">{{po.quantity}}</div>
<div class="font-heading fs-11 text-success bold">{{po.quantity}}</div>
</div>
<div class="col">
<div class="font-heading fs-13 scalled text-success bold">{{po.unit_price}}</div>
<div class="font-heading fs-11 text-success bold">{{po.unit_price}}</div>
</div>
<div class="col">
<div class="font-heading fs-13 scalled text-success bold">{{po.total}}</div>
<div class="font-heading fs-11 text-success bold">{{po.total}}</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/elements/CurrencyOrderComponent.vue
+3 -3
View File
@@ -17,12 +17,12 @@
<div class="col p-t-10 p-b-10">
<div class="row">
<div class="col">
<div class="text-primary fs-14 scalled scalled bold">{{item.created_at}}</div>
<div class="text-primary fs-10 bold">{{item.created_at}}</div>
</div>
</div>
<div class="row align-items-center">
<div class="col">
<div class="muted fs-14 scalled scalled">{{item.owner.name}}</div>
<div class="muted fs-10">{{item.owner.name}}</div>
</div>
</div>
</div>
@@ -40,7 +40,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Currency Order Placed</h5>
<div class="fs-13 scalled">Are you sure you that the currency order has been placed with the supplier?</div>
<div class="fs-11">Are you sure you that the currency order has been placed with the supplier?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
+10 -10
View File
@@ -7,34 +7,34 @@
<div class="col p-t-5 p-b-5">
<div class="row">
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<div class="font-heading fs-10 muted all-caps">Reference</div>
<a :href="route('booking.details', item.booking.marking)">
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10">
{{item.booking.marking}}
</div>
</a>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
{{item.updated_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-10">
{{item.booking.company.reference}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Currency</div>
<div class="font-heading fs-10">
<span class="flag-icon" :class="'flag-icon-'+item.original_currency.country.short_code.toLowerCase()"></span> {{item.original_currency.short_code}}
</div>
</div>
<div class="col">
<div class="font-heading fs-14 scalled scalled muted all-caps">Amount</div>
<div class="font-heading fs-16 scalled text-success bold">
<div class="font-heading fs-10 muted all-caps">Amount</div>
<div class="font-heading fs-12 text-success bold">
{{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
resources/assets/vue/components/bookings/elements/PaymentVerificationComponent.vue
+17 -17
View File
@@ -8,42 +8,42 @@
<div class="col p-t-5 p-b-5">
<div class="row">
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Reference</div>
<div class="font-heading fs-10">
{{item.bill_no}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Transfer No.</div>
<div class="font-heading fs-10 muted all-caps">Transfer No.</div>
<a :href="route('booking.details', item.booking.marking)">
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10">
{{item.booking.marking}}
</div>
</a>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-10">
{{item.booking.company.reference}}
</div>
</div>
<div class="col text-right">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
{{item.documents.created_at}}
</div>
</div>
</div>
<div class="row m-t-10">
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Payment Proof</div>
<div class="font-heading fs-10 muted all-caps">Payment Proof</div>
<div class="row no-margin">
<div v-if="item.documents != null">
<div v-for="file in item.documents.files" v-bind:key="file.id" class="col-auto no-padding m-r-5">
<document-file-viewer-component :file="file">
<template slot="button">
<div class="icon-thumbnail fs-13 scalled text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-14 scalled scalled"></i>
<div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-10"></i>
</div>
</template>
</document-file-viewer-component>
@@ -52,14 +52,14 @@
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Amount</div>
<div class="font-heading fs-16 scalled text-success bold">
<div class="font-heading fs-10 muted all-caps">Amount</div>
<div class="font-heading fs-12 text-success bold">
MYR {{(Math.round((item.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
<div class="col">
<div class="font-heading fs-14 scalled scalled muted all-caps">Original</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Original</div>
<div class="font-heading fs-10">
{{item.original_currency.short_code}} {{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
@@ -78,7 +78,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Reject Document</h5>
<div class="fs-13 scalled">Are you sure you want to reject this payment?</div>
<div class="fs-11">Are you sure you want to reject this payment?</div>
</div>
</div>
<div class="row">
@@ -102,7 +102,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Approve Payment</h5>
<div class="fs-13 scalled">Are you sure you want to approve this payment?</div>
<div class="fs-11">Are you sure you want to approve this payment?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/elements/SupplierPendingOrderComponent.vue
+8 -8
View File
@@ -5,27 +5,27 @@
<div class="col">
<div class="row align-items-center pointer" @click="activate()">
<div class="col-auto p-r-0">
<div class="b-grey b-a fs-14 scalled scalled btn-rounded icon-thumbnail icon-25 m-r-0" :class="[{'bg-primary': active}, {'bg-transparent': !active}]">
<i class="fa fa-check text-white fs-16 scalled fa-fw"></i>
<div class="b-grey b-a fs-10 btn-rounded icon-thumbnail icon-25 m-r-0" :class="[{'bg-primary': active}, {'bg-transparent': !active}]">
<i class="fa fa-check text-white fs-12 fa-fw"></i>
</div>
</div>
<div class="col p-t-5 p-b-5">
<div class="row">
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
{{item.updated_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Currency</div>
<div class="font-heading fs-10">
<span class="flag-icon" :class="'flag-icon-'+item.original_currency.country.short_code.toLowerCase()"></span> {{item.original_currency.short_code}}
</div>
</div>
<div class="col">
<div class="font-heading fs-14 scalled scalled muted all-caps">Amount</div>
<div class="font-heading fs-16 scalled text-success bold">
<div class="font-heading fs-10 muted all-caps">Amount</div>
<div class="font-heading fs-12 text-success bold">
{{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
+10 -10
View File
@@ -12,8 +12,8 @@
</div>
<div class="row">
<div class="col text-center">
<div class="font-heading fs-13 scalled all-caps text-danger bold">Service Is Currently Unavailable!</div>
<div class="font-heading fs-14 scalled scalled muted">We apologise for any inconvenience. In the mean time feel free to manage your existing transfers as usual, We will be back soon.</div>
<div class="font-heading fs-11 all-caps text-danger bold">Service Is Currently Unavailable!</div>
<div class="font-heading fs-10 muted">We apologise for any inconvenience. In the mean time feel free to manage your existing transfers as usual, We will be back soon.</div>
</div>
</div>
</div>
@@ -32,10 +32,10 @@
<div class="col-auto p-l-0">
<div class="row align-items-center justify-content-center">
<div class="col-auto">
<div class="fs-14 scalled scalled all-caps">Service Type</div>
<div class="fs-10 all-caps">Service Type</div>
</div>
<div class="col-auto text-right lh-10 p-r-0 p-l-0 hide">
<i class="fa fa-info-circle fs-14 scalled scalled lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-10 lh-15 hint-text"></i>
</div>
</div>
</div>
@@ -66,7 +66,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10" :class="[{'bg-success-light': serviceType.id === service.id}, {'text-white': serviceType.id === service.id}, {'hover-success': serviceType.id !== service.id}, {'pointer': serviceType.id !== service.id}]" @click="updateServiceType(service)">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{service.name}}</div>
<div class="font-heading fs-10">{{service.name}}</div>
</div>
</div>
</div>
@@ -87,10 +87,10 @@
<div class="col-auto p-l-0">
<div class="row align-items-center justify-content-center">
<div class="col-auto">
<div class="fs-14 scalled scalled all-caps">Payment Type</div>
<div class="fs-10 all-caps">Payment Type</div>
</div>
<div class="col-auto text-right lh-10 p-r-0 p-l-0 hide">
<i class="fa fa-info-circle fs-14 scalled scalled lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-10 lh-15 hint-text"></i>
</div>
</div>
</div>
@@ -103,7 +103,7 @@
</div>
<div class="row" v-if="paymentType === 0">
<div class="col">
<div class="fs-16 scalled">** If you like to create <span class="text-danger">a single invoice</span> for your purchase order, please key in the <span class="text-danger">full amount of your purchase order</span> in the form below. You will still be able to make <span class="text-success">partial payment</span> for the transfer request with your deposit amount when making payment.</div>
<div class="fs-12">** If you like to create <span class="text-danger">a single invoice</span> for your purchase order, please key in the <span class="text-danger">full amount of your purchase order</span> in the form below. You will still be able to make <span class="text-success">partial payment</span> for the transfer request with your deposit amount when making payment.</div>
</div>
</div>
</div>
@@ -123,10 +123,10 @@
<div class="row" v-if="summary.calculation.total > 0 && data.status === 0">
<div class="col">
<div class="alert alert-warning padding-15" role="alert">
<div class="font-heading fs-16 scalled all-caps bold m-b-15">Create a transfer order</div>
<div class="font-heading fs-12 all-caps bold m-b-15">Create a transfer order</div>
<div class="row m-b-15">
<div class="col">
<div class="font-heading fs-14 scalled scalled">You are unable to create a new transfer order until you upload your identification document for verification. You can verify your identity by clicking on the button below</div>
<div class="font-heading fs-10">You are unable to create a new transfer order until you upload your identification document for verification. You can verify your identity by clicking on the button below</div>
</div>
</div>
<button class="btn btn-xs all-caps b-rad-none btn-warning requestModal" data-type="identificationVerificationModal">Upload identification Document</button>
resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+35 -35
View File
@@ -10,7 +10,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled bold">{{this.data.conversion_currency.short_code}}</div>
<div class="font-heading fs-10 bold">{{this.data.conversion_currency.short_code}}</div>
</div>
</div>
</div>
@@ -25,7 +25,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled bold">{{this.data.convertible_currency.short_code}}</div>
<div class="font-heading fs-10 bold">{{this.data.convertible_currency.short_code}}</div>
</div>
</div>
</div>
@@ -34,7 +34,7 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled muted">Recipient Bank Details</div>
<div class="font-heading all-caps fs-10 muted">Recipient Bank Details</div>
</div>
</div>
<div class="row align-items-center">
@@ -49,12 +49,12 @@
<div class="col-auto">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading fs-13 scalled">{{item.bank.holder_name}} <span class="text-complete m-l-5">{{item.bank.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</span></div>
<div class="font-heading fs-11">{{item.bank.holder_name}} <span class="text-complete m-l-5">{{item.bank.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</span></div>
</div>
</div>
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-14 scalled scalled small">{{item.bank.bank_name}} <span class="m-l-5">({{item.bank.bank_branch}})</span></div>
<div class="font-heading all-caps fs-10 small">{{item.bank.bank_name}} <span class="m-l-5">({{item.bank.bank_branch}})</span></div>
</div>
</div>
</div>
@@ -67,34 +67,34 @@
<div class="col">
<div class="row align-items-end m-b-10 text-complete">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Transfer Total:</div>
<div class="font-heading all-caps fs-10">Transfer Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-12">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 text-success">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Paid Total:</div>
<div class="font-heading all-caps fs-10">Paid Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.paid_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-12">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.paid_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 ">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Floating Amount:</div>
<div class="font-heading all-caps fs-10">Floating Amount:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.floating_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-12">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.floating_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end bold text-danger">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">OutStanding Total:</div>
<div class="font-heading all-caps fs-10">OutStanding Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.outstanding_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-12">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.outstanding_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row m-t-20" v-if="data.company.employee.status === 2 && data.company.status === 2 && data.outstanding_amount > 0">
@@ -110,7 +110,7 @@
<div class="col">
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
@@ -137,7 +137,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">Bank Transfer</div>
<div class="font-heading fs-10">Bank Transfer</div>
</div>
</div>
</div>
@@ -146,7 +146,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">Cash Deposit</div>
<div class="font-heading fs-10">Cash Deposit</div>
</div>
</div>
</div>
@@ -155,7 +155,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">Cheque</div>
<div class="font-heading fs-10">Cheque</div>
</div>
</div>
</div>
@@ -164,7 +164,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">Banker's Acceptance</div>
<div class="font-heading fs-10">Banker's Acceptance</div>
</div>
</div>
</div>
@@ -185,7 +185,7 @@
<div class="col-auto b-r b-t b-b b-grey">
<div class="row h-100 align-items-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted">{{this.data.fixed_currency.short_code}}</div>
<div class="font-heading fs-10 muted">{{this.data.fixed_currency.short_code}}</div>
</div>
</div>
</div>
@@ -208,66 +208,66 @@
<div class="col">
<div class="row align-items-end m-b-20 text-danger" v-if="(this.data.amount - parseFloat(amount.replace(',', '')))">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Outstanding</div>
<div class="font-heading all-caps fs-10">Outstanding</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled">{{this.data.fixed_currency.short_code}} {{(Math.round(((this.data.amount - parseFloat(amount.replace(',', '')))+ Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-10">{{this.data.fixed_currency.short_code}} {{(Math.round(((this.data.amount - parseFloat(amount.replace(',', '')))+ Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 text-success bold">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Recipient Gets</div>
<div class="font-heading all-caps fs-10">Recipient Gets</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled">{{this.data.convertible_currency.short_code}} {{(Math.round((calculation.foreign_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-10">{{this.data.convertible_currency.short_code}} {{(Math.round((calculation.foreign_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end bold m-b-10 text-primary">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Rate</div>
<div class="font-heading all-caps fs-10">Rate</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled ">{{(Math.round((calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5) }}</div>
<div class="font-heading fs-10 ">{{(Math.round((calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5) }}</div>
</div>
</div>
<div class="row align-items-end m-b-10 hint-text">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">You are sending</div>
<div class="font-heading all-caps fs-10">You are sending</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled">MYR {{(Math.round((calculation.local_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-10">MYR {{(Math.round((calculation.local_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 hint-text">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Transfer Charges</div>
<div class="font-heading all-caps fs-10">Transfer Charges</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled">MYR {{(Math.round((calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10">MYR {{(Math.round((calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end m-b-20 ">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Sub Total</div>
<div class="font-heading all-caps fs-10">Sub Total</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled">MYR {{(Math.round((calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10">MYR {{(Math.round((calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end m-b-5 hint-text">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Tax {{(Math.round((calculation.tax + Number.EPSILON) * 10) / 10).toFixed(1)}}%</div>
<div class="font-heading all-caps fs-10">Tax {{(Math.round((calculation.tax + Number.EPSILON) * 10) / 10).toFixed(1)}}%</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-14 scalled scalled">MYR {{(Math.round((calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-10">MYR {{(Math.round((calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 bold text-success">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">You are paying</div>
<div class="font-heading all-caps fs-10">You are paying</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">MYR {{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-12">MYR {{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/forms/ConfirmQuotationFormComponent.vue
+7 -7
View File
@@ -5,12 +5,12 @@
<div class="col">
<div class="row m-b-15">
<div class="col">
<div class="font-heading all-caps fs-16 scalled bold">Congratulation, you have got great rates.</div>
<div class="font-heading all-caps fs-12 bold">Congratulation, you have got great rates.</div>
</div>
</div>
<div class="row m-b-25">
<div class="col">
<div class="font-heading fs-13 scalled">You can proceed by bank in <span class="text-success bold">{{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} MYR</span> to the bank account detailed below and upload your payment proof to proceed with your transfer after clicking on the confirm button below.</div>
<div class="font-heading fs-11">You can proceed by bank in <span class="text-success bold">{{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} MYR</span> to the bank account detailed below and upload your payment proof to proceed with your transfer after clicking on the confirm button below.</div>
</div>
</div>
<div class="row align-items-center m-b-25">
@@ -25,24 +25,24 @@
<div class="col-auto p-l-0">
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled text-primary bold">{{ calculation.bank.holder_name}}</div>
<div class="font-heading all-caps fs-10 text-primary bold">{{ calculation.bank.holder_name}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled bold">{{ calculation.bank.bank_name}}: <span class="text-complete">{{ calculation.bank.account_no}}</span></div>
<div class="font-heading all-caps fs-10 bold">{{ calculation.bank.bank_name}}: <span class="text-complete">{{ calculation.bank.account_no}}</span></div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled bold">Bank In Amount: <span class="text-success">{{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} MYR</span></div>
<div class="font-heading all-caps fs-10 bold">Bank In Amount: <span class="text-success">{{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} MYR</span></div>
</div>
</div>
</div>
</div>
<div class="row m-b-20">
<div class="col">
<div class="font-heading text-danger fs-14 scalled scalled m-b-5">Please upload your payment proof before the booking expires within {{calculation.payment_attempt_limit}}.</div>
<div class="font-heading text-danger fs-10 m-b-5">Please upload your payment proof before the booking expires within {{calculation.payment_attempt_limit}}.</div>
</div>
</div>
<div class="row m-b-5">
@@ -55,7 +55,7 @@
</div>
<div class="row text-right">
<div class="col">
<div class="font-heading fs-12 scalled scalled">Your timer will start after clicking the confirm button.</div>
<div class="font-heading fs-8">Your timer will start after clicking the confirm button.</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/forms/CurrencyConverterComponent.vue
+14 -14
View File
@@ -3,7 +3,7 @@
<div class="col">
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
@@ -18,7 +18,7 @@
<div class="col-auto bg-primary text-white">
<div class="row h-100 align-items-center">
<div class="col-auto p-r-0">
<span class="flag-icon fs-16 scalled" :class="'flag-icon-'+serviceType.selectedCurrency.country.short_code.toLowerCase()"></span>
<span class="flag-icon fs-14" :class="'flag-icon-'+serviceType.selectedCurrency.country.short_code.toLowerCase()"></span>
</div>
<div class="col p-l-5 p-r-20">
{{serviceType.selectedCurrency.short_code}}
@@ -26,7 +26,7 @@
<div class="col-auto h-100 pointer" @click="recipientMenu = !recipientMenu">
<div class="row align-items-center bg-primary-light h-100">
<div class="col ">
<i class="fa fa-angle-down fs-16 scalled m-t-5" :class="[{'fa-angle-down': !recipientMenu}, {'fa-angle-up': recipientMenu}]"></i>
<i class="fa fa-angle-down fs-14 m-t-5" :class="[{'fa-angle-down': !recipientMenu}, {'fa-angle-up': recipientMenu}]"></i>
</div>
</div>
</div>
@@ -40,10 +40,10 @@
<div class="col">
<div class="row align-items-center justify-content-center">
<div class="col-auto p-r-5 p-l-0">
<span class="flag-icon fs-16 scalled" :class="'flag-icon-'+currency.country.short_code.toLowerCase()"></span>
<span class="flag-icon fs-14" :class="'flag-icon-'+currency.country.short_code.toLowerCase()"></span>
</div>
<div class="col-auto p-l-5">
<div class="font-heading fs-16 scalled">
<div class="font-heading fs-12">
{{currency.short_code}}
</div>
</div>
@@ -70,8 +70,8 @@
<div class="col-1 p-r-25">
<div class="bg-master-light btn-rounded hint-text" style="width: 8px; height: 8px;"></div>
</div>
<div class="col-4 p-l-0 fs-16 scalled bold lh-20 hide">MYR {{(Math.round((this.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-14 scalled scalled hide">Transfer Fee</div>
<div class="col-4 p-l-0 fs-12 bold lh-20 hide">MYR {{(Math.round((this.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-10 hide">Transfer Fee</div>
</div>
</div>
</div>
@@ -82,8 +82,8 @@
<div class="col-1 p-r-25">
<div class="bg-master-light btn-rounded hint-text" style="width: 8px; height: 8px;"></div>
</div>
<div class="col-4 p-l-0 fs-16 scalled bold lh-20 hide">MYR {{(Math.round((this.calculation.total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-14 scalled scalled hide">Payable Amount</div>
<div class="col-4 p-l-0 fs-12 bold lh-20 hide">MYR {{(Math.round((this.calculation.total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-10 hide">Payable Amount</div>
</div>
</div>
</div>
@@ -94,7 +94,7 @@
<div class="col-1 p-r-25" >
<i class="fa fa-exchange bg-white text-complete fs-16 p-t-5 p-b-5" style="margin-left: -4px;"></i>
</div>
<div class="col p-l-0 fs-16 scalled bold lh-20 text-complete">1 MYR = {{(Math.round((this.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}} RMB</div>
<div class="col p-l-0 fs-14 bold lh-20 text-complete">1 MYR = {{(Math.round((this.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}} RMB</div>
</div>
</div>
</div>
@@ -112,7 +112,7 @@
<div class="col-auto bg-primary text-white">
<div class="row h-100 align-items-center">
<div class="col-auto p-r-0">
<span class="flag-icon fs-16 scalled flag-icon-my"></span>
<span class="flag-icon fs-14 flag-icon-my"></span>
</div>
<div class="col p-l-5 p-r-20">
MYR
@@ -120,7 +120,7 @@
<div class="col-auto h-100 pointer" @click="senderMenu = !senderMenu">
<div class="row align-items-center bg-primary-light h-100">
<div class="col ">
<i class="fa fa-angle-down fs-16 scalled m-t-5" :class="[{'fa-angle-down': !senderMenu}, {'fa-angle-up': senderMenu}]"></i>
<i class="fa fa-angle-down fs-14 m-t-5" :class="[{'fa-angle-down': !senderMenu}, {'fa-angle-up': senderMenu}]"></i>
</div>
</div>
</div>
@@ -134,10 +134,10 @@
<div class="col">
<div class="row align-items-center justify-content-center">
<div class="col-auto p-r-5 p-l-0">
<span class="flag-icon fs-16 scalled flag-icon-my"></span>
<span class="flag-icon fs-14 flag-icon-my"></span>
</div>
<div class="col-auto p-l-5">
<div class="font-heading fs-16 scalled">
<div class="font-heading fs-12">
MYR
</div>
</div>
resources/assets/vue/components/bookings/forms/DeletePaymentAttemptFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete payment booking? you will not be able to recover your booking after confirming your action.</div>
<div class="fs-11">Are you sure you want to delete payment booking? you will not be able to recover your booking after confirming your action.</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
+2 -2
View File
@@ -14,14 +14,14 @@
<div class="col">
<file-input-component :validator="$v.files" v-model="files">
<template slot="label">
<div class="font-heading fs-13 scalled text-primary all-caps">Payment Proof</div>
<div class="font-heading fs-11 text-primary all-caps">Payment Proof</div>
</template>
<template slot="tips">
<div class="row">
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-heading fs-13 scalled text-warning m-b-10">The payment total shown in the photo should tally with customer booking amount.</div>
<div class="font-heading fs-11 text-warning m-b-10">The payment total shown in the photo should tally with customer booking amount.</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/forms/PaymentVerificationFormComponent.vue
+9 -9
View File
@@ -22,12 +22,12 @@
<div class="col-auto p-l-0">
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled text-primary bold">{{data.booking.service.configurations.bank_info.holder_name}}</div>
<div class="font-heading all-caps fs-10 text-primary bold">{{data.booking.service.configurations.bank_info.holder_name}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled bold">{{data.booking.service.configurations.bank_info.bank_name}}: <span class="text-complete">{{ data.booking.service.configurations.bank_info.account_no}}</span></div>
<div class="font-heading all-caps fs-10 bold">{{data.booking.service.configurations.bank_info.bank_name}}: <span class="text-complete">{{ data.booking.service.configurations.bank_info.account_no}}</span></div>
</div>
</div>
</div>
@@ -36,20 +36,20 @@
<div class="col">
<div class="row align-items-top">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted all-caps">You are Paying</div>
<div class="font-heading fs-10 muted all-caps">You are Paying</div>
<div class="font-heading fs-16 bold text-success">
{{data.currency.short_code}} {{(Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Rate</div>
<div class="font-heading fs-16 scalled bold">
<div class="font-heading fs-10 muted all-caps">Rate</div>
<div class="font-heading fs-12 bold">
{{(Math.round((data.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Recipient Gets</div>
<div class="font-heading fs-16 scalled bold">
<div class="font-heading fs-10 muted all-caps">Recipient Gets</div>
<div class="font-heading fs-12 bold">
{{data.original_currency.short_code}} {{(Math.round((data.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
@@ -61,14 +61,14 @@
<div class="col">
<file-input-component :validator="$v.files" v-model="files">
<template slot="label">
<div class="font-heading fs-13 scalled text-primary all-caps">Payment Proof</div>
<div class="font-heading fs-11 text-primary all-caps">Payment Proof</div>
</template>
<template slot="tips">
<div class="row">
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-heading fs-13 scalled text-warning m-b-10">Your payment total shown in the photo should tally with payment booking total.</div>
<div class="font-heading fs-11 text-warning m-b-10">Your payment total shown in the photo should tally with payment booking total.</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+28 -28
View File
@@ -7,25 +7,25 @@
<div class="col p-b-10 b-b b-grey">
<div class="row align-items-center">
<div class="col-auto p-r-0" style="min-width: 40px;">
<div class="font-heading all-caps fs-14 scalled scalled"></div>
<div class="font-heading all-caps fs-10"></div>
</div>
<div class="col p-r-10">
<div class="font-heading all-caps fs-14 scalled scalled muted">Stock Code</div>
<div class="font-heading all-caps fs-10 muted">Stock Code</div>
</div>
<div class="col-4 p-r-5 p-l-10">
<div class="font-heading all-caps fs-14 scalled scalled muted">description</div>
<div class="font-heading all-caps fs-10 muted">description</div>
</div>
<div class="col text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-14 scalled scalled muted">quantity</div>
<div class="font-heading all-caps fs-10 muted">quantity</div>
</div>
<div class="col text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-14 scalled scalled muted">Unit Price</div>
<div class="font-heading all-caps fs-10 muted">Unit Price</div>
</div>
<div class="col-1 text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-14 scalled scalled muted"></div>
<div class="font-heading all-caps fs-10 muted"></div>
</div>
<div class="col-1 text-right p-r-5 p-l-10">
<div class="font-heading all-caps fs-14 scalled scalled muted">Total</div>
<div class="font-heading all-caps fs-10 muted">Total</div>
</div>
<div class="col-auto text-center">
<button class="btn btn-xs btn-outline-success b-rad-none invisible"><i class="fa fa-check"></i></button>
@@ -39,25 +39,25 @@
<div class="col p-b-5 p-t-5 b-b b-grey">
<div class="row align-items-center">
<div class="col-auto p-r-0" style="min-width: 40px;">
<div class="font-heading all-caps fs-14 scalled scalled"></div>
<div class="font-heading all-caps fs-10"></div>
</div>
<div class="col p-r-5">
<input type="text" class="form-control fs-14 scalled scalled b-rad-none" placeholder="Stock Code" v-model="product.stockCode" />
<input type="text" class="form-control fs-10 b-rad-none" placeholder="Stock Code" v-model="product.stockCode" />
</div>
<div class="col-4 p-r-5 p-l-5">
<textarea class="form-control fs-14 scalled scalled b-rad-none" placeholder="Description" rows="1" v-model="product.description"></textarea>
<textarea class="form-control fs-10 b-rad-none" placeholder="Description" rows="1" v-model="product.description"></textarea>
</div>
<div class="col text-center p-r-5 p-l-5">
<input type="text" class="form-control fs-14 scalled scalled b-rad-none text-center" placeholder="Quantity" v-model.lazy="product.quantity" v-mask="'#########'"/>
<input type="text" class="form-control fs-10 b-rad-none text-center" placeholder="Quantity" v-model.lazy="product.quantity" v-mask="'#########'"/>
</div>
<div class="col text-center p-r-5 p-l-5">
<input type="text" class="form-control fs-14 scalled scalled b-rad-none text-center" placeholder="Unit Price" v-model.lazy="product.unit_price" v-money="productPrice" />
<input type="text" class="form-control fs-10 b-rad-none text-center" placeholder="Unit Price" v-model.lazy="product.unit_price" v-money="productPrice" />
</div>
<div class="col-1 text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{data.fixed_currency.short_code}}</div>
<div class="font-heading all-caps fs-10">{{data.fixed_currency.short_code}}</div>
</div>
<div class="col-1 text-right p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{(Math.round((productTotal + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
<div class="font-heading all-caps fs-10">{{(Math.round((productTotal + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
</div>
<div class="col-auto">
<button class="btn btn-xs btn-outline-success b-rad-none" @click="addProduct()"><i class="fa fa-check"></i></button>
@@ -69,25 +69,25 @@
<div class="col p-b-10 p-t-10 b-b b-grey">
<div class="row align-items-center">
<div class="col-auto p-r-0" style="min-width: 40px;">
<div class="font-heading all-caps fs-14 scalled scalled">{{index + 1}}</div>
<div class="font-heading all-caps fs-10">{{index + 1}}</div>
</div>
<div class="col p-r-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{product.stockCode}}</div>
<div class="font-heading all-caps fs-10">{{product.stockCode}}</div>
</div>
<div class="col-4 p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{product.description}}</div>
<div class="font-heading all-caps fs-10">{{product.description}}</div>
</div>
<div class="col text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{product.quantity}}</div>
<div class="font-heading all-caps fs-10">{{product.quantity}}</div>
</div>
<div class="col text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{product.unit_price}}</div>
<div class="font-heading all-caps fs-10">{{product.unit_price}}</div>
</div>
<div class="col-1 text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{data.fixed_currency.short_code}}</div>
<div class="font-heading all-caps fs-10">{{data.fixed_currency.short_code}}</div>
</div>
<div class="col-1 text-right p-r-5 p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled">{{(Math.round((product.total + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
<div class="font-heading all-caps fs-10">{{(Math.round((product.total + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
</div>
<div class="col-auto">
<button class="btn btn-xs btn-outline-danger b-rad-none" v-if="!submitted" @click="removeProduct(index)"><i class="fa fa-times"></i></button>
@@ -104,11 +104,11 @@
<div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) > (Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2)">
<div class="col">
<div class="alert alert-warning padding-15" role="alert">
<div class="font-heading fs-16 scalled all-caps bold m-b-15">Can't Complete Your Purchase Order ?</div>
<div class="font-heading fs-12 all-caps bold m-b-15">Can't Complete Your Purchase Order ?</div>
<div class="row m-b-15">
<div class="col">
<div class="font-heading fs-14 scalled scalled m-b-10">If your Purchase Order total amount doesn't match your transfer total amount we are unable to confirm your purchase order and generate the invoice for you, this usually happen when you pay for your purchase order with multiple transfer orders.</div>
<div class="font-heading fs-14 scalled scalled">But don't worry you can always merge your transfer orders into one to complete your purchase order successfully and generate your invoice.</div>
<div class="font-heading fs-10 m-b-10">If your Purchase Order total amount doesn't match your transfer total amount we are unable to confirm your purchase order and generate the invoice for you, this usually happen when you pay for your purchase order with multiple transfer orders.</div>
<div class="font-heading fs-10">But don't worry you can always merge your transfer orders into one to complete your purchase order successfully and generate your invoice.</div>
</div>
</div>
<!--link to merge: route('booking.merge',this.data.marking) -->
@@ -120,7 +120,7 @@
<div class="col-5" v-if="data.company.address">
<div class="row align-items-end p-t-10 p-b-10">
<div class="col">
<div class="font-heading all-caps fs-16 scalled bold">Total:</div>
<div class="font-heading all-caps fs-12 bold">Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading muted"><span v-if="!submitted" class="bold m-r-5" :class="[{'text-danger' : (Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) !== (Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2)}, {'text-success' : poTotal === data.amount}]">{{(Math.round(( poTotal + Number.EPSILON) * 100) / 100).toFixed(2)}}/</span><span class="text-primary bold m-l-5">{{(Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2)}} {{data.fixed_currency.short_code}}</span></div>
@@ -135,7 +135,7 @@
</div>
<div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) !== data.amount">
<div class="col">
<div class="fs-14 scalled scalled">** you purchase order will be saved but wont be approved until your <span class="text-danger bold all-caps">purchase order's total</span> matches your <span class="text-success bold all-caps">transfer order's total</span>.</div>
<div class="fs-10">** you purchase order will be saved but wont be approved until your <span class="text-danger bold all-caps">purchase order's total</span> matches your <span class="text-success bold all-caps">transfer order's total</span>.</div>
</div>
</div>
</div>
@@ -148,10 +148,10 @@
</div>
<div class="col" v-if="submitted">
<div class="alert alert-success padding-15" role="alert">
<div class="font-heading fs-16 scalled all-caps bold m-b-15">Your Purchase Order {{data.purchase_order.status === 1 ? 'is Being Processed for Verification' : 'has been Approved' }}</div>
<div class="font-heading fs-12 all-caps bold m-b-15">Your Purchase Order {{data.purchase_order.status === 1 ? 'is Being Processed for Verification' : 'has been Approved' }}</div>
<div class="row m-b-15">
<div class="col">
<div class="font-heading fs-14 scalled scalled">If you would like to still edit your Purchase Order you can do that by clicking on the edit button below, but your purchase order verification request will be reset.</div>
<div class="font-heading fs-10">If you would like to still edit your Purchase Order you can do that by clicking on the edit button below, but your purchase order verification request will be reset.</div>
</div>
</div>
<button class="btn btn-xs all-caps b-rad-none btn-default bg-master-lightest" @click="submitted = false">Edit Purchase Order</button>
resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
+9 -9
View File
@@ -5,31 +5,31 @@
<div class="col">
<div class="row align-items-end m-b-10">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Supplier:</div>
<div class="font-heading all-caps fs-10">Supplier:</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled">{{this.supplier.name}}</div>
<div class="font-heading fs-10">{{this.supplier.name}}</div>
</div>
</div>
<div class="row align-items-end m-b-5 text-info">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Order Total:</div>
<div class="font-heading all-caps fs-10">Order Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-13 scalled">{{currency.short_code}} {{(Math.round((this.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-11">{{currency.short_code}} {{(Math.round((this.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end m-b-5 text-info">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Rate:</div>
<div class="font-heading all-caps fs-10">Rate:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-13 scalled">{{parameters.rate}}</div>
<div class="font-heading fs-11">{{parameters.rate}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 text-success">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Payment Total:</div>
<div class="font-heading all-caps fs-10">Payment Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading bold">MYR {{(Math.round((paymentTotal + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
@@ -47,7 +47,7 @@
</div>
<div class="row" v-if="paymentTotal > 0">
<div class="col">
<button class="btn btn-xs btn-success b-rad-none p-t-5 p-b-5 all-caps fs-14 scalled scalled btn-block" @click="submitForm()">Create Order</button>
<button class="btn btn-xs btn-success b-rad-none p-t-5 p-b-5 all-caps fs-10 btn-block" @click="submitForm()">Create Order</button>
</div>
</div>
<modal-component size="small" id="">
@@ -57,7 +57,7 @@
<div class="col">
<div class="row">
<div class="col">
<div class="font-heading fs-14 scalled scalled">Download Supplier Order Summary</div>
<div class="font-heading fs-10">Download Supplier Order Summary</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/forms/confirmBookingComponent.vue
+2 -2
View File
@@ -1,10 +1,10 @@
<template>
<div class="row">
<div class="col-auto">
<button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-16 scalled" data-dismiss="modal">Cancel</button>
<button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-12" data-dismiss="modal">Cancel</button>
</div>
<div class="col text-right">
<button class="btn btn-lg btn-success b-rad-none all-caps fs-16 scalled" v-if="Object.keys(data.bankAccount).length" @click="submitForm()">Confirm & Proceed</button>
<button class="btn btn-lg btn-success b-rad-none all-caps fs-12" v-if="Object.keys(data.bankAccount).length" @click="submitForm()">Confirm & Proceed</button>
</div>
</div>
</template>
resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+39 -39
View File
File diff suppressed because one or more lines are too long
resources/assets/vue/components/bookings/sections/BookingMergeSectionComponent.vue
+21 -21
View File
@@ -21,7 +21,7 @@
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading all-caps fs-16 scalled bold hint-text">Merge Transfer</div>
<div class="font-heading all-caps fs-12 bold hint-text">Merge Transfer</div>
</div>
<div class="col-12 p-3 p-b-0">
<p>Merge multiple transfer orders to generate a single invoice for your purchase order</p>
@@ -31,32 +31,32 @@
<div class="col-10">
<div class="row m-b-15">
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
{{booking.created_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<div class="font-heading fs-14 scalled scalled">
<div class="font-heading fs-10 muted all-caps">Reference</div>
<div class="font-heading fs-10">
{{booking.marking}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-14 scalled scalled text-info">
<div class="font-heading fs-10 muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-10 text-info">
{{booking.company.identification.reference}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Purchase Order Amount</div>
<div class="font-heading fs-14 scalled scalled text-info" v-if="booking.purchase_order!==null">
<div class="font-heading fs-10 muted all-caps">Purchase Order Amount</div>
<div class="font-heading fs-10 text-info" v-if="booking.purchase_order!==null">
{{formatAmount(booking.purchase_order.amount)}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-14 scalled scalled muted all-caps">Booking Amount</div>
<div class="font-heading fs-14 scalled scalled text-info">
<div class="font-heading fs-10 muted all-caps">Booking Amount</div>
<div class="font-heading fs-10 text-info">
{{formatAmount(booking.amount)}}
</div>
</div>
@@ -73,27 +73,27 @@
<div class="b-b b-dashed b-grey p-b-25">
<div class="row align-items-center m-b-5 parentContainer">
<div class="col-auto pl3">
<div class="font-heading fs-16 scalled" style="line-height: 0px;">
<div class="font-heading fs-12" style="line-height: 0px;">
<input type="checkbox" class="hide"/>
</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-14 scalled scalled muted all-caps">Created At</div>
<div class="font-heading fs-10 muted all-caps">Created At</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-10 muted all-caps">Marking</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-10 muted all-caps">Currency</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-14 scalled scalled muted all-caps">Type</div>
<div class="font-heading fs-10 muted all-caps">Type</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-14 scalled scalled muted all-caps">P.O. Amount</div>
<div class="font-heading fs-10 muted all-caps">P.O. Amount</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-14 scalled scalled muted all-caps">Booking Amount</div>
<div class="font-heading fs-10 muted all-caps">Booking Amount</div>
</div>
</div>
<list-component key="2" section="transferSection" :endpoint="route('api.booking.list')" :options="{per_page: 25, id_not: booking.id, company_id: booking.company_id, status: 2,service_id:booking.service.id,convertible_currency_id:booking.convertible_currency.id,fixed_currency_id:booking.fixed_currency.id,with_transactions:true}">
@@ -108,7 +108,7 @@
<div class="col-3">
<div class="row m-l-0 m-r-0 m-b-15">
<div class="col bg-danger padding-15">
<div class="text-justify text-white fs-16 scalled">
<div class="text-justify text-white fs-12">
Be cautious when merging multiple transfer orders, double check your reference numbers and the transfer amount before proceeding.
<br/><br/>
Please note that merged transfer orders can't be un-merged.
@@ -123,10 +123,10 @@
<div class="col">
<div class="row align-items-end text-complete">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">Order Total Amount:</div>
<div class="font-heading all-caps fs-10">Order Total Amount:</div>
</div>
<div class="col-12 text-left m-t-10 m-b-10">
<div class="font-heading fs-16 scalled">
<div class="font-heading fs-12">
<span class="bold text-success">{{totalOrderAmount}}</span>
</div>
</div>
resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
+2 -2
View File
@@ -31,7 +31,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10" :class="[{'bg-primary-light': selectedSupplier.id === supplier.id}, {'text-white': selectedSupplier.id === supplier.id}, {'hover-primary': selectedSupplier.id !== supplier.id}, {'pointer': selectedSupplier.id !== supplier.id}]" @click="updateSupplier(supplier)">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{supplier.name}}</div>
<div class="font-heading fs-10">{{supplier.name}}</div>
</div>
</div>
</div>
@@ -64,7 +64,7 @@
<div class="col b-b b-grey p-t-10 p-b-10 pointer hover-t-10 p-b-10" :class="[{'bg-primary-light': selectedCurrency.id === currency.id}, {'text-white': selectedCurrency.id === currency.id}, {'hover-primary': selectedCurrency.id !== currency.id}, {'pointer': selectedCurrency.id !== currency.id}]" @click="updateCurrency(currency)">
<div class="row align-items-center justify-content-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled">{{currency.short_code}}</div>
<div class="font-heading fs-10">{{currency.short_code}}</div>
</div>
</div>
</div>
resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+5 -5
View File
@@ -11,15 +11,15 @@
</div>
<div class="col-12 p-0">
<label :style="minWidth">Email</label>
<label><i class="fa fa-envelope text-primary fs-14 scalled scalled"></i>&nbsp;{{this.company_details.employee ? this.company_details.employee.email : ""}}</label>
<label><i class="fa fa-envelope text-primary fs-10"></i>&nbsp;{{this.company_details.employee ? this.company_details.employee.email : ""}}</label>
</div>
<div class="col-12 p-0">
<label :style="minWidth">Contacts</label>
<label><i class="fa fa-envelope text-primary fs-14 scalled scalled"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.email : ""}}</label>
<label><i class="fa fa-envelope text-primary fs-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.email : ""}}</label>
</div>
<div class="col-12 p-0">
<label :style="minWidth">&nbsp;</label>
<label><i class="fa fa-phone text-primary fs-14 scalled scalled"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
<label><i class="fa fa-phone text-primary fs-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
</div>
<div class="col-12 p-0" v-if="this.company_details.identification && this.company_details.identification.document_type">
<label class="muted pull-left" :style="minWidth">Identification</label>
@@ -29,8 +29,8 @@
<div v-for="file in this.company_details.identification.files" v-bind:key="file.id" class="col-auto no-padding m-r-5">
<document-file-viewer-component :file="file">
<template slot="button">
<div class="icon-thumbnail fs-13 scalled text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-14 scalled scalled"></i>
<div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-10"></i>
</div>
</template>
</document-file-viewer-component>
resources/assets/vue/components/companies/elements/CompanyListComponent.vue
+4 -4
View File
@@ -2,15 +2,15 @@
<div class="row align-items-center m-b-10 parentContainer">
<div class="row w-100 m-0 p-0 ">
<div class="col pull-left mt-2 pr-0">
<div class="font-heading all-caps fs-13 scalled">{{this.item.name}}</div>
<div class="font-heading all-caps fs-11">{{this.item.name}}</div>
</div>
<div class="col-2 text-center mt-2">
<div class="font-heading all-caps fs-13 scalled">{{this.item.bookings.length}}</div>
<div class="font-heading all-caps fs-11">{{this.item.bookings.length}}</div>
</div>
<div class="col-3 text-right pull-right">
<button type="button" @click="viewCompany()" class="btn btn-xs btn-info fs-13 scalled"><i class="fa fa-angle-down"></i></button>
<button type="button" @click="viewCompany()" class="btn btn-xs btn-info fs-11"><i class="fa fa-angle-down"></i></button>
<a :href="route('customer.profile', item.reference)">
<button type="button" class="btn btn-xs btn-primary fs-13 scalled">View</button>
<button type="button" class="btn btn-xs btn-primary fs-11">View</button>
</a>
</div>
</div>
resources/assets/vue/components/companies/elements/CustomerProfileComponent.vue
+4 -4
View File
@@ -13,7 +13,7 @@
<div class="col-auto">
<div class="row">
<div class="col">
<div class="font-heading fs-16 scalled bold">{{item.name}}</div>
<div class="font-heading fs-14 bold">{{item.name}}</div>
</div>
</div>
<div class="row">
@@ -25,7 +25,7 @@
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-14 scalled scalled muted">
<div class="font-heading fs-10 muted">
CIEF/{{item.reference}}
</div>
</div>
@@ -34,7 +34,7 @@
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-14 scalled scalled all-caps p-t-5 p-b-5 p-l-10 p-r-15 btn-rounded" :class="[{'bg-danger': item.status === 5}, {'bg-master-lightest': item.status !== 5}]">
<div class="font-heading fs-10 all-caps p-t-5 p-b-5 p-l-10 p-r-15 btn-rounded" :class="[{'bg-danger': item.status === 5}, {'bg-master-lightest': item.status !== 5}]">
<i class="fa fa-circle text-success m-r-5" :class="[{'text-success': item.status === 2}, {'text-danger-darker': item.status === 5}, {'text-danger': item.status !== 2 || item.status !== 5}]"></i>{{item.status === 2 ? 'Active' : item.status === 5 ? 'Suspended' : 'Inactive'}}
</div>
</div>
@@ -49,7 +49,7 @@
<div class="col">
<div class="row no-margin">
<div class="col-auto no-padding m-r-10 m-b-5 m-t-5" v-for="segment in item.segments" v-bind:key="segment.id" v-if="segment.id !== 1">
<div class="font-heading fs-14 scalled scalled lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
<div class="font-heading fs-10 lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
{{segment.name}}
<i class="fa fa-times muted m-l-10 pointer requestModal" data-type="detachSegment" ></i>
</div>
resources/assets/vue/components/companies/elements/IdentificationVerificationComponent.vue
+14 -14
View File
@@ -8,15 +8,15 @@
<div class="col p-t-10 p-b-10">
<div class="row">
<div class="col">
<div class="text-primary fs-13 scalled">{{item.owner.reference}}</div>
<div class="text-primary fs-11">{{item.owner.reference}}</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-auto p-r-0">
<i class="fa fa-address-card fs-16 scalled m-b-5 muted"></i>
<i class="fa fa-address-card fs-12 m-b-5 muted"></i>
</div>
<div class="col p-l-5">
<div class="muted bold fs-14 scalled scalled">+{{item.owner.contact.country_code}} {{parseInt(item.owner.contact.phone, 10)}}</div>
<div class="muted bold fs-10">+{{item.owner.contact.country_code}} {{parseInt(item.owner.contact.phone, 10)}}</div>
</div>
</div>
</div>
@@ -32,12 +32,12 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="fs-12 scalled scalled all-caps muted">Customer Name</div>
<div class="fs-8 all-caps muted">Customer Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="fs-13 scalled bold">{{item.owner.employee.name}}</div>
<div class="fs-11 bold">{{item.owner.employee.name}}</div>
</div>
</div>
</div>
@@ -46,12 +46,12 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="fs-12 scalled scalled all-caps muted">Company Name</div>
<div class="fs-8 all-caps muted">Company Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="fs-13 scalled text-primary">{{item.owner.name}}</div>
<div class="fs-11 text-primary">{{item.owner.name}}</div>
</div>
</div>
</div>
@@ -60,12 +60,12 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="fs-12 scalled scalled all-caps muted">{{ item.owner.type === 0 ? 'IC' : 'SSM Registration' }} Number</div>
<div class="fs-8 all-caps muted">{{ item.owner.type === 0 ? 'IC' : 'SSM Registration' }} Number</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="fs-13 scalled text-primary bold">{{item.reference}}</div>
<div class="fs-11 text-primary bold">{{item.reference}}</div>
</div>
</div>
</div>
@@ -74,15 +74,15 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="fs-12 scalled scalled all-caps muted">{{ item.owner.type === 0 ? 'IC' : 'SSM Registration' }} Document</div>
<div class="fs-8 all-caps muted">{{ item.owner.type === 0 ? 'IC' : 'SSM Registration' }} Document</div>
</div>
</div>
<div class="row no-margin">
<div v-for="file in item.files" v-bind:key="file.id" class="col-auto no-padding m-r-5">
<document-file-viewer-component :file="file">
<template slot="button">
<div class="icon-thumbnail fs-13 scalled text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-14 scalled scalled"></i>
<div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-10"></i>
</div>
</template>
</document-file-viewer-component>
@@ -106,7 +106,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Reject Document</h5>
<div class="fs-13 scalled">Are you sure you want to reject this customer's identification?</div>
<div class="fs-11">Are you sure you want to reject this customer's identification?</div>
</div>
</div>
<div class="row">
@@ -135,7 +135,7 @@
<div class="row m-b-20">
<div class="col">
<h5 class="all-caps">Approve Document</h5>
<div class="fs-13 scalled">Are you sure you want to approve this customer's identification?</div>
<div class="fs-11">Are you sure you want to approve this customer's identification?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/companies/elements/SupplierComponent.vue
+5 -5
View File
@@ -13,24 +13,24 @@
<div class="col-4">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Name</div>
<div class="font-heading all-caps fs-8 muted">Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-10">{{item.name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Currencies</div>
<div class="font-heading all-caps fs-8 muted">Currencies</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{stringifyCurrencies}}</div>
<div class="font-heading all-caps fs-10">{{stringifyCurrencies}}</div>
</div>
</div>
</div>
@@ -57,7 +57,7 @@
<div class="col">
<div class="row m-l-0 m-b-10 align-items-center parentContainer">
<div class="col p-l-0">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Bank Accounts
</div>
</div>
resources/assets/vue/components/companies/elements/VerificationWarningComponent.vue
+5 -5
View File
@@ -6,7 +6,7 @@
<div class="alert alert-warning padding-15" role="alert">
<div class="row m-b-15">
<div class="col">
<div class="font-heading text-danger fs-16 scalled">You are unable to make payments and complete your transfer requests until you complete your email address confirmation!</div>
<div class="font-heading text-danger fs-12">You are unable to make payments and complete your transfer requests until you complete your email address confirmation!</div>
</div>
</div>
<email-verification-form-component section="resendEmailVerificationSection"></email-verification-form-component>
@@ -24,14 +24,14 @@
</div>
</div>
<div class="col p-l-0">
<div class="font-heading bold fs-14 scalled scalled" :class="[{'text-danger': item.status !== 1}]">Identification Verification</div>
<div class="font-heading fs-14 scalled scalled" :class="[{'text-danger': item.status !== 1}, {'muted': item.status === 1}]" v-text="item.status !== 1 ? 'Verification request rejected':'Approval in progress...'"></div>
<div class="font-heading bold fs-10" :class="[{'text-danger': item.status !== 1}]">Identification Verification</div>
<div class="font-heading fs-10" :class="[{'text-danger': item.status !== 1}, {'muted': item.status === 1}]" v-text="item.status !== 1 ? 'Verification request rejected':'Approval in progress...'"></div>
</div>
</div>
<div class="row">
<div class="col p-b-15">
<div class="font-heading text-danger fs-14 scalled scalled" v-if="item.status !== 1">You are unable to create new transfer requests or make payments until you have successfully verified your identity!</div>
<div class="font-heading fs-13 scalled" v-if="item.status === 1">You are unable to make payments until your identification is approved!</div>
<div class="font-heading text-danger fs-10" v-if="item.status !== 1">You are unable to create new transfer requests or make payments until you have successfully verified your identity!</div>
<div class="font-heading fs-11" v-if="item.status === 1">You are unable to make payments until your identification is approved!</div>
</div>
</div>
<div class="row" v-if="item.status === 1">
resources/assets/vue/components/companies/forms/AssignSegmentFormComponent.vue
+2 -2
View File
@@ -7,12 +7,12 @@
<div class="row m-b-10">
<div class="col">
<h3 class="all-caps m-b-5 bold no-margin">Assign Segment</h3>
<div class="fs-13 scalled">Select a segment to {{parameters.name}}</div>
<div class="fs-11">Select a segment to {{parameters.name}}</div>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-15">
resources/assets/vue/components/companies/forms/DeleteSupplierFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete <b>{{item.name}}</b> currency supplier?</div>
<div class="fs-11">Are you sure you want to delete <b>{{item.name}}</b> currency supplier?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/companies/forms/DetachSegmentFormComponent.vue
+2 -2
View File
@@ -4,7 +4,7 @@
<loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
@@ -12,7 +12,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to detach custom from <span class="bold">{{this.item.name}}</span> segment?</div>
<div class="fs-11">Are you sure you want to detach custom from <span class="bold">{{this.item.name}}</span> segment?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/companies/forms/IdentificationVerificationFormComponent.vue
+10 -10
View File
@@ -15,7 +15,7 @@
<validation-wrapper-component :validator="$v.parameters.identification_no">
<label class="text-primary">{{ data.type === 0 ? 'IC/Passport' : 'SSM Registration' }} Number</label>
<div class="controls">
<input type="text" class="form-control fs-16 scalled" v-model="parameters.identification_no">
<input type="text" class="form-control fs-12" v-model="parameters.identification_no">
</div>
</validation-wrapper-component>
</div>
@@ -24,15 +24,15 @@
<div class="col">
<file-input-component :validator="$v.parameters.files" v-model="parameters.files">
<template slot="label">
<div class="font-heading fs-13 scalled text-primary all-caps">{{ data.type === 0 ? 'IC Photo' : 'SSM Registration Photo' }}</div>
<div class="font-heading fs-11 text-primary all-caps">{{ data.type === 0 ? 'IC Photo' : 'SSM Registration Photo' }}</div>
</template>
<template slot="tips">
<div class="row">
<div class="col">
<div class="row m-b-20">
<div class="col">
<div class="font-heading fs-13 scalled text-warning m-b-10">{{ data.type === 0 ? 'IC': 'SSM registration'}} number shown in the photo should tally with {{ data.type === 0 ? 'IC': 'SSM registration'}} number provided above.</div>
<div class="font-heading fs-13 scalled muted">Tips on how your photo should look</div>
<div class="font-heading fs-11 text-warning m-b-10">{{ data.type === 0 ? 'IC': 'SSM registration'}} number shown in the photo should tally with {{ data.type === 0 ? 'IC': 'SSM registration'}} number provided above.</div>
<div class="font-heading fs-11 muted">Tips on how your photo should look</div>
</div>
</div>
<div class="row">
@@ -43,7 +43,7 @@
<div class="col">
<div class="b-a b-danger b-thick">
<div class="absolute" style="right: -10px; top: -10px;">
<div class="icon-thumbnail btn-rounded icon-25 bg-danger fs-16 scalled"><i class="fa fa-times text-white fs-16 scalled"></i></div>
<div class="icon-thumbnail btn-rounded icon-25 bg-danger fs-12"><i class="fa fa-times text-white fs-12"></i></div>
</div>
<img v-if="data.type === 0" src="https://i.pinimg.com/originals/c2/18/96/c218966593d1baacae525934835d847d.jpg" class="w-100">
<img v-if="data.type === 1" src="https://2.bp.blogspot.com/-uElNIO5qSEI/VE4I_f2Ai-I/AAAAAAAAJdA/zJbbBr7NRzI/s1600/ssm-notice-facebook-page.png" class="w-100">
@@ -52,7 +52,7 @@
</div>
<div class="row text-center">
<div class="col">
<div class="font-heading fs-13 scalled">Covered</div>
<div class="font-heading fs-11">Covered</div>
</div>
</div>
</div>
@@ -61,7 +61,7 @@
<div class="col">
<div class="b-a b-danger b-thick">
<div class="absolute" style="right: -10px; top: -10px;">
<div class="icon-thumbnail btn-rounded icon-25 bg-danger fs-16 scalled"><i class="fa fa-times text-white fs-16 scalled"></i></div>
<div class="icon-thumbnail btn-rounded icon-25 bg-danger fs-12"><i class="fa fa-times text-white fs-12"></i></div>
</div>
<img v-if="data.type === 0" src="https://i.pinimg.com/originals/c2/18/96/c218966593d1baacae525934835d847d.jpg" class="w-100">
<img v-if="data.type === 1" src="https://2.bp.blogspot.com/-uElNIO5qSEI/VE4I_f2Ai-I/AAAAAAAAJdA/zJbbBr7NRzI/s1600/ssm-notice-facebook-page.png" class="w-100">
@@ -70,7 +70,7 @@
</div>
<div class="row text-center">
<div class="col">
<div class="font-heading fs-13 scalled">Blurry</div>
<div class="font-heading fs-11">Blurry</div>
</div>
</div>
</div>
@@ -79,7 +79,7 @@
<div class="col">
<div class="b-a b-success b-thick">
<div class="absolute" style="right: -10px; top: -10px;">
<div class="icon-thumbnail btn-rounded icon-25 bg-success fs-16 scalled"><i class="fa fa-check text-white fs-16 scalled"></i></div>
<div class="icon-thumbnail btn-rounded icon-25 bg-success fs-12"><i class="fa fa-check text-white fs-12"></i></div>
</div>
<img v-if="data.type === 0" src="https://i.pinimg.com/originals/c2/18/96/c218966593d1baacae525934835d847d.jpg" class="w-100">
<img v-if="data.type === 1" src="https://2.bp.blogspot.com/-uElNIO5qSEI/VE4I_f2Ai-I/AAAAAAAAJdA/zJbbBr7NRzI/s1600/ssm-notice-facebook-page.png" class="w-100">
@@ -88,7 +88,7 @@
</div>
<div class="row text-center">
<div class="col">
<div class="font-heading fs-13 scalled">This is right!</div>
<div class="font-heading fs-11">This is right!</div>
</div>
</div>
</div>
resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/components/companies/sections/CompanyQuickViewSectionComponent.vue
+3 -3
View File
@@ -3,13 +3,13 @@
<div class="b-b b-dashed b-grey p-b-25" v-show="!this.show_details">
<div class="row align-items-center m-b-5 parentContainer">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted all-caps">Company</div>
<div class="font-heading fs-10 muted all-caps">Company</div>
</div>
<div class="col-2 text-center">
<div class="font-heading fs-14 scalled scalled muted all-caps">Booking</div>
<div class="font-heading fs-10 muted all-caps">Booking</div>
</div>
<div class="col-3 text-right pull-right">
<div class="font-heading fs-14 scalled scalled muted all-caps">Action</div>
<div class="font-heading fs-10 muted all-caps">Action</div>
</div>
</div>
<list-component key="2" :section="this.section" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true}">
resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+7 -7
View File
@@ -16,7 +16,7 @@
<div class="col-7">
<div class="row">
<div class="col m-r-5">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-15 p-b-15 bg-master-lighter active tabButton" tab-name="transfers">
<div class="row justify-content-center">
<div class="col-auto">
@@ -28,14 +28,14 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">Transfers</div>
<div class="fs-12 m-t-5">Transfers</div>
</div>
</div>
</div>
</div>
</div>
<div class="col m-r-5">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="PO">
<div class="row justify-content-center">
<div class="col-auto">
@@ -47,7 +47,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">Billing</div>
<div class="fs-12 m-t-5">Billing</div>
</div>
</div>
</div>
@@ -58,7 +58,7 @@
<div class="col">
<div class="row justify-content-end">
<div class="col-6">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-15 p-b-15 bg-master-lighter tabButton" tab-name="profile" @click="refreshCompanyDetails()">
<div class="row justify-content-center">
<div class="col-auto">
@@ -70,7 +70,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">Customer Profile</div>
<div class="fs-12 m-t-5">Customer Profile</div>
</div>
</div>
</div>
@@ -97,7 +97,7 @@
<div class="col">
<div class="row m-t-20">
<div class="col">
<p class="all-caps no-margin fs-13 scalled" style="letter-spacing: 2px;">Nothing To Show Here</p>
<p class="all-caps no-margin fs-11" style="letter-spacing: 2px;">Nothing To Show Here</p>
</div>
</div>
<div class="row m-t-5 align-items-center justify-content-center">
resources/assets/vue/components/companies/sections/SupplierCurrenciesSectionComponent.vue
+3 -3
View File
@@ -3,7 +3,7 @@
<div class="col">
<div class="row m-b-10 align-items-center parentContainer">
<div class="col p-l-0">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Supplier Currencies
</div>
</div>
@@ -11,8 +11,8 @@
<div class="row">
<div class="col-3 m-r-15 m-b-15 b-a pointer p-t-20 p-b-20" :class="[{'b-success': parameters.currencies.includes(item.id)}, {'b-grey': !parameters.currencies.includes(item.id)}]" v-for="item in $store.getters.getListData('convertibleCurrenciesSection')" v-bind:key="item.id" @click="toggleCurrencies(item.id)">
<div class="absolute" style="top: -12px; right: -27px;" v-if="parameters.currencies.includes(item.id)">
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-14 scalled scalled">
<i class="fa fs-14 scalled scalled fa-check"></i>
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-10">
<i class="fa fs-10 fa-check"></i>
</div>
</div>
<currency-component :deleteable="false" section="suppliersSection" :data="item"></currency-component>
resources/assets/vue/components/companies/sections/customerDashboardSectionComponent.vue
+8 -8
View File
@@ -47,7 +47,7 @@
<div class="col">
<div class="row">
<div class="col m-r-5">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter active tabButton"
tab-name="transfers">
<div class="row justify-content-center m-b-5">
@@ -60,14 +60,14 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">My Transfers</div>
<div class="fs-12 m-t-5">My Transfers</div>
</div>
</div>
</div>
</div>
</div>
<div class="col m-r-5">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="payments">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
@@ -79,14 +79,14 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">Pending Payments</div>
<div class="fs-12 m-t-5">Pending Payments</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton"
tab-name="PO">
<div class="row justify-content-center m-b-5">
@@ -255,7 +255,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">Purchase Orders</div>
<div class="fs-12 m-t-5">Purchase Orders</div>
</div>
</div>
</div>
@@ -266,7 +266,7 @@
<div class="col-4">
<div class="row justify-content-end">
<div class="col-8">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton"
tab-name="complete">
<div class="row justify-content-center m-b-5">
@@ -435,7 +435,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5">Complete Orders</div>
<div class="fs-12 m-t-5">Complete Orders</div>
</div>
</div>
</div>
resources/assets/vue/components/general/elements/ErrorMessageComponent.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div class="row animate__animated animate__fadeInUpBig animate__fast align-items-center" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
</template>
resources/assets/vue/components/general/elements/ListComponent.vue
+1 -1
View File
@@ -14,7 +14,7 @@
<div class="col">
<div class="row m-t-20">
<div class="col">
<p class="all-caps no-margin fs-13 scalled" style="letter-spacing: 2px;">Nothing To Show Here</p>
<p class="all-caps no-margin fs-11" style="letter-spacing: 2px;">Nothing To Show Here</p>
</div>
</div>
<div class="row m-t-5 align-items-center justify-content-center">
resources/assets/vue/components/general/elements/PaginationComponent.vue
+3 -3
View File
@@ -3,13 +3,13 @@
<div class="col no-padding">
<div class="row justify-content-end" v-if="pagination.last_page !== 1">
<div class="col-auto b-a p-t-5 p-b-5 m-l-5 pointer b-grey pointer" @click="callPage(1)" v-if="pagination.current_page !== 1 && !pageNumbers().includes(1)">
<i class="fa fa-angle-double-left fs-16 scalled muted lh-16"></i>
<i class="fa fa-angle-double-left fs-14 muted lh-16"></i>
</div>
<div class="col-auto b-a p-t-5 p-b-5 m-l-5" v-for="n in pageNumbers()" @click="callPage(n)" :class="[{'b-grey': n !== pagination.current_page}, {'pointer': n !== pagination.current_page}, {'b-complete': n === pagination.current_page}, {'bg-complete': n === pagination.current_page}]">
<small class="fs-13 scalled" :class="[{'muted': n !== pagination.current_page}, {'text-white': n === pagination.current_page}, {'bold': n === pagination.current_page}]">{{n}}</small>
<small class="fs-11" :class="[{'muted': n !== pagination.current_page}, {'text-white': n === pagination.current_page}, {'bold': n === pagination.current_page}]">{{n}}</small>
</div>
<div class="col-auto b-a p-t-5 p-b-5 m-l-5 pointer b-grey pointer" @click="callPage(pagination.last_page)" v-if="pagination.current_page !== pagination.last_page && !pageNumbers().includes(pagination.last_page)">
<i class="fa fa-angle-double-right fs-16 scalled muted lh-16"></i>
<i class="fa fa-angle-double-right fs-14 muted lh-16"></i>
</div>
</div>
</div>
resources/assets/vue/components/general/elements/SearchComponent.vue
+4 -4
View File
@@ -14,19 +14,19 @@
<div class="col bg-master-lightest p-b-15 hint-text">
<div class="row m-b-15 p-t-10 p-b-10 bg-master-lighter">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">Filters</small>
<small class="all-caps muted fs-10">Filters</small>
</div>
<div class="col-auto">
<div class="row align-items-center text-info pointer">
<div class="col-auto p-r-0"><small class="all-caps fs-14 scalled scalled">Advance</small></div>
<div class="col-auto p-l-0"><i class="fa fa-chevron-down fs-12 scalled scalled m-l-5" style=" margin-bottom: 3px; "></i></div>
<div class="col-auto p-r-0"><small class="all-caps fs-10">Advance</small></div>
<div class="col-auto p-l-0"><i class="fa fa-chevron-down fs-8 m-l-5" style=" margin-bottom: 3px; "></i></div>
</div>
</div>
</div>
<user-filters-component ref="filters_form"></user-filters-component>
<div class="row m-t-15">
<div class="col">
<div class="bg-transparent text-center b-success b-a text-success fs-14 scalled scalled all-caps bold b-rad-none p-t-10 p-b-10 p-r-25 p-l-25 pointer" @click="updateFilters()">
<div class="bg-transparent text-center b-success b-a text-success fs-10 all-caps bold b-rad-none p-t-10 p-b-10 p-r-25 p-l-25 pointer" @click="updateFilters()">
Apply filters
</div>
</div>
resources/assets/vue/components/general/forms/FileInputComponent.vue
+3 -3
View File
@@ -11,9 +11,9 @@
<validation-error-component :validator="validator"></validation-error-component>
</div>
<div class="col-auto">
<div class="fs-16 scalled icon-thumbnail btn-rounded icon-25 m-r-0" :class="[{'bg-master-lightest': !validator.$error}, {'bg-danger': validator.$error}, {'text-white': validator.$error}]" v-show="!files.length">!</div>
<div class="bg-success fs-13 scalled text-white icon-thumbnail btn-rounded icon-25 m-r-0" v-show="!!files.length">
<i class="fa fa-check fs-13 scalled"></i>
<div class="fs-12 icon-thumbnail btn-rounded icon-25 m-r-0" :class="[{'bg-master-lightest': !validator.$error}, {'bg-danger': validator.$error}, {'text-white': validator.$error}]" v-show="!files.length">!</div>
<div class="bg-success fs-11 text-white icon-thumbnail btn-rounded icon-25 m-r-0" v-show="!!files.length">
<i class="fa fa-check fs-11"></i>
</div>
</div>
</div>
resources/assets/vue/components/general/forms/FileUploadComponent.vue
+4 -4
View File
@@ -19,14 +19,14 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="all-caps fs-16 scalled hint-text" style="letter-spacing: 1px;">Drag and drop files here</div>
<div class="all-caps fs-12 hint-text" style="letter-spacing: 1px;">Drag and drop files here</div>
</div>
</div>
<div class="row m-b-10 justify-content-center">
<div class="col-4">
<div class="row align-items-center">
<div class="col b-t b-grey"></div>
<div class="col-auto all-caps fs-14 scalled scalled hint-text muted">Or</div>
<div class="col-auto all-caps fs-10 hint-text muted">Or</div>
<div class="col b-t b-grey"></div>
</div>
</div>
@@ -40,7 +40,7 @@
</div>
<div class="row text-left" v-show="hasFile">
<div class="col p-b-15 p-t-15">
<div class="all-caps fs-16 scalled hint-text" style="letter-spacing: 1px;">Drag and drop files here</div>
<div class="all-caps fs-12 hint-text" style="letter-spacing: 1px;">Drag and drop files here</div>
</div>
<div class="col-2 no-padding">
<div class="btn btn-xs btn-primary btn-block b-rad-none pointer select-btn h-100">
@@ -84,7 +84,7 @@
acceptedFiles: 'image/*, application/pdf',
uploadMultiple: true,
clickable: '.select-btn',
previewTemplate: '<div class="row m-l-0 m-r-0 align-items-center m-t-5 m-b-5 bg-master-lightest text-left p-t-10 p-b-10 "> <div class="col-auto p-r-0"> <img data-dz-thumbnail style="width: 35px; height: 35px;" /> </div> <div class="col"> <div class="row m-b-5"> <div class="col"> <div class="dz-filename fs-12 scalled scalled bold"><span data-dz-name></span></div> </div> </div> <div class="row"> <div class="col"> <div class="dz-size muted light fs-14 scalled scalled" data-dz-size></div> </div> </div> </div> <div class="col-auto"><i class="fs-16 fa fa-times-circle pointer hint-text" data-dz-remove></i></div> </div>'
previewTemplate: '<div class="row m-l-0 m-r-0 align-items-center m-t-5 m-b-5 bg-master-lightest text-left p-t-10 p-b-10 "> <div class="col-auto p-r-0"> <img data-dz-thumbnail style="width: 35px; height: 35px;" /> </div> <div class="col"> <div class="row m-b-5"> <div class="col"> <div class="dz-filename fs-8 bold"><span data-dz-name></span></div> </div> </div> <div class="row"> <div class="col"> <div class="dz-size muted light fs-10" data-dz-size></div> </div> </div> </div> <div class="col-auto"><i class="fs-16 fa fa-times-circle pointer hint-text" data-dz-remove></i></div> </div>'
});
dropzone.autoDiscover = false;
resources/assets/vue/components/general/forms/ValidationErrorComponent.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<div v-if="validator.$error" class="text-danger fs-14 scalled scalled">
<div v-if="validator.$error" class="text-danger fs-10">
<small class="bold" v-for="(object, param) in validator.$params" v-if="!validator[param]">
{{errorMessages[param]}}
<span v-if="object.type === 'minLength'">{{object.min}} characters</span>
resources/assets/vue/components/settings/elements/ConvertibleCurrenciesComponent.vue
+1 -1
View File
@@ -9,7 +9,7 @@
<div class="m-b-10 hint-text">
<i class="fa fa-plus fs-30 muted hint-text"></i>
</div>
<div class="font-heading fs-14 scalled scalled all-caps muted">Add Currency</div>
<div class="font-heading fs-10 all-caps muted">Add Currency</div>
</div>
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="addCurrency">
resources/assets/vue/components/settings/elements/CurrenciesListComponent.vue
+6 -6
View File
@@ -6,8 +6,8 @@
<div class="row">
<div class="col-3 b-a pointer p-t-20 p-b-20" :class="[{'b-success': item.active}, {'b-grey': !item.active}]" @click="item.active = !item.active">
<div class="absolute" style="top: -10px; right: -27px;" v-if="item.active">
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-14 scalled scalled">
<i class="fa fs-14 scalled scalled fa-check"></i>
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-10">
<i class="fa fs-10 fa-check"></i>
</div>
</div>
<currency-component :deleteable="false" :section="section" :data="item.currency_object"></currency-component>
@@ -17,7 +17,7 @@
<div class="col p-t-15 b-t b-r b-success bg-master-lightest">
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Purchase Limits
</div>
</div>
@@ -34,7 +34,7 @@
<div class="col-auto bg-white b-t b-r b-b b-grey">
<div class="row h-100 align-items-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted">{{item.currency_object.short_code}}</div>
<div class="font-heading fs-10 muted">{{item.currency_object.short_code}}</div>
</div>
</div>
</div>
@@ -51,7 +51,7 @@
<div class="col-auto bg-white b-t b-r b-b b-grey">
<div class="row h-100 align-items-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted">{{item.currency_object.short_code}}</div>
<div class="font-heading fs-10 muted">{{item.currency_object.short_code}}</div>
</div>
</div>
</div>
@@ -68,7 +68,7 @@
<div class="col p-r-25 p-l-25">
<div class="row m-b-10 m-t-10">
<div class="col p-l-5">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Exchange Rates
</div>
</div>
resources/assets/vue/components/settings/elements/CurrencyComponent.vue
+3 -3
View File
@@ -4,8 +4,8 @@
<div class="row">
<div class="col"></div>
<div class="col-auto p-r-0" >
<div class="icon-thumbnail pointer hint-text fs-14 scalled scalled icon-25 bg-master-lighter requestModal" data-type="deleteCurrency">
<i class="fa fa-times fs-14 scalled scalled m-b-5"></i>
<div class="icon-thumbnail pointer hint-text fs-10 icon-25 bg-master-lighter requestModal" data-type="deleteCurrency">
<i class="fa fa-times fs-10 m-b-5"></i>
</div>
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="deleteCurrency">
<delete-currency-form-component :data="item" :section="section"></delete-currency-form-component>
@@ -16,7 +16,7 @@
<div class="col">
<div class="m-b-10"><span class="flag-icon fs-40" :class="'flag-icon-'+item.country.short_code.toLowerCase()"></span></div>
<div class="font-heading bold">{{this.item.short_code}}</div>
<div class="font-heading fs-14 scalled scalled all-caps">{{this.item.country.name}}</div>
<div class="font-heading fs-10 all-caps">{{this.item.country.name}}</div>
</div>
</div>
</template>
resources/assets/vue/components/settings/elements/SegmentComponent.vue
+3 -3
View File
@@ -13,12 +13,12 @@
<div class="col">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Name</div>
<div class="font-heading all-caps fs-8 muted">Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-10">{{item.name}}</div>
</div>
</div>
</div>
@@ -60,7 +60,7 @@
</div>
<div class="row m-l-0 m-b-10 align-items-center parentContainer">
<div class="col p-l-0">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Segment Services
</div>
</div>
resources/assets/vue/components/settings/elements/SegmentServiceComponent.vue
+4 -4
View File
@@ -11,24 +11,24 @@
<div class="col-4">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Name</div>
<div class="font-heading all-caps fs-8 muted">Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-10">{{item.name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Configuration Status</div>
<div class="font-heading all-caps fs-8 muted">Configuration Status</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled" :class="[{'text-success': item.configurations.active}, {'text-danger': !item.configurations.active}]">{{item.configurations.active ? 'Active':'Inactive'}}</div>
<div class="font-heading all-caps fs-10" :class="[{'text-success': item.configurations.active}, {'text-danger': !item.configurations.active}]">{{item.configurations.active ? 'Active':'Inactive'}}</div>
</div>
</div>
</div>
resources/assets/vue/components/settings/elements/ServiceComponent.vue
+4 -4
View File
@@ -11,24 +11,24 @@
<div class="col-3">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Name</div>
<div class="font-heading all-caps fs-8 muted">Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-10">{{item.name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Default Segment</div>
<div class="font-heading all-caps fs-8 muted">Default Segment</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled" :class="[{'text-success': item.configurations.active}, {'text-danger': !item.configurations.active}]">{{item.configurations.active ? 'Active':'Inactive'}}</div>
<div class="font-heading all-caps fs-10" :class="[{'text-success': item.configurations.active}, {'text-danger': !item.configurations.active}]">{{item.configurations.active ? 'Active':'Inactive'}}</div>
</div>
</div>
</div>
resources/assets/vue/components/settings/elements/UserProfileComponent.vue
+6 -6
View File
@@ -3,10 +3,10 @@
<div class="row align-items-center m-b-30">
<div class="col-3 p-l-0">
<div class="font-heading fs-13 scalled bold text-info">Full Name</div>
<div class="font-heading fs-11 bold text-info">Full Name</div>
</div>
<div class="col m-r-50">
<div class="font-heading fs-13 scalled muted" v-text="$store.getters.getUserName"></div>
<div class="font-heading fs-11 muted" v-text="$store.getters.getUserName"></div>
</div>
<div class="col-auto p-r-0">
<div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15 requestModal" data-type="editFullName">
@@ -17,10 +17,10 @@
<div class="row align-items-center m-b-30">
<div class="col-3 p-l-0">
<div class="font-heading fs-13 scalled bold text-info">Password</div>
<div class="font-heading fs-11 bold text-info">Password</div>
</div>
<div class="col m-r-50">
<div class="font-heading fs-13 scalled muted">********</div>
<div class="font-heading fs-11 muted">********</div>
</div>
<div class="col-auto p-r-0">
<div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15 requestModal" data-type="resetPassword">
@@ -31,10 +31,10 @@
<div class="row align-items-center">
<div class="col-3 p-l-0">
<div class="font-heading fs-13 scalled bold text-info">Email Address</div>
<div class="font-heading fs-11 bold text-info">Email Address</div>
</div>
<div class="col m-r-50">
<div class="font-heading fs-13 scalled muted" v-text="$store.getters.getUserEmail"></div>
<div class="font-heading fs-11 muted" v-text="$store.getters.getUserEmail"></div>
</div>
<div class="col-auto p-r-0">
<div class="btn btn-xs btn-default bg-master-lighter btn-rounded p-r-20 p-l-15">
resources/assets/vue/components/settings/forms/AddCurrencyFormComponent.vue
+3 -3
View File
@@ -7,12 +7,12 @@
<div class="row m-b-10">
<div class="col">
<h3 class="all-caps m-b-5 bold no-margin">New Currency</h3>
<div class="fs-13 scalled">Select a country below to add its currency to the system</div>
<div class="fs-11">Select a country below to add its currency to the system</div>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-15">
@@ -25,7 +25,7 @@
</div>
<div class="row m-b-5">
<div class="col text-right">
<div class="fs-12 scalled scalled muted">** Added currencies need to be activate for services before they become transferable</div>
<div class="fs-8 muted">** Added currencies need to be activate for services before they become transferable</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/AnnouncementFormComponent.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/components/settings/forms/DeleteAnnouncementFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete announcement with title <b>{{item.title}}</b> ?</div>
<div class="fs-11">Are you sure you want to delete announcement with title <b>{{item.title}}</b> ?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/DeleteCurrencyFormComponent.vue
+2 -2
View File
@@ -4,7 +4,7 @@
<loading-component style="height: 300px; top: 0;" key="1" color="success" v-show="isLoading" ></loading-component>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
@@ -12,7 +12,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete the <span class="bold">{{this.item.name}}</span> currency?</div>
<div class="fs-11">Are you sure you want to delete the <span class="bold">{{this.item.name}}</span> currency?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/DeleteSegmentFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete <b>{{item.name}}</b> segment?</div>
<div class="fs-11">Are you sure you want to delete <b>{{item.name}}</b> segment?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/DeleteServiceFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete <b>{{item.name}}</b> service?</div>
<div class="fs-11">Are you sure you want to delete <b>{{item.name}}</b> service?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/EditUserProfileFullnameFormComponent.vue
+2 -2
View File
@@ -10,7 +10,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="fs-16 scalled">Full Name</div>
<div class="fs-12">Full Name</div>
<validation-wrapper-component :validator="$v.parameters.name">
<input type="text" class="form-control" v-model="parameters.name">
</validation-wrapper-component>
@@ -18,7 +18,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/PaymentAttemptLimitFormComponent.vue
+4 -4
View File
@@ -7,7 +7,7 @@
<div class="row m-b-15">
<div class="col">
<h6 class="all-caps m-b-0 bold">Payment Attempt Limit</h6>
<div class="font-heading fs-14 scalled scalled all-caps muted">Set the payment grace duration before the attempts expires</div>
<div class="font-heading fs-10 all-caps muted">Set the payment grace duration before the attempts expires</div>
</div>
</div>
<div class="row justify-content-center m-b-20">
@@ -15,7 +15,7 @@
<div class="row justify-content-center">
<div class="col-3 p-r-5 p-l-5">
<div class="form-group no-margin form-group-default bg-master b-rad-lg p-r-0 p-l-0 p-b-10">
<label class="muted fade fs-12 scalled scalled lh-10 p-b-10">Days</label>
<label class="muted fade fs-8 lh-10 p-b-10">Days</label>
<input type="text" class="form-control text-center text-success font-orbitron fs-25" v-model.lazy="days" v-mask="'##'">
</div>
</div>
@@ -28,7 +28,7 @@
</div>
<div class="col-3 p-l-5 p-r-5">
<div class="form-group no-margin form-group-default bg-master b-rad-lg p-r-0 p-l-0 p-b-10">
<label class="muted fade fs-12 scalled scalled lh-10 p-b-10">Hours</label>
<label class="muted fade fs-8 lh-10 p-b-10">Hours</label>
<input type="text" class="form-control text-center text-success font-orbitron fs-25" v-model.lazy="hours" v-mask="'##'">
</div>
</div>
@@ -41,7 +41,7 @@
</div>
<div class="col-3 p-l-5 p-r-5">
<div class="form-group no-margin form-group-default bg-master b-rad-lg p-r-0 p-l-0 p-b-10">
<label class="muted fade fs-12 scalled scalled lh-10 p-b-10">Minutes</label>
<label class="muted fade fs-8 lh-10 p-b-10">Minutes</label>
<input class="form-control text-center text-success font-orbitron fs-25" v-model.lazy="minutes" v-mask="'##'" />
</div>
</div>
resources/assets/vue/components/settings/forms/ResetUserPasswordFormComponent.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/SegmentFormComponent.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue
+15 -15
View File
@@ -7,32 +7,32 @@
<div class="row m-b-20">
<div class="col">
<h6 class="all-caps m-b-5 bold no-margin">Create Service</h6>
<div class="font-heading fs-14 scalled scalled muted">Create a new exchange service</div>
<div class="font-heading fs-10 muted">Create a new exchange service</div>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-l-0 m-r-0 m-b-20">
<div class="col-auto pointer bg-master-lightest p-t-15 p-b-15" v-if="data" @click="parameters.configurations.active = !parameters.configurations.active">
<div class="row h-100 align-items-center">
<div class="col-auto p-r-0">
<div class="icon-thumbnail fs-16 scalled icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.active}, {'bg-white': !parameters.configurations.active}]">
<i class="fa fa-check fs-16 scalled text-white"></i>
<div class="icon-thumbnail fs-12 icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.active}, {'bg-white': !parameters.configurations.active}]">
<i class="fa fa-check fs-12 text-white"></i>
</div>
</div>
<div class="col p-l-0 p-r-25">
<div class="font-heading fs-12 scalled scalled all-caps muted">Active For this</div>
<div class="font-heading fs-12 scalled scalled all-caps">Segment's Customers</div>
<div class="font-heading fs-8 all-caps muted">Active For this</div>
<div class="font-heading fs-8 all-caps">Segment's Customers</div>
</div>
</div>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Service Configurations
</div>
</div>
@@ -68,7 +68,7 @@
<label>Tax</label>
<input type="text" class="form-control" v-model.lazy="parameters.configurations.tax" v-money="percentage">
<div class="absolute lh-10" style="top: 0; right: 0;">
<i class="fa fa-times text-white pointer fs-16 scalled bg-danger padding-5" @click="activateCustomField('tax', false)"></i>
<i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('tax', false)"></i>
</div>
</validation-wrapper-component>
</div>
@@ -79,7 +79,7 @@
<label>Service Charge</label>
<input type="text" class="form-control" v-model.lazy="parameters.configurations.service_charge" v-money="percentage">
<div class="absolute lh-10" style="top: 0; right: 0;">
<i class="fa fa-times text-white pointer fs-16 scalled bg-danger padding-5" @click="activateCustomField('service_charge', false)"></i>
<i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('service_charge', false)"></i>
</div>
</validation-wrapper-component>
</div>
@@ -90,14 +90,14 @@
<label>Minimum Charge</label>
<input type="text" class="form-control" v-model.lazy="parameters.configurations.minimum_charge" v-money="money">
<div class="absolute lh-10" style="top: 0; right: 0;">
<i class="fa fa-times text-white pointer fs-16 scalled bg-danger padding-5" @click="activateCustomField('minimum_charge', false)"></i>
<i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('minimum_charge', false)"></i>
</div>
</validation-wrapper-component>
</div>
<div class="col-auto bg-white b-t b-r b-b b-grey">
<div class="row h-100 align-items-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted">MYR</div>
<div class="font-heading fs-10 muted">MYR</div>
</div>
</div>
</div>
@@ -110,7 +110,7 @@
<label>Abandoned PO Limit **</label>
<input type="text" class="form-control" v-model.lazy="parameters.configurations.po_limit" v-money="integer">
<div class="absolute lh-10" style="top: 0; right: 0;">
<i class="fa fa-times text-white pointer fs-16 scalled bg-danger padding-5" @click="activateCustomField('po_limit', false)"></i>
<i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('po_limit', false)"></i>
</div>
</validation-wrapper-component>
</div>
@@ -119,14 +119,14 @@
<label>Receivable Bank Account</label>
<selectable-component :endpoint="route('api.bank.list')+'?filters={%22company_id%22:1}'" section="BankAccountListSection" valueColumn="id" :labelColumn="['bank_name', 'account_no']" v-model="parameters.configurations.bank_id"></selectable-component>
<div class="absolute lh-10" style="top: 0; right: 0;">
<i class="fa fa-times text-white pointer fs-16 scalled bg-danger padding-5" @click="activateCustomField('bank_id', false)"></i>
<i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('bank_id', false)"></i>
</div>
</validation-wrapper-component>
</div>
</div>
<div class="row m-l-0 m-r-0 m-b-10" v-show="custom_fields.po_limit.active">
<div class="col p-l-5 p-r-5">
<div class="fs-12 scalled scalled muted">** Abandoned PO's limit is only applicable to transfers that have been paid in full.</div>
<div class="fs-8 muted">** Abandoned PO's limit is only applicable to transfers that have been paid in full.</div>
</div>
</div>
</div>
@@ -137,7 +137,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Currencies Settings
</div>
</div>
resources/assets/vue/components/settings/forms/ServiceFormComponent.vue
+14 -14
View File
@@ -7,12 +7,12 @@
<div class="row m-b-20">
<div class="col">
<h6 class="all-caps m-b-5 bold no-margin">Create Service</h6>
<div class="font-heading fs-14 scalled scalled muted">Create a new exchange service</div>
<div class="font-heading fs-10 muted">Create a new exchange service</div>
</div>
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-20">
@@ -25,33 +25,33 @@
<div class="col-auto pointer bg-master-lightest m-r-10" @click="parameters.configurations.billable = !parameters.configurations.billable">
<div class="row h-100 align-items-center">
<div class="col-auto p-r-0">
<div class="icon-thumbnail fs-16 scalled icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.billable}, {'bg-white': !parameters.configurations.billable}]">
<i class="fa fa-check fs-16 scalled text-white"></i>
<div class="icon-thumbnail fs-12 icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.billable}, {'bg-white': !parameters.configurations.billable}]">
<i class="fa fa-check fs-12 text-white"></i>
</div>
</div>
<div class="col p-l-0 p-r-25">
<div class="font-heading fs-12 scalled scalled all-caps muted">Billable Service</div>
<div class="font-heading fs-12 scalled scalled all-caps">Include Billing</div>
<div class="font-heading fs-8 all-caps muted">Billable Service</div>
<div class="font-heading fs-8 all-caps">Include Billing</div>
</div>
</div>
</div>
<div class="col-auto pointer bg-master-lightest" v-if="data" @click="parameters.configurations.active = !parameters.configurations.active">
<div class="row h-100 align-items-center">
<div class="col-auto p-r-0">
<div class="icon-thumbnail fs-16 scalled icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.active}, {'bg-white': !parameters.configurations.active}]">
<i class="fa fa-check fs-16 scalled text-white"></i>
<div class="icon-thumbnail fs-12 icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.active}, {'bg-white': !parameters.configurations.active}]">
<i class="fa fa-check fs-12 text-white"></i>
</div>
</div>
<div class="col p-l-0 p-r-25">
<div class="font-heading fs-12 scalled scalled all-caps muted">Active For Default</div>
<div class="font-heading fs-12 scalled scalled all-caps">Customer segment</div>
<div class="font-heading fs-8 all-caps muted">Active For Default</div>
<div class="font-heading fs-8 all-caps">Customer segment</div>
</div>
</div>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Service Configurations
</div>
</div>
@@ -76,7 +76,7 @@
<div class="col-auto bg-white b-t b-r b-b b-grey">
<div class="row h-100 align-items-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled muted">MYR</div>
<div class="font-heading fs-10 muted">MYR</div>
</div>
</div>
</div>
@@ -105,14 +105,14 @@
</div>
<div class="row m-b-10" v-show="parameters.configurations.billable">
<div class="col">
<div class="fs-12 scalled scalled muted">** Abandoned PO's limit is only applicable to transfers that have been paid in full.</div>
<div class="fs-8 muted">** Abandoned PO's limit is only applicable to transfers that have been paid in full.</div>
</div>
</div>
</div>
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
<div class="font-heading all-caps fs-10 hint-text muted">
Currencies Settings
</div>
</div>
resources/assets/vue/components/settings/forms/UpdateServiceStatusFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to {{item.status !== 2 ? 'Activate':'Deactivate'}} <b>{{item.name}}</b> service?</div>
<div class="fs-11">Are you sure you want to {{item.status !== 2 ? 'Activate':'Deactivate'}} <b>{{item.name}}</b> service?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/user/elements/UserComponent.vue
+4 -4
View File
@@ -10,24 +10,24 @@
<div class="col-4">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Name</div>
<div class="font-heading all-caps fs-8 muted">Name</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-10">{{item.name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-auto p-r-10">
<div class="font-heading all-caps fs-12 scalled scalled muted">Email</div>
<div class="font-heading all-caps fs-8 muted">Email</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled">{{item.email}}</div>
<div class="font-heading all-caps fs-10">{{item.email}}</div>
</div>
</div>
</div>
resources/assets/vue/components/user/form/DeleteUserFormComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="row m-b-20">
<div class="col">
<h3 class="all-caps">Are you Sure?</h3>
<div class="fs-13 scalled">Are you sure you want to delete this admin account?</div>
<div class="fs-11">Are you sure you want to delete this admin account?</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/user/form/UserFormComponent.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
<small class="bold fs-10 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/vuex/modules/createNotification.js
Vendored
+1 -1
View File
@@ -1,7 +1,7 @@
export default {
actions: {
createNotification(store, payload){
let content = '<div class="row"><div class="col"> <div class="row"> <div class="col all-caps fs-13 bold">'+payload.title+'</div> </div> <div class="row fs-16 scalled m-t-5"> <div class="col">'+payload.message+'</div> </div> </div> </div>';
let content = '<div class="row"><div class="col"> <div class="row"> <div class="col all-caps fs-13 bold">'+payload.title+'</div> </div> <div class="row fs-12 m-t-5"> <div class="col">'+payload.message+'</div> </div> </div> </div>';
new Noty({
type: payload.type,
text: content,
resources/views/pages/accounts/login.blade.php
+4 -4
View File
@@ -14,7 +14,7 @@
<div class="col">
<div class="inline v-align-middle">
<div class="font-heading fs-20 all-caps text-primary no-margin lh-28 bold">Welcome Back</div>
<p class="no-margin fs-13 scalled muted light">To keep connected with us please login with your personal info</p>
<p class="no-margin fs-11 muted light">To keep connected with us please login with your personal info</p>
</div>
</div>
</div>
@@ -36,7 +36,7 @@
<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-13 scalled muted light">A reset password link will send to your email account.</p>
<p class="no-margin fs-11 muted light">A reset password link will send to your email account.</p>
</div>
</div>
</div>
@@ -58,7 +58,7 @@
<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-13 scalled">Create an account with us to join our fast growing community and start making transfers overseas at competitive exchange rates today.</p>
<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">
@@ -79,7 +79,7 @@
<div class="row m-b-10">
<div class="col">
<div class="font-heading text-white fs-20 all-caps bold lh-25">We Are Glad</div>
<div class="font-heading text-white fs-16 scalled all-caps m-b-20 lh-25">You've Decided To join Us</div>
<div class="font-heading text-white fs-12 all-caps m-b-20 lh-25">You've Decided To join Us</div>
</div>
</div>
<div class="row">
resources/views/pages/accounts/reset_password.blade.php
+2 -2
View File
@@ -34,12 +34,12 @@
<div class="col font-lato p-l-50">
<div class="row">
<div class="col">
<p class="all-caps fs-14 scalled scalled m-b-5" style="letter-spacing: 2px;">Support:</p>
<p class="all-caps fs-10 m-b-5" style="letter-spacing: 2px;">Support:</p>
</div>
</div>
<div class="row">
<div class="col">
<p class="all-caps no-margin fs-12 scalled scalled lh-18" style="letter-spacing: 2px;">To obtain access to this site or for any questions about its<br>use submit an email message to <span class="text-underline text-primary bold">info@izyim.com</span></p>
<p class="all-caps no-margin fs-8 lh-18" style="letter-spacing: 2px;">To obtain access to this site or for any questions about its<br>use submit an email message to <span class="text-underline text-primary bold">info@izyim.com</span></p>
</div>
</div>
</div>
resources/views/pages/banks/customers.blade.php
+1 -1
View File
@@ -2,7 +2,7 @@
<div class="col-6 bg-white p-l-25 p-r-25 p-t-15 p-b-15">
<div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
<div class="col">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
<div class="font-heading all-caps fs-10 hint-text">
Recipients Bank Accounts
</div>
</div>
resources/views/pages/bookings.blade.php
+2 -2
View File
@@ -6,7 +6,7 @@
<div class="col">
<div class="row m-b-15 p-b-10 b-b b-grey">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">active Transfers</small>
<small class="all-caps muted fs-10">active Transfers</small>
</div>
</div>
<div class="row">
@@ -22,7 +22,7 @@
<div class="col">
<div class="row m-b-15 p-b-10 b-b b-grey">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">Complete Transfers</small>
<small class="all-caps muted fs-10">Complete Transfers</small>
</div>
</div>
<div class="row">
resources/views/pages/dashboards/admin.blade.php
+28 -28
View File
@@ -8,7 +8,7 @@
<div class="col">
<div class="row justify-content-end">
<div class="col">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton active" tab-name="payments">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
@@ -20,7 +20,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5 all-caps">Payments</div>
<div class="fs-12 m-t-5 all-caps">Payments</div>
</div>
</div>
</div>
@@ -31,7 +31,7 @@
<div class="col">
<div class="row justify-content-end hide">
<div class="col">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter" tab-name="transactions">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
@@ -43,7 +43,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5 all-caps">Supplier Bills</div>
<div class="fs-12 m-t-5 all-caps">Supplier Bills</div>
</div>
</div>
</div>
@@ -98,7 +98,7 @@
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -110,7 +110,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -122,7 +122,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -134,7 +134,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -146,7 +146,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -158,7 +158,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -170,7 +170,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -182,7 +182,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -194,7 +194,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -206,7 +206,7 @@
</td>
</tr>
<tr>
<td class="font-montserrat all-caps fs-16 scalled w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-12 w-50">Purchase CODE #2345</td>
<td class="text-right hidden-lg">
<span class="hint-text small">dewdrops</span>
</td>
@@ -254,7 +254,7 @@
<div class="col">
<div class="row m-l-0 m-r-0 d-none d-md-flex">
<div class="col m-r-5">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter active tabButton" tab-name="pendingOrders">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
@@ -266,14 +266,14 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5 all-caps">Currency Orders</div>
<div class="fs-12 m-t-5 all-caps">Currency Orders</div>
</div>
</div>
</div>
</div>
</div>
<div class="col m-r-5">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="paymentProof">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
@@ -285,14 +285,14 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5 all-caps">Payment Proof</div>
<div class="fs-12 m-t-5 all-caps">Payment Proof</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row fs-16 scalled text-center">
<div class="row fs-12 text-center">
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="purchaseOrders">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
@@ -304,7 +304,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled m-t-5 all-caps">Purchase Orders</div>
<div class="fs-12 m-t-5 all-caps">Purchase Orders</div>
</div>
</div>
</div>
@@ -345,7 +345,7 @@
<div class="col">
<div class="row m-b-15 p-b-10 b-b b-grey">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">Pending Verification</small>
<small class="all-caps muted fs-10">Pending Verification</small>
</div>
</div>
<div class="row">
@@ -363,7 +363,7 @@
<div class="col">
<div class="row m-b-15 p-b-10 b-b b-grey">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">Pending Submission</small>
<small class="all-caps muted fs-10">Pending Submission</small>
</div>
</div>
<div class="row">
@@ -395,7 +395,7 @@
<div class="col bg-master p-t-20" style="background-image: linear-gradient(rgb(63, 63, 63) 0.01em, transparent 0.1em), linear-gradient(90deg, rgb(63, 63, 63) 0.1em, transparent 0.1em); background-size: 2em 2em;">
<div class="row">
<div class="col">
<div class="row fs-16 scalled text-center m-b-20">
<div class="row fs-12 text-center m-b-20">
<div class="col">
<div class="row m-b-5">
<div class="col">
@@ -404,7 +404,7 @@
</div>
<div class="row">
<div class="col">
<div class="fs-16 scalled text-warning bold">- 0.0%
<div class="fs-12 text-warning bold">- 0.0%
</div>
</div>
</div>
@@ -412,13 +412,13 @@
</div>
<div class="row justify-content-center">
<div class="col-auto m-r-5 p-b-10 b-b b-complete" style="border-bottom-width: 3px;">
<div class="fs-16 scalled bold text-white">RMB</div>
<div class="fs-12 bold text-white">RMB</div>
</div>
<div class="col-auto m-r-5 p-b-10 b-b hint-text" style="border-bottom-width: 3px; border-bottom-color: transparent;">
<div class="fs-16 scalled hint-text text-white">USD</div>
<div class="fs-12 hint-text text-white">USD</div>
</div>
<div class="col-auto p-b-10 b-b hint-text" style="border-bottom-width: 3px; border-bottom-color: transparent;">
<div class="fs-16 scalled hint-text text-white">SGD</div>
<div class="fs-12 hint-text text-white">SGD</div>
</div>
</div>
</div>
@@ -431,7 +431,7 @@
<div class="col b-a b-grey p-t-5 p-b-5">
<div class="row align-items-center">
<div class="col">
<div class="font-heading fs-14 scalled scalled all-caps text-complete-light">Customer Verification</div>
<div class="font-heading fs-10 all-caps text-complete-light">Customer Verification</div>
</div>
<div class="col-auto p-r-10">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
resources/views/pages/payments.blade.php
+2 -2
View File
@@ -6,7 +6,7 @@
<div class="col-4">
<div class="row m-b-15 p-b-10 b-b b-grey">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">Complete Payments</small>
<small class="all-caps muted fs-10">Complete Payments</small>
</div>
</div>
<div class="row">
@@ -22,7 +22,7 @@
<div class="col-4">
<div class="row m-b-15 p-b-10 b-b b-grey">
<div class="col">
<small class="all-caps muted fs-14 scalled scalled">Complete Currency Orders</small>
<small class="all-caps muted fs-10">Complete Currency Orders</small>
</div>
</div>
<div class="row">
resources/views/pages/settings.blade.php
+23 -23
View File
File diff suppressed because one or more lines are too long
resources/views/partials/footer.blade.php
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="container-fluid">
<div class="row no-margin">
<div class="col p-l-0 p-t-20 p-b-20 sm-text-center">
<small class="small no-margin pull-left sm-pull-reset all-caps fs-14 scalled scalled muted" style=" letter-spacing: 1px; ">Copyright © 2021 CIEF Exchange. All rights reserved.</small>
<small class="small no-margin pull-left sm-pull-reset all-caps fs-10 muted" style=" letter-spacing: 1px; ">Copyright © 2021 CIEF Exchange. All rights reserved.</small>
</div>
</div>
</div>
resources/views/partials/header.blade.php
+10 -10
View File
@@ -14,7 +14,7 @@
</div>
<div class="row">
<div class="col">
<div class="m-t-5 all-caps fs-14 scalled scalled text-white hint-text">Overseas Transfers Management</div>
<div class="m-t-5 all-caps fs-10 text-white hint-text">Overseas Transfers Management</div>
</div>
</div>
</a>
@@ -24,23 +24,23 @@
<div class="col text-left">
<div class="row justify-content-end">
<div class="col-auto p-r-20">
<a href="{{route('dashboard')}}"><div class="text-white all-caps fs-16 scalled">Dashboard</div></a>
<a href="{{route('dashboard')}}"><div class="text-white all-caps fs-12">Dashboard</div></a>
</div>
<div class="col-auto p-r-20" v-if="$store.getters.isAdmin">
<a href="{{route('payments')}}">
<div class="text-white all-caps fs-16 scalled">Payments & Billing</div>
<div class="text-white all-caps fs-12">Payments & Billing</div>
</a>
</div>
<div class="col-auto p-r-20" v-if="$store.getters.isAdmin">
<a href="{{route('bookings')}}">
<div class="text-white all-caps fs-16 scalled">Transfers</div>
<div class="text-white all-caps fs-12">Transfers</div>
</a>
</div>
<div class="col-auto p-r-20 hide">
<div class="text-white all-caps fs-16 scalled">Payments & Billing</div>
<div class="text-white all-caps fs-12">Payments & Billing</div>
</div>
<div v-if="!$store.getters.isAdmin" class="col-auto p-r-20">
<a href="{{route('banks')}}"><div class="text-white all-caps fs-16 scalled">Bank Accounts</div></a>
<a href="{{route('banks')}}"><div class="text-white all-caps fs-12">Bank Accounts</div></a>
</div>
</div>
</div>
@@ -51,18 +51,18 @@
<div class="col-auto m-r-5 hide">
<div class="row align-items-center justify-content-center b-a b-thick h-100" style="border-color: #ffffff3d">
<div class="col p-r-10 p-l-10">
<i class="fa fa-bell fs-16 scalled text-primary-lighter"></i>
<i class="fa fa-bell fs-12 text-primary-lighter"></i>
</div>
</div>
</div>
<div class="col-auto m-r-20 d-none d-md-inline">
<div class="row align-items-center p-t-5 p-b-5 b-a b-thick" style="border-color: #ffffff3d">
<div class="col-auto">
<div class="fs-16 scalled text-primary-lighter">Hi, <span v-text="$store.getters.getUserName.split(' ').slice(0,2).join(' ')"></span>!</div>
<div class="fs-12 text-primary-lighter">Hi, <span v-text="$store.getters.getUserName.split(' ').slice(0,2).join(' ')"></span>!</div>
</div>
<div class="col-auto p-l-0 p-r-10 hide">
<div class="btn btn-xs btn-primary p-t-0 p-b-0 text-primary-lighter" style="background-color: rgba(255, 255, 255, 0.2);">
<i class="fa fa-angle-down fs-16 scalled m-t-5"></i>
<i class="fa fa-angle-down fs-14 m-t-5"></i>
</div>
</div>
</div>
@@ -71,7 +71,7 @@
<a href="{{route('settings')}}">
<div class="row align-items-center justify-content-center b-a b-thick h-100" style="border-color: #ffffff3d">
<div class="col p-r-10 p-l-10">
<i class="fa fa-cog fs-16 scalled text-primary-lighter"></i>
<i class="fa fa-cog fs-12 text-primary-lighter"></i>
</div>
</div>
</a>