cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-19 04:23:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

increase font size for the whole system

Browse Source
This commit is contained in:
omair saleh
2021-06-18 00:20:44 +08:00
parent e79d641d6d
commit d5bd2b8777
83 changed files with 437 additions and 437 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/accounts/elements/EmailVerificationComponent.vue
+2 -2
View File
@@ -12,8 +12,8 @@
<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-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 class="font-heading text-white fs-14 all-caps m-b-10 lh-25">Your Email address was{{ error ? 'n\'t' : '' }} successfully verified</div>
<div class="font-heading text-white fs-14 all-caps m-b-20 lh-25">{{ error }}</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/accounts/elements/LoginFormComponent.vue
+3 -3
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
@@ -11,13 +11,13 @@
<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-12" v-model="parameters.email">
<input type="text" class="form-control fs-14" 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-12" v-model="parameters.password">
<input type="password" class="form-control fs-14" v-model="parameters.password">
</div>
</validation-wrapper-component>
<div class="row m-t-15 align-items-center justify-content-center">
resources/assets/vue/components/accounts/elements/OnboardingStepComponent.vue
+1 -1
View File
@@ -14,7 +14,7 @@
<div class="col">
<div class="row">
<div class="col">
<div class="font-heading bold fs-12" :class="[{'text-success': !active && !disabled}, {'text-white': active}]">
<div class="font-heading bold fs-14" :class="[{'text-success': !active && !disabled}, {'text-white': active}]">
<slot name="title"></slot>
</div>
</div>
resources/assets/vue/components/accounts/forms/EmailVerificationFormComponent.vue
+2 -2
View File
@@ -11,7 +11,7 @@
</div>
</div>
<div class="col p-l-0">
<div class="font-heading fs-12 all-caps bold text-success">Verification email sent</div>
<div class="font-heading fs-14 all-caps bold text-success">Verification email sent</div>
</div>
</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>
@@ -22,7 +22,7 @@
<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-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-14 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>
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-12" v-model="parameters.email">
<input type="text" class="form-control fs-14" 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-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 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-14" @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
+1 -1
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-12 text-primary-lighter"></i>
<i class="fa fa-power-off fs-14 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>
resources/assets/vue/components/accounts/forms/LoginFormComponent.vue
+2 -2
View File
@@ -7,13 +7,13 @@
<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-12" v-model="parameters.email">
<input type="text" class="form-control fs-14" 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-12" v-model="parameters.password">
<input type="password" class="form-control fs-14" v-model="parameters.password">
</div>
</validation-wrapper-component>
<div class="row m-t-15 align-items-center justify-content-center">
resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
+1 -1
View File
@@ -22,7 +22,7 @@
<p class="bold fs-11 all-caps muted">Select your account type</p>
</div>
</div>
<div class="row text-center fs-10">
<div class="row text-center fs-12">
<div class="col">
<div class="row">
<div class="col-auto p-r-0">
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-12" style=" top: 10px; right: 15px; z-index: 99;"></validation-error-component>
<validation-error-component :validator="$v.parameters.password" class="absolute fs-14" 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-12" style=" top: 10px; right: 15px; z-index: 99;"></validation-error-component>
<validation-error-component :validator="$v.parameters.confirmPassword" class="absolute fs-14" 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-12" 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-14" 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
+2 -2
View File
@@ -6,7 +6,7 @@
<div class="row">
<div class="col padding-25 bg-white">
<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 class="font-heading fs-14 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">
@@ -34,7 +34,7 @@
</div>
<div class="col p-l-0">
<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 class="font-heading fs-12 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-10 muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state.name}} {{address.post_code}} {{address.country.name}}</span>
<span class="fs-12 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-12 all-caps bold" :class="[{'text-warning': address.billing}, {'text-master': !address.billing}]">Default Address</small>
<small class="fs-14 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-10">Default Billing Address</div>
<div class="font-heading fs-10">
<div class="font-heading all-caps bold fs-12">Default Billing Address</div>
<div class="font-heading fs-12">
{{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-10 all-caps">List of Address </div>
<div class="fs-12 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-10 lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-12 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-10 muted"><b class="m-r-5 text-primary">{{selectedAddress.post_code}}</b> {{selectedAddress.district.name}}</div>
<div class="font-heading all-caps fs-12 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-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 class="font-heading bold lh-15 fs-12">{{address.post_code ? address.post_code + ' - ':''}}{{address.post_code}}</div> -->
<div class="font-heading bold lh-15 fs-12">{{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-10 muted"><b class="m-r-5 text-primary">{{address.post_code}}</b> {{address.district.name}}</div>
<div class="font-heading all-caps fs-12 muted"><b class="m-r-5 text-primary">{{address.post_code}}</b> {{address.district.name}}</div>
</div>
</div>
</div>
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-12" data-dismiss="modal">Cancel</button>
<button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-14" data-dismiss="modal">Cancel</button>
</div>
<div class="col-auto">
<button class="btn btn-lg btn-success b-rad-none all-caps fs-12" @click="submitForm()">Set as default</button>
<button class="btn btn-lg btn-success b-rad-none all-caps fs-14" @click="submitForm()">Set as default</button>
</div>
</div>
</template>
resources/assets/vue/components/announcements/elements/AnnouncementListComponent.vue
+4 -4
View File
@@ -10,7 +10,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-10">{{item.created_at}}</div>
<div class="font-heading fs-12">{{item.created_at}}</div>
</div>
</div>
</div>
@@ -22,7 +22,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-10">{{item.title | truncate(20)}}</div>
<div class="font-heading fs-12">{{item.title | truncate(20)}}</div>
</div>
</div>
</div>
@@ -34,7 +34,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-10">{{item.description | truncate(15)}}</div>
<div class="font-heading fs-12">{{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-10 lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
<div class="font-heading fs-12 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
+1 -1
View File
@@ -12,7 +12,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-15">
resources/assets/vue/components/announcements/forms/DetachAnnouncementFromSegmentFormComponent.vue
+1 -1
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
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-10"><i>{{item.created_at}}</i></label>-->
<!--<label class="float-right fs-12"><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-10 muted all-caps">Announcement</div>
<div class="font-heading fs-12 muted all-caps">Announcement</div>
</div>
<div class="col-2 text-right pull-right">
<div class="font-heading fs-10 muted all-caps">Action</div>
<div class="font-heading fs-12 muted all-caps">Action</div>
</div>
</div>
resources/assets/vue/components/banks/elements/BankAccountComponent.vue
+3 -3
View File
@@ -20,12 +20,12 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10 muted">{{item.bank_name}}</div>
<div class="font-heading all-caps fs-12 muted">{{item.bank_name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="font-heading fs-10">{{item.holder_name}}</div>
<div class="font-heading fs-12">{{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">
@@ -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-10" 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-12" 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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10" v-if="type === 2">
resources/assets/vue/components/bookings/elements/BookingComponent.vue
+10 -10
View File
@@ -16,38 +16,38 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10 muted">{{this.item.created_at}}</div>
<div class="font-heading all-caps fs-12 muted">{{this.item.created_at}}</div>
</div>
</div>
</div>
<div class="col" v-if="$store.getters.isAdmin">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-12">
<div class="font-heading fs-12 muted all-caps">Marking</div>
<div class="font-heading fs-14">
<a :href="route('customer.profile', item.company.reference)">{{this.item.company.reference}}</a>
</div>
</div>
<div class="col-auto">
<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 class="font-heading fs-12 muted all-caps">Currency</div>
<div class="font-heading fs-14 bold">
<span class="flag-icon fs-14" :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-10 muted all-caps">Transfer Type</div>
<div class="font-heading fs-12 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-10 muted all-caps">Payable Amount</div>
<div class="font-heading fs-12 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-10 muted all-caps">status</div>
<div class="font-heading fs-12 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-10 muted all-caps">Billing</div>
<div class="font-heading fs-12 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>
resources/assets/vue/components/bookings/elements/BookingConfirmationComponent.vue
+23 -23
View File
@@ -5,14 +5,14 @@
<div class="col">
<div class="row m-b-5">
<div class="col">
<div class="font-heading all-caps bold fs-10">Transfer Summary</div>
<div class="font-heading all-caps bold fs-12">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-10">{{this.data.serviceType.name}}</div>
<div class="font-heading fs-12">{{this.data.serviceType.name}}</div>
</div>
</div>
<div class="row">
@@ -25,7 +25,7 @@
<div class="col-2">
<div class="row">
<div class="col">
<div class="font-heading fs-12 bold text-primary">{{this.data.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-14 bold text-primary">{{this.data.serviceType.selectedCurrency.short_code}}</div>
</div>
</div>
<div class="row">
@@ -37,7 +37,7 @@
<div class="col">
<div class="row">
<div class="col">
<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 class="font-heading fs-14 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">
@@ -53,7 +53,7 @@
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps bold fs-10">Recipient Details</div>
<div class="font-heading all-caps bold fs-12">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-10 all-caps">Recipient Bank Account</div>-->
<!--<div class="fs-12 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-10 lh-15 hint-text"></i>-->
<!--<i class="fa fa-info-circle fs-12 lh-15 hint-text"></i>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
@@ -170,7 +170,7 @@
<div class="col">
<div class="row m-b-15">
<div class="col">
<div class="font-heading all-caps bold fs-10">Transfer Amount and Charges</div>
<div class="font-heading all-caps bold fs-12">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>
@@ -178,57 +178,57 @@
<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-10 all-caps">Amount you are Transferring</div>
<div class="font-heading fs-12 all-caps">Amount you are Transferring</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10 bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-12 bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10 bold">{{(Math.round((parseFloat(this.parameters.amount.replace(",", ""))+ Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12 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-10 all-caps text-primary">Exchange Rate</div>
<div class="font-heading fs-12 all-caps text-primary">Exchange Rate</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10"></div>
<div class="font-heading fs-12"></div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10 text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
<div class="font-heading fs-12 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-10 all-caps">Money Transfer Fee</div>
<div class="font-heading fs-12 all-caps">Money Transfer Fee</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10">MYR</div>
<div class="font-heading fs-12">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">{{(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-10 all-caps">Sub-Total</div>
<div class="font-heading fs-12 all-caps">Sub-Total</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10">MYR</div>
<div class="font-heading fs-12">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">{{(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-10 all-caps">Tax</div>
<div class="font-heading fs-12 all-caps">Tax</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-10">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
<div class="font-heading fs-12">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-10">{{(Math.round((this.parameters.calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">{{(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/BookingMergeableComponent.vue
+1 -1
View File
@@ -7,7 +7,7 @@
</div>
</div>
<div class="col-auto pt-1 pb-0 pr-1">
<div class="font-heading fs-12" style="line-height: 0px;">
<div class="font-heading fs-14" style="line-height: 0px;">
<input type="checkbox" v-bind:data-id="this.item.id" @change="selectedBookings">
</div>
</div>
resources/assets/vue/components/bookings/elements/CurrencyOrderComponent.vue
+2 -2
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-10 bold">{{item.created_at}}</div>
<div class="text-primary fs-12 bold">{{item.created_at}}</div>
</div>
</div>
<div class="row align-items-center">
<div class="col">
<div class="muted fs-10">{{item.owner.name}}</div>
<div class="muted fs-12">{{item.owner.name}}</div>
</div>
</div>
</div>
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-10 muted all-caps">Reference</div>
<div class="font-heading fs-12 muted all-caps">Reference</div>
<a :href="route('booking.details', item.booking.marking)">
<div class="font-heading fs-10">
<div class="font-heading fs-12">
{{item.booking.marking}}
</div>
</a>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Date</div>
<div class="font-heading fs-12">
{{item.updated_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Marking</div>
<div class="font-heading fs-12">
{{item.booking.company.reference}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Currency</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Currency</div>
<div class="font-heading fs-12">
<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-10 muted all-caps">Amount</div>
<div class="font-heading fs-12 text-success bold">
<div class="font-heading fs-12 muted all-caps">Amount</div>
<div class="font-heading fs-14 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
+14 -14
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-10 muted all-caps">Reference</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Reference</div>
<div class="font-heading fs-12">
{{item.bill_no}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Transfer No.</div>
<div class="font-heading fs-12 muted all-caps">Transfer No.</div>
<a :href="route('booking.details', item.booking.marking)">
<div class="font-heading fs-10">
<div class="font-heading fs-12">
{{item.booking.marking}}
</div>
</a>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Marking</div>
<div class="font-heading fs-12">
{{item.booking.company.reference}}
</div>
</div>
<div class="col text-right">
<div class="font-heading fs-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Date</div>
<div class="font-heading fs-12">
{{item.documents.created_at}}
</div>
</div>
</div>
<div class="row m-t-10">
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Payment Proof</div>
<div class="font-heading fs-12 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-11 text-white icon-25 bg-primary btn-rounded float-left m-r-5">
<i class="fa fa-file-image-o fs-10"></i>
<i class="fa fa-file-image-o fs-12"></i>
</div>
</template>
</document-file-viewer-component>
@@ -52,14 +52,14 @@
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Amount</div>
<div class="font-heading fs-12 text-success bold">
<div class="font-heading fs-12 muted all-caps">Amount</div>
<div class="font-heading fs-14 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-10 muted all-caps">Original</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Original</div>
<div class="font-heading fs-12">
{{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>
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-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 class="b-grey b-a fs-12 btn-rounded icon-thumbnail icon-25 m-r-0" :class="[{'bg-primary': active}, {'bg-transparent': !active}]">
<i class="fa fa-check text-white fs-14 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-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Date</div>
<div class="font-heading fs-12">
{{item.updated_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Currency</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Currency</div>
<div class="font-heading fs-12">
<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-10 muted all-caps">Amount</div>
<div class="font-heading fs-12 text-success bold">
<div class="font-heading fs-12 muted all-caps">Amount</div>
<div class="font-heading fs-14 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
+9 -9
View File
@@ -13,7 +13,7 @@
<div class="row">
<div class="col text-center">
<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 class="font-heading fs-12 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-10 all-caps">Service Type</div>
<div class="fs-12 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-10 lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-12 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-10">{{service.name}}</div>
<div class="font-heading fs-12">{{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-10 all-caps">Payment Type</div>
<div class="fs-12 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-10 lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-12 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-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 class="fs-14">** 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-12 all-caps bold m-b-15">Create a transfer order</div>
<div class="font-heading fs-14 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-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 class="font-heading fs-12">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
+34 -34
View File
@@ -10,7 +10,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-10 bold">{{this.data.conversion_currency.short_code}}</div>
<div class="font-heading fs-12 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-10 bold">{{this.data.convertible_currency.short_code}}</div>
<div class="font-heading fs-12 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-10 muted">Recipient Bank Details</div>
<div class="font-heading all-caps fs-12 muted">Recipient Bank Details</div>
</div>
</div>
<div class="row align-items-center">
@@ -54,7 +54,7 @@
</div>
<div class="row">
<div class="col-auto p-r-10">
<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 class="font-heading all-caps fs-12 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-10">Transfer Total:</div>
<div class="font-heading all-caps fs-12">Transfer Total:</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-14">{{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-10">Paid Total:</div>
<div class="font-heading all-caps fs-12">Paid Total:</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-14">{{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-10">Floating Amount:</div>
<div class="font-heading all-caps fs-12">Floating Amount:</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-14">{{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-10">OutStanding Total:</div>
<div class="font-heading all-caps fs-12">OutStanding Total:</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-14">{{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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-10">Bank Transfer</div>
<div class="font-heading fs-12">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-10">Cash Deposit</div>
<div class="font-heading fs-12">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-10">Cheque</div>
<div class="font-heading fs-12">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-10">Banker's Acceptance</div>
<div class="font-heading fs-12">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-10 muted">{{this.data.fixed_currency.short_code}}</div>
<div class="font-heading fs-12 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-10">Outstanding</div>
<div class="font-heading all-caps fs-12">Outstanding</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-12">{{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-10">Recipient Gets</div>
<div class="font-heading all-caps fs-12">Recipient Gets</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-12">{{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-10">Rate</div>
<div class="font-heading all-caps fs-12">Rate</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-10 ">{{(Math.round((calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5) }}</div>
<div class="font-heading fs-12 ">{{(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-10">You are sending</div>
<div class="font-heading all-caps fs-12">You are sending</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-12">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-10">Transfer Charges</div>
<div class="font-heading all-caps fs-12">Transfer Charges</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-10">MYR {{(Math.round((calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">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-10">Sub Total</div>
<div class="font-heading all-caps fs-12">Sub Total</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-10">MYR {{(Math.round((calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">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-10">Tax {{(Math.round((calculation.tax + Number.EPSILON) * 10) / 10).toFixed(1)}}%</div>
<div class="font-heading all-caps fs-12">Tax {{(Math.round((calculation.tax + Number.EPSILON) * 10) / 10).toFixed(1)}}%</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-10">MYR {{(Math.round((calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-12">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-10">You are paying</div>
<div class="font-heading all-caps fs-12">You are paying</div>
</div>
<div class="col-auto text-right">
<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 class="font-heading fs-14">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
+5 -5
View File
@@ -5,7 +5,7 @@
<div class="col">
<div class="row m-b-15">
<div class="col">
<div class="font-heading all-caps fs-12 bold">Congratulation, you have got great rates.</div>
<div class="font-heading all-caps fs-14 bold">Congratulation, you have got great rates.</div>
</div>
</div>
<div class="row 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-10 text-primary bold">{{ calculation.bank.holder_name}}</div>
<div class="font-heading all-caps fs-12 text-primary bold">{{ calculation.bank.holder_name}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10 bold">{{ calculation.bank.bank_name}}: <span class="text-complete">{{ calculation.bank.account_no}}</span></div>
<div class="font-heading all-caps fs-12 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-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 class="font-heading all-caps fs-12 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-10 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-12 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">
resources/assets/vue/components/bookings/forms/CurrencyConverterComponent.vue
+7 -7
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
@@ -43,7 +43,7 @@
<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-12">
<div class="font-heading fs-14">
{{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-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 class="col-4 p-l-0 fs-14 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-12 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-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 class="col-4 p-l-0 fs-14 bold lh-20 hide">MYR {{(Math.round((this.calculation.total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-12 hide">Payable Amount</div>
</div>
</div>
</div>
@@ -137,7 +137,7 @@
<span class="flag-icon fs-14 flag-icon-my"></span>
</div>
<div class="col-auto p-l-5">
<div class="font-heading fs-12">
<div class="font-heading fs-14">
MYR
</div>
</div>
resources/assets/vue/components/bookings/forms/PaymentVerificationFormComponent.vue
+7 -7
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-10 text-primary bold">{{data.booking.service.configurations.bank_info.holder_name}}</div>
<div class="font-heading all-caps fs-12 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-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 class="font-heading all-caps fs-12 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-10 muted all-caps">You are Paying</div>
<div class="font-heading fs-12 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-10 muted all-caps">Rate</div>
<div class="font-heading fs-12 bold">
<div class="font-heading fs-12 muted all-caps">Rate</div>
<div class="font-heading fs-14 bold">
{{(Math.round((data.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Recipient Gets</div>
<div class="font-heading fs-12 bold">
<div class="font-heading fs-12 muted all-caps">Recipient Gets</div>
<div class="font-heading fs-14 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>
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-10"></div>
<div class="font-heading all-caps fs-12"></div>
</div>
<div class="col p-r-10">
<div class="font-heading all-caps fs-10 muted">Stock Code</div>
<div class="font-heading all-caps fs-12 muted">Stock Code</div>
</div>
<div class="col-4 p-r-5 p-l-10">
<div class="font-heading all-caps fs-10 muted">description</div>
<div class="font-heading all-caps fs-12 muted">description</div>
</div>
<div class="col text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-10 muted">quantity</div>
<div class="font-heading all-caps fs-12 muted">quantity</div>
</div>
<div class="col text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-10 muted">Unit Price</div>
<div class="font-heading all-caps fs-12 muted">Unit Price</div>
</div>
<div class="col-1 text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-10 muted"></div>
<div class="font-heading all-caps fs-12 muted"></div>
</div>
<div class="col-1 text-right p-r-5 p-l-10">
<div class="font-heading all-caps fs-10 muted">Total</div>
<div class="font-heading all-caps fs-12 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-10"></div>
<div class="font-heading all-caps fs-12"></div>
</div>
<div class="col p-r-5">
<input type="text" class="form-control fs-10 b-rad-none" placeholder="Stock Code" v-model="product.stockCode" />
<input type="text" class="form-control fs-12 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-10 b-rad-none" placeholder="Description" rows="1" v-model="product.description"></textarea>
<textarea class="form-control fs-12 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-10 b-rad-none text-center" placeholder="Quantity" v-model.lazy="product.quantity" v-mask="'#########'"/>
<input type="text" class="form-control fs-12 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-10 b-rad-none text-center" placeholder="Unit Price" v-model.lazy="product.unit_price" v-money="productPrice" />
<input type="text" class="form-control fs-12 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-10">{{data.fixed_currency.short_code}}</div>
<div class="font-heading all-caps fs-12">{{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-10">{{(Math.round((productTotal + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
<div class="font-heading all-caps fs-12">{{(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-10">{{index + 1}}</div>
<div class="font-heading all-caps fs-12">{{index + 1}}</div>
</div>
<div class="col p-r-5">
<div class="font-heading all-caps fs-10">{{product.stockCode}}</div>
<div class="font-heading all-caps fs-12">{{product.stockCode}}</div>
</div>
<div class="col-4 p-r-5 p-l-5">
<div class="font-heading all-caps fs-10">{{product.description}}</div>
<div class="font-heading all-caps fs-12">{{product.description}}</div>
</div>
<div class="col text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-10">{{product.quantity}}</div>
<div class="font-heading all-caps fs-12">{{product.quantity}}</div>
</div>
<div class="col text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-10">{{product.unit_price}}</div>
<div class="font-heading all-caps fs-12">{{product.unit_price}}</div>
</div>
<div class="col-1 text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-10">{{data.fixed_currency.short_code}}</div>
<div class="font-heading all-caps fs-12">{{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-10">{{(Math.round((product.total + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
<div class="font-heading all-caps fs-12">{{(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-12 all-caps bold m-b-15">Can't Complete Your Purchase Order ?</div>
<div class="font-heading fs-14 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-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 class="font-heading fs-12 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-12">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-12 bold">Total:</div>
<div class="font-heading all-caps fs-14 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-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 class="fs-12">** 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-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="font-heading fs-14 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-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 class="font-heading fs-12">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
+7 -7
View File
@@ -5,15 +5,15 @@
<div class="col">
<div class="row align-items-end m-b-10">
<div class="col">
<div class="font-heading all-caps fs-10">Supplier:</div>
<div class="font-heading all-caps fs-12">Supplier:</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10">{{this.supplier.name}}</div>
<div class="font-heading fs-12">{{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-10">Order Total:</div>
<div class="font-heading all-caps fs-12">Order Total:</div>
</div>
<div class="col-auto text-right">
<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>
@@ -21,7 +21,7 @@
</div>
<div class="row align-items-end m-b-5 text-info">
<div class="col">
<div class="font-heading all-caps fs-10">Rate:</div>
<div class="font-heading all-caps fs-12">Rate:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-11">{{parameters.rate}}</div>
@@ -29,7 +29,7 @@
</div>
<div class="row align-items-end m-b-10 text-success">
<div class="col">
<div class="font-heading all-caps fs-10">Payment Total:</div>
<div class="font-heading all-caps fs-12">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-10 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-12 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-10">Download Supplier Order Summary</div>
<div class="font-heading fs-12">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-12" data-dismiss="modal">Cancel</button>
<button class="btn btn-lg btn-default bg-master-lightest b-rad-none all-caps fs-14" data-dismiss="modal">Cancel</button>
</div>
<div class="col text-right">
<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>
<button class="btn btn-lg btn-success b-rad-none all-caps fs-14" v-if="Object.keys(data.bankAccount).length" @click="submitForm()">Confirm & Proceed</button>
</div>
</div>
</template>
resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+30 -30
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-12 bold hint-text">Merge Transfer</div>
<div class="font-heading all-caps fs-14 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-10 muted all-caps">Date</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Date</div>
<div class="font-heading fs-12">
{{booking.created_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Reference</div>
<div class="font-heading fs-10">
<div class="font-heading fs-12 muted all-caps">Reference</div>
<div class="font-heading fs-12">
{{booking.marking}}
</div>
</div>
<div class="col-auto">
<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">
<div class="font-heading fs-12 muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-12 text-info">
{{booking.company.identification.reference}}
</div>
</div>
<div class="col-auto">
<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">
<div class="font-heading fs-12 muted all-caps">Purchase Order Amount</div>
<div class="font-heading fs-12 text-info" v-if="booking.purchase_order!==null">
{{formatAmount(booking.purchase_order.amount)}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-10 muted all-caps">Booking Amount</div>
<div class="font-heading fs-10 text-info">
<div class="font-heading fs-12 muted all-caps">Booking Amount</div>
<div class="font-heading fs-12 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-12" style="line-height: 0px;">
<div class="font-heading fs-14" style="line-height: 0px;">
<input type="checkbox" class="hide"/>
</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-10 muted all-caps">Created At</div>
<div class="font-heading fs-12 muted all-caps">Created At</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-10 muted all-caps">Marking</div>
<div class="font-heading fs-12 muted all-caps">Marking</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-10 muted all-caps">Currency</div>
<div class="font-heading fs-12 muted all-caps">Currency</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-10 muted all-caps">Type</div>
<div class="font-heading fs-12 muted all-caps">Type</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-10 muted all-caps">P.O. Amount</div>
<div class="font-heading fs-12 muted all-caps">P.O. Amount</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-10 muted all-caps">Booking Amount</div>
<div class="font-heading fs-12 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-12">
<div class="text-justify text-white fs-14">
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-10">Order Total Amount:</div>
<div class="font-heading all-caps fs-12">Order Total Amount:</div>
</div>
<div class="col-12 text-left m-t-10 m-b-10">
<div class="font-heading fs-12">
<div class="font-heading fs-14">
<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-10">{{supplier.name}}</div>
<div class="font-heading fs-12">{{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-10">{{currency.short_code}}</div>
<div class="font-heading fs-12">{{currency.short_code}}</div>
</div>
</div>
</div>
resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+4 -4
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-10"></i>&nbsp;{{this.company_details.employee ? this.company_details.employee.email : ""}}</label>
<label><i class="fa fa-envelope text-primary fs-12"></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-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.email : ""}}</label>
<label><i class="fa fa-envelope text-primary fs-12"></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-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
<label><i class="fa fa-phone text-primary fs-12"></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>
@@ -30,7 +30,7 @@
<document-file-viewer-component :file="file">
<template slot="button">
<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>
<i class="fa fa-file-image-o fs-12"></i>
</div>
</template>
</document-file-viewer-component>
resources/assets/vue/components/companies/elements/CustomerProfileComponent.vue
+3 -3
View File
@@ -25,7 +25,7 @@
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-10 muted">
<div class="font-heading fs-12 muted">
CIEF/{{item.reference}}
</div>
</div>
@@ -34,7 +34,7 @@
</div>
</div>
<div class="col-auto p-l-0">
<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}]">
<div class="font-heading fs-12 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-10 lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
<div class="font-heading fs-12 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
+3 -3
View File
@@ -13,10 +13,10 @@
</div>
<div class="row align-items-center">
<div class="col-auto p-r-0">
<i class="fa fa-address-card fs-12 m-b-5 muted"></i>
<i class="fa fa-address-card fs-14 m-b-5 muted"></i>
</div>
<div class="col p-l-5">
<div class="muted bold fs-10">+{{item.owner.contact.country_code}} {{parseInt(item.owner.contact.phone, 10)}}</div>
<div class="muted bold fs-12">+{{item.owner.contact.country_code}} {{parseInt(item.owner.contact.phone, 10)}}</div>
</div>
</div>
</div>
@@ -82,7 +82,7 @@
<document-file-viewer-component :file="file">
<template slot="button">
<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>
<i class="fa fa-file-image-o fs-12"></i>
</div>
</template>
</document-file-viewer-component>
resources/assets/vue/components/companies/elements/SupplierComponent.vue
+3 -3
View File
@@ -18,7 +18,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{item.name}}</div>
<div class="font-heading all-caps fs-12">{{item.name}}</div>
</div>
</div>
</div>
@@ -30,7 +30,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{stringifyCurrencies}}</div>
<div class="font-heading all-caps fs-12">{{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-10 hint-text muted">
<div class="font-heading all-caps fs-12 hint-text muted">
Bank Accounts
</div>
</div>
resources/assets/vue/components/companies/elements/VerificationWarningComponent.vue
+4 -4
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-12">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-14">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,13 +24,13 @@
</div>
</div>
<div class="col p-l-0">
<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 class="font-heading bold fs-12" :class="[{'text-danger': item.status !== 1}]">Identification Verification</div>
<div class="font-heading fs-12" :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-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 text-danger fs-12" 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>
resources/assets/vue/components/companies/forms/AssignSegmentFormComponent.vue
+1 -1
View File
@@ -12,7 +12,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-15">
resources/assets/vue/components/companies/forms/DetachSegmentFormComponent.vue
+1 -1
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
resources/assets/vue/components/companies/forms/IdentificationVerificationFormComponent.vue
+4 -4
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-12" v-model="parameters.identification_no">
<input type="text" class="form-control fs-14" v-model="parameters.identification_no">
</div>
</validation-wrapper-component>
</div>
@@ -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-12"><i class="fa fa-times text-white fs-12"></i></div>
<div class="icon-thumbnail btn-rounded icon-25 bg-danger fs-14"><i class="fa fa-times text-white fs-14"></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">
@@ -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-12"><i class="fa fa-times text-white fs-12"></i></div>
<div class="icon-thumbnail btn-rounded icon-25 bg-danger fs-14"><i class="fa fa-times text-white fs-14"></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">
@@ -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-12"><i class="fa fa-check text-white fs-12"></i></div>
<div class="icon-thumbnail btn-rounded icon-25 bg-success fs-14"><i class="fa fa-check text-white fs-14"></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">
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-10 muted all-caps">Company</div>
<div class="font-heading fs-12 muted all-caps">Company</div>
</div>
<div class="col-2 text-center">
<div class="font-heading fs-10 muted all-caps">Booking</div>
<div class="font-heading fs-12 muted all-caps">Booking</div>
</div>
<div class="col-3 text-right pull-right">
<div class="font-heading fs-10 muted all-caps">Action</div>
<div class="font-heading fs-12 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
+6 -6
View File
@@ -16,7 +16,7 @@
<div class="col-7">
<div class="row">
<div class="col m-r-5">
<div class="row fs-12 text-center">
<div class="row fs-14 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-12 m-t-5">Transfers</div>
<div class="fs-14 m-t-5">Transfers</div>
</div>
</div>
</div>
</div>
</div>
<div class="col m-r-5">
<div class="row fs-12 text-center">
<div class="row fs-14 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-12 m-t-5">Billing</div>
<div class="fs-14 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-12 text-center">
<div class="row fs-14 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-12 m-t-5">Customer Profile</div>
<div class="fs-14 m-t-5">Customer Profile</div>
</div>
</div>
</div>
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-10 hint-text muted">
<div class="font-heading all-caps fs-12 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-10">
<i class="fa fs-10 fa-check"></i>
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-12">
<i class="fa fs-12 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-12 text-center">
<div class="row fs-14 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-12 m-t-5">My Transfers</div>
<div class="fs-14 m-t-5">My Transfers</div>
</div>
</div>
</div>
</div>
</div>
<div class="col m-r-5">
<div class="row fs-12 text-center">
<div class="row fs-14 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-12 m-t-5">Pending Payments</div>
<div class="fs-14 m-t-5">Pending Payments</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row fs-12 text-center">
<div class="row fs-14 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-12 m-t-5">Purchase Orders</div>
<div class="fs-14 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-12 text-center">
<div class="row fs-14 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-12 m-t-5">Complete Orders</div>
<div class="fs-14 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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
</template>
resources/assets/vue/components/general/elements/SearchComponent.vue
+3 -3
View File
@@ -14,11 +14,11 @@
<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-10">Filters</small>
<small class="all-caps muted fs-12">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-10">Advance</small></div>
<div class="col-auto p-r-0"><small class="all-caps fs-12">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>
@@ -26,7 +26,7 @@
<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-10 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-12 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
+1 -1
View File
@@ -11,7 +11,7 @@
<validation-error-component :validator="validator"></validation-error-component>
</div>
<div class="col-auto">
<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="fs-14 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>
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-12 hint-text" style="letter-spacing: 1px;">Drag and drop files here</div>
<div class="all-caps fs-14 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-10 hint-text muted">Or</div>
<div class="col-auto all-caps fs-12 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-12 hint-text" style="letter-spacing: 1px;">Drag and drop files here</div>
<div class="all-caps fs-14 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-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>'
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-12" 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-10">
<div v-if="validator.$error" class="text-danger fs-12">
<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-10 all-caps muted">Add Currency</div>
<div class="font-heading fs-12 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-10">
<i class="fa fs-10 fa-check"></i>
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-12">
<i class="fa fs-12 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-10 hint-text muted">
<div class="font-heading all-caps fs-12 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-10 muted">{{item.currency_object.short_code}}</div>
<div class="font-heading fs-12 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-10 muted">{{item.currency_object.short_code}}</div>
<div class="font-heading fs-12 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-10 hint-text muted">
<div class="font-heading all-caps fs-12 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-10 icon-25 bg-master-lighter requestModal" data-type="deleteCurrency">
<i class="fa fa-times fs-10 m-b-5"></i>
<div class="icon-thumbnail pointer hint-text fs-12 icon-25 bg-master-lighter requestModal" data-type="deleteCurrency">
<i class="fa fa-times fs-12 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-10 all-caps">{{this.item.country.name}}</div>
<div class="font-heading fs-12 all-caps">{{this.item.country.name}}</div>
</div>
</div>
</template>
resources/assets/vue/components/settings/elements/SegmentComponent.vue
+2 -2
View File
@@ -18,7 +18,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{item.name}}</div>
<div class="font-heading all-caps fs-12">{{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-10 hint-text muted">
<div class="font-heading all-caps fs-12 hint-text muted">
Segment Services
</div>
</div>
resources/assets/vue/components/settings/elements/SegmentServiceComponent.vue
+2 -2
View File
@@ -16,7 +16,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{item.name}}</div>
<div class="font-heading all-caps fs-12">{{item.name}}</div>
</div>
</div>
</div>
@@ -28,7 +28,7 @@
</div>
<div class="row">
<div class="col">
<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 class="font-heading all-caps fs-12" :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
+2 -2
View File
@@ -16,7 +16,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{item.name}}</div>
<div class="font-heading all-caps fs-12">{{item.name}}</div>
</div>
</div>
</div>
@@ -28,7 +28,7 @@
</div>
<div class="row">
<div class="col">
<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 class="font-heading all-caps fs-12" :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/forms/AddCurrencyFormComponent.vue
+1 -1
View File
@@ -12,7 +12,7 @@
</div>
<div class="row m-b-5 animate__animated animate__fadeInUpBig animate__fast" v-if="error">
<div class="col">
<small class="bold fs-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-15">
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/components/settings/forms/DeleteCurrencyFormComponent.vue
+1 -1
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
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-12">Full Name</div>
<div class="fs-14">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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row">
resources/assets/vue/components/settings/forms/PaymentAttemptLimitFormComponent.vue
+1 -1
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-10 all-caps muted">Set the payment grace duration before the attempts expires</div>
<div class="font-heading fs-12 all-caps muted">Set the payment grace duration before the attempts expires</div>
</div>
</div>
<div class="row justify-content-center m-b-20">
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue
+12 -12
View File
@@ -7,20 +7,20 @@
<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-10 muted">Create a new exchange service</div>
<div class="font-heading fs-12 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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-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 class="icon-thumbnail fs-14 icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.active}, {'bg-white': !parameters.configurations.active}]">
<i class="fa fa-check fs-14 text-white"></i>
</div>
</div>
<div class="col p-l-0 p-r-25">
@@ -32,7 +32,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-10 hint-text muted">
<div class="font-heading all-caps fs-12 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-12 bg-danger padding-5" @click="activateCustomField('tax', false)"></i>
<i class="fa fa-times text-white pointer fs-14 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-12 bg-danger padding-5" @click="activateCustomField('service_charge', false)"></i>
<i class="fa fa-times text-white pointer fs-14 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-12 bg-danger padding-5" @click="activateCustomField('minimum_charge', false)"></i>
<i class="fa fa-times text-white pointer fs-14 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-10 muted">MYR</div>
<div class="font-heading fs-12 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-12 bg-danger padding-5" @click="activateCustomField('po_limit', false)"></i>
<i class="fa fa-times text-white pointer fs-14 bg-danger padding-5" @click="activateCustomField('po_limit', false)"></i>
</div>
</validation-wrapper-component>
</div>
@@ -119,7 +119,7 @@
<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-12 bg-danger padding-5" @click="activateCustomField('bank_id', false)"></i>
<i class="fa fa-times text-white pointer fs-14 bg-danger padding-5" @click="activateCustomField('bank_id', false)"></i>
</div>
</validation-wrapper-component>
</div>
@@ -137,7 +137,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-10 hint-text muted">
<div class="font-heading all-caps fs-12 hint-text muted">
Currencies Settings
</div>
</div>
resources/assets/vue/components/settings/forms/ServiceFormComponent.vue
+9 -9
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-10 muted">Create a new exchange service</div>
<div class="font-heading fs-12 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-10 text-danger">{{error}}</small>
<small class="bold fs-12 text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-20">
@@ -25,8 +25,8 @@
<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-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 class="icon-thumbnail fs-14 icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.billable}, {'bg-white': !parameters.configurations.billable}]">
<i class="fa fa-check fs-14 text-white"></i>
</div>
</div>
<div class="col p-l-0 p-r-25">
@@ -38,8 +38,8 @@
<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-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 class="icon-thumbnail fs-14 icon-25 btn-rounded" :class="[{'bg-success': parameters.configurations.active}, {'bg-white': !parameters.configurations.active}]">
<i class="fa fa-check fs-14 text-white"></i>
</div>
</div>
<div class="col p-l-0 p-r-25">
@@ -51,7 +51,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-10 hint-text muted">
<div class="font-heading all-caps fs-12 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-10 muted">MYR</div>
<div class="font-heading fs-12 muted">MYR</div>
</div>
</div>
</div>
@@ -112,7 +112,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-10 hint-text muted">
<div class="font-heading all-caps fs-12 hint-text muted">
Currencies Settings
</div>
</div>
resources/assets/vue/components/user/elements/UserComponent.vue
+2 -2
View File
@@ -15,7 +15,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{item.name}}</div>
<div class="font-heading all-caps fs-12">{{item.name}}</div>
</div>
</div>
</div>
@@ -27,7 +27,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-10">{{item.email}}</div>
<div class="font-heading all-caps fs-12">{{item.email}}</div>
</div>
</div>
</div>
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-10 text-danger">{{error}}</small>
<small class="bold fs-12 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-12 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-14 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
+1 -1
View File
@@ -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-12 all-caps m-b-20 lh-25">You've Decided To join Us</div>
<div class="font-heading text-white fs-14 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
+1 -1
View File
@@ -34,7 +34,7 @@
<div class="col font-lato p-l-50">
<div class="row">
<div class="col">
<p class="all-caps fs-10 m-b-5" style="letter-spacing: 2px;">Support:</p>
<p class="all-caps fs-12 m-b-5" style="letter-spacing: 2px;">Support:</p>
</div>
</div>
<div class="row">
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-10 hint-text">
<div class="font-heading all-caps fs-12 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-10">active Transfers</small>
<small class="all-caps muted fs-12">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-10">Complete Transfers</small>
<small class="all-caps muted fs-12">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-12 text-center">
<div class="row fs-14 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-12 m-t-5 all-caps">Payments</div>
<div class="fs-14 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-12 text-center">
<div class="row fs-14 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-12 m-t-5 all-caps">Supplier Bills</div>
<div class="fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 w-50">Purchase CODE #2345</td>
<td class="font-montserrat all-caps fs-14 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-12 text-center">
<div class="row fs-14 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-12 m-t-5 all-caps">Currency Orders</div>
<div class="fs-14 m-t-5 all-caps">Currency Orders</div>
</div>
</div>
</div>
</div>
</div>
<div class="col m-r-5">
<div class="row fs-12 text-center">
<div class="row fs-14 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-12 m-t-5 all-caps">Payment Proof</div>
<div class="fs-14 m-t-5 all-caps">Payment Proof</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row fs-12 text-center">
<div class="row fs-14 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-12 m-t-5 all-caps">Purchase Orders</div>
<div class="fs-14 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-10">Pending Verification</small>
<small class="all-caps muted fs-12">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-10">Pending Submission</small>
<small class="all-caps muted fs-12">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-12 text-center m-b-20">
<div class="row fs-14 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-12 text-warning bold">- 0.0%
<div class="fs-14 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-12 bold text-white">RMB</div>
<div class="fs-14 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-12 hint-text text-white">USD</div>
<div class="fs-14 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-12 hint-text text-white">SGD</div>
<div class="fs-14 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-10 all-caps text-complete-light">Customer Verification</div>
<div class="font-heading fs-12 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-10">Complete Payments</small>
<small class="all-caps muted fs-12">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-10">Complete Currency Orders</small>
<small class="all-caps muted fs-12">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-10 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-12 muted" style=" letter-spacing: 1px; ">Copyright © 2021 CIEF Exchange. All rights reserved.</small>
</div>
</div>
</div>
resources/views/partials/header.blade.php
+9 -9
View File
@@ -14,7 +14,7 @@
</div>
<div class="row">
<div class="col">
<div class="m-t-5 all-caps fs-10 text-white hint-text">Overseas Transfers Management</div>
<div class="m-t-5 all-caps fs-12 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-12">Dashboard</div></a>
<a href="{{route('dashboard')}}"><div class="text-white all-caps fs-14">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-12">Payments & Billing</div>
<div class="text-white all-caps fs-14">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-12">Transfers</div>
<div class="text-white all-caps fs-14">Transfers</div>
</a>
</div>
<div class="col-auto p-r-20 hide">
<div class="text-white all-caps fs-12">Payments & Billing</div>
<div class="text-white all-caps fs-14">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-12">Bank Accounts</div></a>
<a href="{{route('banks')}}"><div class="text-white all-caps fs-14">Bank Accounts</div></a>
</div>
</div>
</div>
@@ -51,14 +51,14 @@
<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-12 text-primary-lighter"></i>
<i class="fa fa-bell fs-14 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-12 text-primary-lighter">Hi, <span v-text="$store.getters.getUserName.split(' ').slice(0,2).join(' ')"></span>!</div>
<div class="fs-14 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);">
@@ -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-12 text-primary-lighter"></i>
<i class="fa fa-cog fs-14 text-primary-lighter"></i>
</div>
</div>
</a>