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:32:58 +08:00
parent 318ff478d4
commit b4a7fcd6fe
69 changed files with 297 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/accounts/elements/LoginFormComponent.vue
+1 -1
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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row">
resources/assets/vue/components/accounts/forms/ForgetPasswordFormComponent.vue
+1 -1
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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-l-0" v-show="!$store.getters.isShowing('forgetPasswordSuccess')">
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-12 scalled">
<div class="row text-center fs-14 scalled scalled">
<div class="col">
<div class="row">
<div class="col-auto p-r-0">
resources/assets/vue/components/accounts/forms/ResetPasswordFormComponent.vue
+1 -1
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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-l-0 m-b-10 animate__animated animate__fadeInUpBig">
resources/assets/vue/components/accounts/sections/OnboardingSectionComponent.vue
+1 -1
View File
@@ -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-12 scalled muted">Just few more steps and you can start transferring money overseas</div>
<div class="font-heading fs-14 scalled scalled 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
+1 -1
View File
@@ -12,7 +12,7 @@
<div class="col">
<div class="row">
<div class="col">
<span class="fs-12 scalled muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state.name}} {{address.post_code}} {{address.country.name}}</span>
<span class="fs-14 scalled scalled muted">{{address.street_one}} {{address.street_two}} {{address.city}} {{address.state.name}} {{address.post_code}} {{address.country.name}}</span>
</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-12 scalled">Default Billing Address</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading all-caps bold fs-14 scalled scalled">Default Billing Address</div>
<div class="font-heading fs-14 scalled scalled">
{{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-12 scalled all-caps">List of Address </div>
<div class="fs-14 scalled scalled 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-12 scalled lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-14 scalled scalled 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-12 scalled muted"><b class="m-r-5 text-primary">{{selectedAddress.post_code}}</b> {{selectedAddress.district.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled muted"><b class="m-r-5 text-primary">{{selectedAddress.post_code}}</b> {{selectedAddress.district.name}}</div>
</div>
</div>
</div>
@@ -69,13 +69,13 @@
<div class="col">
<div class="row">
<div class="col">
<!-- <div class="font-heading bold lh-15 fs-12 scalled">{{address.post_code ? address.post_code + ' - ':''}}{{address.post_code}}</div> -->
<div class="font-heading bold lh-15 fs-12 scalled">{{address.street_one}}{{selectedAddress.street_two ? ', ': ''}}{{address.street_two}}</div>
<!-- <div class="font-heading bold lh-15 fs-14 scalled scalled">{{address.post_code ? address.post_code + ' - ':''}}{{address.post_code}}</div> -->
<div class="font-heading bold lh-15 fs-14 scalled scalled">{{address.street_one}}{{selectedAddress.street_two ? ', ': ''}}{{address.street_two}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled muted"><b class="m-r-5 text-primary">{{address.post_code}}</b> {{address.district.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled muted"><b class="m-r-5 text-primary">{{address.post_code}}</b> {{address.district.name}}</div>
</div>
</div>
</div>
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-12 scalled">{{item.created_at}}</div>
<div class="font-heading fs-14 scalled scalled">{{item.created_at}}</div>
</div>
</div>
</div>
@@ -22,7 +22,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled">{{item.title | truncate(20)}}</div>
<div class="font-heading fs-14 scalled scalled">{{item.title | truncate(20)}}</div>
</div>
</div>
</div>
@@ -34,7 +34,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled">{{item.description | truncate(15)}}</div>
<div class="font-heading fs-14 scalled scalled">{{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-12 scalled lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
<div class="font-heading fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled"><i>{{item.created_at}}</i></label>-->
<!--<label class="float-right fs-14 scalled scalled"><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-12 scalled muted all-caps">Announcement</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Announcement</div>
</div>
<div class="col-2 text-right pull-right">
<div class="font-heading fs-12 scalled muted all-caps">Action</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted">{{item.bank_name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled muted">{{item.bank_name}}</div>
</div>
</div>
</div>
<div class="col">
<div class="font-heading fs-12 scalled">{{item.holder_name}}</div>
<div class="font-heading fs-14 scalled scalled">{{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-12 scalled" v-if="item.company_business_type !== 1 && item.default">Set As Default</div>
<div class="bg-master-lighter p-t-10 p-b-10 p-r-15 p-l-15 muted hint-text fs-14 scalled scalled" 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10" v-if="type === 2">
resources/assets/vue/components/bookings/elements/BookingComponent.vue
+7 -7
View File
@@ -16,38 +16,38 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled muted">{{this.item.created_at}}</div>
<div class="font-heading all-caps fs-14 scalled scalled muted">{{this.item.created_at}}</div>
</div>
</div>
</div>
<div class="col" v-if="$store.getters.isAdmin">
<div class="font-heading fs-12 scalled muted all-caps">Marking</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-16 scalled">
<a :href="route('customer.profile', item.company.reference)">{{this.item.company.reference}}</a>
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Currency</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-16 scalled bold">
<span class="flag-icon fs-16 scalled" :class="'flag-icon-'+item.convertible_currency.country.short_code.toLowerCase()"></span> {{this.item.convertible_currency.short_code}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Transfer Type</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted all-caps">Payable Amount</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted all-caps">status</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted all-caps">Billing</div>
<div class="font-heading fs-14 scalled scalled 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
+21 -21
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-12 scalled">Transfer Summary</div>
<div class="font-heading all-caps bold fs-14 scalled scalled">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-12 scalled">{{this.data.serviceType.name}}</div>
<div class="font-heading fs-14 scalled scalled">{{this.data.serviceType.name}}</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-12 scalled">Recipient Details</div>
<div class="font-heading all-caps bold fs-14 scalled scalled">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-12 scalled all-caps">Recipient Bank Account</div>-->
<!--<div class="fs-14 scalled scalled 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-12 scalled lh-15 hint-text"></i>-->
<!--<i class="fa fa-info-circle fs-14 scalled scalled 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-12 scalled">Transfer Amount and Charges</div>
<div class="font-heading all-caps bold fs-14 scalled scalled">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-12 scalled all-caps">Amount you are Transferring</div>
<div class="font-heading fs-14 scalled scalled all-caps">Amount you are Transferring</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-12 scalled bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
<div class="font-heading fs-14 scalled scalled bold">{{this.parameters.type === 0 ? 'MYR': parameters.serviceType.selectedCurrency.short_code}}</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-12 scalled bold">{{(Math.round((parseFloat(this.parameters.amount.replace(",", ""))+ Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled all-caps text-primary">Exchange Rate</div>
<div class="font-heading fs-14 scalled scalled all-caps text-primary">Exchange Rate</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-12 scalled"></div>
<div class="font-heading fs-14 scalled scalled"></div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-12 scalled text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
<div class="font-heading fs-14 scalled scalled text-primary bold">{{(Math.round((this.parameters.calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5)}}</div>
</div>
</div>
<div class="row align-items-end bg-master-lightest p-t-10 p-b-10">
<div class="col">
<div class="font-heading fs-12 scalled all-caps">Money Transfer Fee</div>
<div class="font-heading fs-14 scalled scalled all-caps">Money Transfer Fee</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-12 scalled">MYR</div>
<div class="font-heading fs-14 scalled scalled">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-12 scalled">{{(Math.round((this.parameters.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled">{{(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-12 scalled all-caps">Sub-Total</div>
<div class="font-heading fs-14 scalled scalled all-caps">Sub-Total</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-12 scalled">MYR</div>
<div class="font-heading fs-14 scalled scalled">MYR</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-12 scalled">{{(Math.round((this.parameters.calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled">{{(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-12 scalled all-caps">Tax</div>
<div class="font-heading fs-14 scalled scalled all-caps">Tax</div>
</div>
<div class="col-1 no-padding text-center">
<div class="font-heading fs-12 scalled">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
<div class="font-heading fs-14 scalled scalled">{{Math.round((this.parameters.calculation.tax + Number.EPSILON) * 100) / 100}}%</div>
</div>
<div class="col-3 text-right">
<div class="font-heading fs-12 scalled">{{(Math.round((this.parameters.calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled">{{(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/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-12 scalled bold">{{item.created_at}}</div>
<div class="text-primary fs-14 scalled scalled bold">{{item.created_at}}</div>
</div>
</div>
<div class="row align-items-center">
<div class="col">
<div class="muted fs-12 scalled">{{item.owner.name}}</div>
<div class="muted fs-14 scalled scalled">{{item.owner.name}}</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
+9 -9
View File
@@ -7,33 +7,33 @@
<div class="col p-t-5 p-b-5">
<div class="row">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Reference</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<a :href="route('booking.details', item.booking.marking)">
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled">
{{item.booking.marking}}
</div>
</a>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Date</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
{{item.updated_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Marking</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-14 scalled scalled">
{{item.booking.company.reference}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Currency</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-14 scalled scalled">
<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-12 scalled muted all-caps">Amount</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Amount</div>
<div class="font-heading fs-16 scalled text-success bold">
{{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
resources/assets/vue/components/bookings/elements/PaymentVerificationComponent.vue
+13 -13
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-12 scalled muted all-caps">Reference</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<div class="font-heading fs-14 scalled scalled">
{{item.bill_no}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Transfer No.</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Transfer No.</div>
<a :href="route('booking.details', item.booking.marking)">
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled">
{{item.booking.marking}}
</div>
</a>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Marking</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
<div class="font-heading fs-14 scalled scalled">
{{item.booking.company.reference}}
</div>
</div>
<div class="col text-right">
<div class="font-heading fs-12 scalled muted all-caps">Date</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
{{item.documents.created_at}}
</div>
</div>
</div>
<div class="row m-t-10">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Payment Proof</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled"></i>
<i class="fa fa-file-image-o fs-14 scalled scalled"></i>
</div>
</template>
</document-file-viewer-component>
@@ -52,14 +52,14 @@
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Amount</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Amount</div>
<div class="font-heading fs-16 scalled 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-12 scalled muted all-caps">Original</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Original</div>
<div class="font-heading fs-14 scalled scalled">
{{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
+6 -6
View File
@@ -5,26 +5,26 @@
<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-12 scalled btn-rounded icon-thumbnail icon-25 m-r-0" :class="[{'bg-primary': active}, {'bg-transparent': !active}]">
<div class="b-grey b-a fs-14 scalled scalled btn-rounded icon-thumbnail icon-25 m-r-0" :class="[{'bg-primary': active}, {'bg-transparent': !active}]">
<i class="fa fa-check text-white fs-16 scalled fa-fw"></i>
</div>
</div>
<div class="col p-t-5 p-b-5">
<div class="row">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Date</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
{{item.updated_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Currency</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
<div class="font-heading fs-14 scalled scalled">
<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-12 scalled muted all-caps">Amount</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Amount</div>
<div class="font-heading fs-16 scalled text-success bold">
{{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
+7 -7
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-12 scalled muted">We apologise for any inconvenience. In the mean time feel free to manage your existing transfers as usual, We will be back soon.</div>
<div class="font-heading fs-14 scalled scalled muted">We apologise for any inconvenience. In the mean time feel free to manage your existing transfers as usual, We will be back soon.</div>
</div>
</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-12 scalled all-caps">Service Type</div>
<div class="fs-14 scalled scalled 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-12 scalled lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-14 scalled scalled 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-12 scalled">{{service.name}}</div>
<div class="font-heading fs-14 scalled scalled">{{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-12 scalled all-caps">Payment Type</div>
<div class="fs-14 scalled scalled 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-12 scalled lh-15 hint-text"></i>
<i class="fa fa-info-circle fs-14 scalled scalled lh-15 hint-text"></i>
</div>
</div>
</div>
@@ -126,7 +126,7 @@
<div class="font-heading fs-16 scalled 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-12 scalled">You are unable to create a new transfer order until you upload your identification document for verification. You can verify your identity by clicking on the button below</div>
<div class="font-heading fs-14 scalled scalled">You are unable to create a new transfer order until you upload your identification document for verification. You can verify your identity by clicking on the button below</div>
</div>
</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
+29 -29
View File
@@ -10,7 +10,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled bold">{{this.data.conversion_currency.short_code}}</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled bold">{{this.data.convertible_currency.short_code}}</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted">Recipient Bank Details</div>
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled small">{{item.bank.bank_name}} <span class="m-l-5">({{item.bank.bank_branch}})</span></div>
<div class="font-heading all-caps fs-14 scalled scalled small">{{item.bank.bank_name}} <span class="m-l-5">({{item.bank.bank_branch}})</span></div>
</div>
</div>
</div>
@@ -67,7 +67,7 @@
<div class="col">
<div class="row align-items-end m-b-10 text-complete">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">Transfer Total:</div>
<div class="font-heading all-caps fs-14 scalled scalled">Transfer Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
@@ -75,7 +75,7 @@
</div>
<div class="row align-items-end m-b-10 text-success">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">Paid Total:</div>
<div class="font-heading all-caps fs-14 scalled scalled">Paid Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.paid_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
@@ -83,7 +83,7 @@
</div>
<div class="row align-items-end m-b-10 ">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">Floating Amount:</div>
<div class="font-heading all-caps fs-14 scalled scalled">Floating Amount:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.floating_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
@@ -91,7 +91,7 @@
</div>
<div class="row align-items-end bold text-danger">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">OutStanding Total:</div>
<div class="font-heading all-caps fs-14 scalled scalled">OutStanding Total:</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round((this.data.outstanding_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
@@ -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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled">Bank Transfer</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">Cash Deposit</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">Cheque</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">Banker's Acceptance</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled muted">{{this.data.fixed_currency.short_code}}</div>
<div class="font-heading fs-14 scalled scalled muted">{{this.data.fixed_currency.short_code}}</div>
</div>
</div>
</div>
@@ -208,63 +208,63 @@
<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-12 scalled">Outstanding</div>
<div class="font-heading all-caps fs-14 scalled scalled">Outstanding</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled">{{this.data.fixed_currency.short_code}} {{(Math.round(((this.data.amount - parseFloat(amount.replace(',', '')))+ Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-14 scalled scalled">{{this.data.fixed_currency.short_code}} {{(Math.round(((this.data.amount - parseFloat(amount.replace(',', '')))+ Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end m-b-10 text-success bold">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">Recipient Gets</div>
<div class="font-heading all-caps fs-14 scalled scalled">Recipient Gets</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled">{{this.data.convertible_currency.short_code}} {{(Math.round((calculation.foreign_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-14 scalled scalled">{{this.data.convertible_currency.short_code}} {{(Math.round((calculation.foreign_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
</div>
</div>
<div class="row align-items-end bold m-b-10 text-primary">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">Rate</div>
<div class="font-heading all-caps fs-14 scalled scalled">Rate</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled ">{{(Math.round((calculation.rate + Number.EPSILON) * 100000) / 100000).toFixed(5) }}</div>
<div class="font-heading fs-14 scalled scalled ">{{(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-12 scalled">You are sending</div>
<div class="font-heading all-caps fs-14 scalled scalled">You are sending</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled">MYR {{(Math.round((calculation.local_total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">Transfer Charges</div>
<div class="font-heading all-caps fs-14 scalled scalled">Transfer Charges</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled">MYR {{(Math.round((calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">Sub Total</div>
<div class="font-heading all-caps fs-14 scalled scalled">Sub Total</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled">MYR {{(Math.round((calculation.sub_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">Tax {{(Math.round((calculation.tax + Number.EPSILON) * 10) / 10).toFixed(1)}}%</div>
<div class="font-heading all-caps fs-14 scalled scalled">Tax {{(Math.round((calculation.tax + Number.EPSILON) * 10) / 10).toFixed(1)}}%</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-12 scalled">MYR {{(Math.round((calculation.tax_total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="font-heading fs-14 scalled scalled">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-12 scalled">You are paying</div>
<div class="font-heading all-caps fs-14 scalled scalled">You are paying</div>
</div>
<div class="col-auto text-right">
<div class="font-heading fs-16 scalled">MYR {{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
resources/assets/vue/components/bookings/forms/ConfirmQuotationFormComponent.vue
+4 -4
View File
@@ -25,24 +25,24 @@
<div class="col-auto p-l-0">
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled text-primary bold">{{ calculation.bank.holder_name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled text-primary bold">{{ calculation.bank.holder_name}}</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled bold">{{ calculation.bank.bank_name}}: <span class="text-complete">{{ calculation.bank.account_no}}</span></div>
<div class="font-heading all-caps fs-14 scalled scalled bold">{{ calculation.bank.bank_name}}: <span class="text-complete">{{ calculation.bank.account_no}}</span></div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled bold">Bank In Amount: <span class="text-success">{{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} MYR</span></div>
<div class="font-heading all-caps fs-14 scalled scalled bold">Bank In Amount: <span class="text-success">{{(Math.round((calculation.total + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} MYR</span></div>
</div>
</div>
</div>
</div>
<div class="row m-b-20">
<div class="col">
<div class="font-heading text-danger fs-12 scalled m-b-5">Please upload your payment proof before the booking expires within {{calculation.payment_attempt_limit}}.</div>
<div class="font-heading text-danger fs-14 scalled scalled 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
+3 -3
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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row">
@@ -71,7 +71,7 @@
<div class="bg-master-light btn-rounded hint-text" style="width: 8px; height: 8px;"></div>
</div>
<div class="col-4 p-l-0 fs-16 scalled bold lh-20 hide">MYR {{(Math.round((this.calculation.service_charge + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-12 scalled hide">Transfer Fee</div>
<div class="col-auto all-caps fs-14 scalled scalled hide">Transfer Fee</div>
</div>
</div>
</div>
@@ -83,7 +83,7 @@
<div class="bg-master-light btn-rounded hint-text" style="width: 8px; height: 8px;"></div>
</div>
<div class="col-4 p-l-0 fs-16 scalled bold lh-20 hide">MYR {{(Math.round((this.calculation.total + Number.EPSILON) * 100) / 100).toFixed(2)}}</div>
<div class="col-auto all-caps fs-12 scalled hide">Payable Amount</div>
<div class="col-auto all-caps fs-14 scalled scalled hide">Payable Amount</div>
</div>
</div>
</div>
resources/assets/vue/components/bookings/forms/PaymentVerificationFormComponent.vue
+5 -5
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-12 scalled text-primary bold">{{data.booking.service.configurations.bank_info.holder_name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled bold">{{data.booking.service.configurations.bank_info.bank_name}}: <span class="text-complete">{{ data.booking.service.configurations.bank_info.account_no}}</span></div>
<div class="font-heading all-caps fs-14 scalled scalled bold">{{data.booking.service.configurations.bank_info.bank_name}}: <span class="text-complete">{{ data.booking.service.configurations.bank_info.account_no}}</span></div>
</div>
</div>
</div>
@@ -36,19 +36,19 @@
<div class="col">
<div class="row align-items-top">
<div class="col">
<div class="font-heading fs-12 scalled muted all-caps">You are Paying</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted all-caps">Rate</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Rate</div>
<div class="font-heading fs-16 scalled bold">
{{(Math.round((data.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Recipient Gets</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Recipient Gets</div>
<div class="font-heading fs-16 scalled 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>
resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+25 -25
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-12 scalled"></div>
<div class="font-heading all-caps fs-14 scalled scalled"></div>
</div>
<div class="col p-r-10">
<div class="font-heading all-caps fs-12 scalled muted">Stock Code</div>
<div class="font-heading all-caps fs-14 scalled scalled muted">Stock Code</div>
</div>
<div class="col-4 p-r-5 p-l-10">
<div class="font-heading all-caps fs-12 scalled muted">description</div>
<div class="font-heading all-caps fs-14 scalled scalled muted">description</div>
</div>
<div class="col text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-12 scalled muted">quantity</div>
<div class="font-heading all-caps fs-14 scalled scalled muted">quantity</div>
</div>
<div class="col text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-12 scalled muted">Unit Price</div>
<div class="font-heading all-caps fs-14 scalled scalled muted">Unit Price</div>
</div>
<div class="col-1 text-center p-r-5 p-l-10">
<div class="font-heading all-caps fs-12 scalled muted"></div>
<div class="font-heading all-caps fs-14 scalled scalled muted"></div>
</div>
<div class="col-1 text-right p-r-5 p-l-10">
<div class="font-heading all-caps fs-12 scalled muted">Total</div>
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled"></div>
<div class="font-heading all-caps fs-14 scalled scalled"></div>
</div>
<div class="col p-r-5">
<input type="text" class="form-control fs-12 scalled b-rad-none" placeholder="Stock Code" v-model="product.stockCode" />
<input type="text" class="form-control fs-14 scalled scalled 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-12 scalled b-rad-none" placeholder="Description" rows="1" v-model="product.description"></textarea>
<textarea class="form-control fs-14 scalled scalled 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-12 scalled b-rad-none text-center" placeholder="Quantity" v-model.lazy="product.quantity" v-mask="'#########'"/>
<input type="text" class="form-control fs-14 scalled scalled 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-12 scalled b-rad-none text-center" placeholder="Unit Price" v-model.lazy="product.unit_price" v-money="productPrice" />
<input type="text" class="form-control fs-14 scalled scalled 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-12 scalled">{{data.fixed_currency.short_code}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{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-12 scalled">{{(Math.round((productTotal + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{(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-12 scalled">{{index + 1}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{index + 1}}</div>
</div>
<div class="col p-r-5">
<div class="font-heading all-caps fs-12 scalled">{{product.stockCode}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{product.stockCode}}</div>
</div>
<div class="col-4 p-r-5 p-l-5">
<div class="font-heading all-caps fs-12 scalled">{{product.description}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{product.description}}</div>
</div>
<div class="col text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-12 scalled">{{product.quantity}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{product.quantity}}</div>
</div>
<div class="col text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-12 scalled">{{product.unit_price}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{product.unit_price}}</div>
</div>
<div class="col-1 text-center p-r-5 p-l-5">
<div class="font-heading all-caps fs-12 scalled">{{data.fixed_currency.short_code}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{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-12 scalled">{{(Math.round((product.total + Number.EPSILON) * 100) / 100).toFixed(2) }}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{(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>
@@ -107,8 +107,8 @@
<div class="font-heading fs-16 scalled 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-12 scalled m-b-10">If your Purchase Order total amount doesn't match your transfer total amount we are unable to confirm your purchase order and generate the invoice for you, this usually happen when you pay for your purchase order with multiple transfer orders.</div>
<div class="font-heading fs-12 scalled">But don't worry you can always merge your transfer orders into one to complete your purchase order successfully and generate your invoice.</div>
<div class="font-heading fs-14 scalled scalled m-b-10">If your Purchase Order total amount doesn't match your transfer total amount we are unable to confirm your purchase order and generate the invoice for you, this usually happen when you pay for your purchase order with multiple transfer orders.</div>
<div class="font-heading fs-14 scalled scalled">But don't worry you can always merge your transfer orders into one to complete your purchase order successfully and generate your invoice.</div>
</div>
</div>
<!--link to merge: route('booking.merge',this.data.marking) -->
@@ -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-12 scalled">** you purchase order will be saved but wont be approved until your <span class="text-danger bold all-caps">purchase order's total</span> matches your <span class="text-success bold all-caps">transfer order's total</span>.</div>
<div class="fs-14 scalled scalled">** you purchase order will be saved but wont be approved until your <span class="text-danger bold all-caps">purchase order's total</span> matches your <span class="text-success bold all-caps">transfer order's total</span>.</div>
</div>
</div>
</div>
@@ -151,7 +151,7 @@
<div class="font-heading fs-16 scalled all-caps bold m-b-15">Your Purchase Order {{data.purchase_order.status === 1 ? 'is Being Processed for Verification' : 'has been Approved' }}</div>
<div class="row m-b-15">
<div class="col">
<div class="font-heading fs-12 scalled">If you would like to still edit your Purchase Order you can do that by clicking on the edit button below, but your purchase order verification request will be reset.</div>
<div class="font-heading fs-14 scalled scalled">If you would like to still edit your Purchase Order you can do that by clicking on the edit button below, but your purchase order verification request will be reset.</div>
</div>
</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-12 scalled">Supplier:</div>
<div class="font-heading all-caps fs-14 scalled scalled">Supplier:</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled">{{this.supplier.name}}</div>
<div class="font-heading fs-14 scalled scalled">{{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-12 scalled">Order Total:</div>
<div class="font-heading all-caps fs-14 scalled scalled">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-12 scalled">Rate:</div>
<div class="font-heading all-caps fs-14 scalled scalled">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-12 scalled">Payment Total:</div>
<div class="font-heading all-caps fs-14 scalled scalled">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-12 scalled btn-block" @click="submitForm()">Create Order</button>
<button class="btn btn-xs btn-success b-rad-none p-t-5 p-b-5 all-caps fs-14 scalled scalled 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-12 scalled">Download Supplier Order Summary</div>
<div class="font-heading fs-14 scalled scalled">Download Supplier Order Summary</div>
</div>
</div>
<div class="row">
resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+25 -25
View File
@@ -135,30 +135,30 @@
<div class="col-4">
<div class="row">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Date</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
{{booking.created_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Reference</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<div class="font-heading fs-14 scalled scalled">
{{booking.marking}}
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-12 scalled text-info">
<div class="font-heading fs-14 scalled scalled muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-14 scalled scalled text-info">
{{booking.company.identification ? booking.company.identification.reference: ''}}
</div>
</div>
<div class="col">
<div class="row align-items-end">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Contact</div>
<div class="font-heading fs-12 scalled bold">
<div class="font-heading fs-14 scalled scalled muted all-caps">Contact</div>
<div class="font-heading fs-14 scalled scalled bold">
{{booking.company.contact ? booking.company.contact.phone: ''}}
</div>
</div>
@@ -170,16 +170,16 @@
</div>
<div class="row">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Bill To</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Bill To</div>
<div class="font-heading fs-14 scalled scalled">
{{booking.company.name}}
</div>
</div>
<div class="col">
<div class="row align-items-end">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Address</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Address</div>
<div class="font-heading fs-14 scalled scalled">
{{booking.company.address.street_one}} {{booking.company.address.street_two}}, {{booking.company.address.district.name}}, {{booking.company.address.post_code}} {{booking.company.address.state.name}}, {{booking.company.address.country.name}}
</div>
</div>
@@ -204,7 +204,7 @@
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-head fs-12 scalled all-caps">Payment Bookings</div>
<div class="font-head fs-14 scalled scalled all-caps">Payment Bookings</div>
</div>
</div>
<div class="row ">
@@ -221,26 +221,26 @@
<div class="row m-b-5">
<div class="col-auto">
<div class="font-heading fs-8 muted all-caps">Booked</div>
<div class="font-heading fs-12 scalled bold">
<div class="font-heading fs-14 scalled scalled bold">
{{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>
<div class="col-auto p-l-0">
<div class="font-heading fs-8 muted all-caps">Rate</div>
<div class="font-heading fs-12 scalled bold">
<div class="font-heading fs-14 scalled scalled bold">
{{(Math.round((item.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)}}
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-8 muted all-caps">Payable</div>
<div class="font-heading fs-12 scalled bold">
<div class="font-heading fs-14 scalled scalled bold">
{{item.currency.short_code}} {{(Math.round((item.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled text-danger">Expires On: {{item.expires_on}}</div>
<div class="font-heading fs-14 scalled scalled text-danger">Expires On: {{item.expires_on}}</div>
</div>
</div>
</div>
@@ -269,7 +269,7 @@
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-head fs-12 scalled all-caps">Expired Payment Bookings</div>
<div class="font-head fs-14 scalled scalled all-caps">Expired Payment Bookings</div>
</div>
</div>
<div class="row">
@@ -286,26 +286,26 @@
<div class="row m-b-5">
<div class="col-auto">
<div class="font-heading fs-8 text-white all-caps">Booked</div>
<div class="font-heading fs-12 scalled text-white bold">
<div class="font-heading fs-14 scalled scalled text-white bold">
{{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>
<div class="col-auto p-l-0">
<div class="font-heading fs-8 text-white all-caps">Rate</div>
<div class="font-heading fs-12 scalled text-white bold">
<div class="font-heading fs-14 scalled scalled text-white bold">
{{(Math.round((item.currency_rate + Number.EPSILON) * 10000) / 10000).toFixed(5)}}
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-8 text-white all-caps">Payable</div>
<div class="font-heading fs-12 scalled text-white bold">
<div class="font-heading fs-14 scalled scalled text-white bold">
{{item.original_currency.short_code}} {{(Math.round((item.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="font-heading fs-12 scalled text-white">Expired On: {{item.expires_on}}</div>
<div class="font-heading fs-14 scalled scalled text-white">Expired On: {{item.expires_on}}</div>
</div>
</div>
</div>
@@ -318,7 +318,7 @@
<div class="col">
<div class="row m-b-10">
<div class="col">
<div class="font-head fs-12 scalled all-caps">Payment History</div>
<div class="font-head fs-14 scalled scalled all-caps">Payment History</div>
</div>
</div>
<div class="row ">
@@ -328,13 +328,13 @@
<div class="row m-b-5">
<div class="col-auto">
<div class="font-heading fs-8 muted all-caps">Status</div>
<div class="font-heading fs-12 scalled bold" :class="[{'text-danger': item.status === 1 || item.status === 4}, {'text-success': item.status !== 1 && item.status !== 4}]">
<div class="font-heading fs-14 scalled scalled bold" :class="[{'text-danger': item.status === 1 || item.status === 4}, {'text-success': item.status !== 1 && item.status !== 4}]">
{{ item.status === 1 ? 'Pending Verification' : item.status === 2 ? 'Processing Payment' : item.status === 4 ? 'Rejected' : 'Transferred'}}
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-8 muted all-caps">Payment Amount</div>
<div class="font-heading fs-12 scalled bold">
<div class="font-heading fs-14 scalled scalled bold">
{{ item.type === 3 ? item.original_currency.short_code : item.currency.short_code}} {{(Math.round((item.type === 3 ? item.original_amount : item.amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
</div>
</div>
resources/assets/vue/components/bookings/sections/BookingMergeSectionComponent.vue
+17 -17
View File
@@ -31,32 +31,32 @@
<div class="col-10">
<div class="row m-b-15">
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Date</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Date</div>
<div class="font-heading fs-14 scalled scalled">
{{booking.created_at}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Reference</div>
<div class="font-heading fs-12 scalled">
<div class="font-heading fs-14 scalled scalled muted all-caps">Reference</div>
<div class="font-heading fs-14 scalled scalled">
{{booking.marking}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-12 scalled text-info">
<div class="font-heading fs-14 scalled scalled muted all-caps">{{booking.company.type === 1 ? 'SSM Registration No.' : 'Identification Card No.'}}</div>
<div class="font-heading fs-14 scalled scalled text-info">
{{booking.company.identification.reference}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Purchase Order Amount</div>
<div class="font-heading fs-12 scalled text-info" v-if="booking.purchase_order!==null">
<div class="font-heading fs-14 scalled scalled muted all-caps">Purchase Order Amount</div>
<div class="font-heading fs-14 scalled scalled text-info" v-if="booking.purchase_order!==null">
{{formatAmount(booking.purchase_order.amount)}}
</div>
</div>
<div class="col-auto">
<div class="font-heading fs-12 scalled muted all-caps">Booking Amount</div>
<div class="font-heading fs-12 scalled text-info">
<div class="font-heading fs-14 scalled scalled muted all-caps">Booking Amount</div>
<div class="font-heading fs-14 scalled scalled text-info">
{{formatAmount(booking.amount)}}
</div>
</div>
@@ -78,22 +78,22 @@
</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-12 scalled muted all-caps">Created At</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Created At</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-12 scalled muted all-caps">Marking</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Marking</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-12 scalled muted all-caps">Currency</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Currency</div>
</div>
<div class="col-auto" :style="minWidth">
<div class="font-heading fs-12 scalled muted all-caps">Type</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Type</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-12 scalled muted all-caps">P.O. Amount</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">P.O. Amount</div>
</div>
<div class="col-auto" :style="minWidth150">
<div class="font-heading fs-12 scalled muted all-caps">Booking Amount</div>
<div class="font-heading fs-14 scalled scalled 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}">
@@ -123,7 +123,7 @@
<div class="col">
<div class="row align-items-end text-complete">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">Order Total Amount:</div>
<div class="font-heading all-caps fs-14 scalled scalled">Order Total Amount:</div>
</div>
<div class="col-12 text-left m-t-10 m-b-10">
<div class="font-heading fs-16 scalled">
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-12 scalled">{{supplier.name}}</div>
<div class="font-heading fs-14 scalled scalled">{{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-12 scalled">{{currency.short_code}}</div>
<div class="font-heading fs-14 scalled scalled">{{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-12 scalled"></i>&nbsp;{{this.company_details.employee ? this.company_details.employee.email : ""}}</label>
<label><i class="fa fa-envelope text-primary fs-14 scalled scalled"></i>&nbsp;{{this.company_details.employee ? this.company_details.employee.email : ""}}</label>
</div>
<div class="col-12 p-0">
<label :style="minWidth">Contacts</label>
<label><i class="fa fa-envelope text-primary fs-12 scalled"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.email : ""}}</label>
<label><i class="fa fa-envelope text-primary fs-14 scalled scalled"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.email : ""}}</label>
</div>
<div class="col-12 p-0">
<label :style="minWidth">&nbsp;</label>
<label><i class="fa fa-phone text-primary fs-12 scalled"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
<label><i class="fa fa-phone text-primary fs-14 scalled scalled"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
</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-12 scalled"></i>
<i class="fa fa-file-image-o fs-14 scalled scalled"></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-12 scalled muted">
<div class="font-heading fs-14 scalled scalled muted">
CIEF/{{item.reference}}
</div>
</div>
@@ -34,7 +34,7 @@
</div>
</div>
<div class="col-auto p-l-0">
<div class="font-heading fs-12 scalled all-caps p-t-5 p-b-5 p-l-10 p-r-15 btn-rounded" :class="[{'bg-danger': item.status === 5}, {'bg-master-lightest': item.status !== 5}]">
<div class="font-heading fs-14 scalled scalled all-caps p-t-5 p-b-5 p-l-10 p-r-15 btn-rounded" :class="[{'bg-danger': item.status === 5}, {'bg-master-lightest': item.status !== 5}]">
<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-12 scalled lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
<div class="font-heading fs-14 scalled scalled 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
+2 -2
View File
@@ -16,7 +16,7 @@
<i class="fa fa-address-card fs-16 scalled m-b-5 muted"></i>
</div>
<div class="col p-l-5">
<div class="muted bold fs-12 scalled">+{{item.owner.contact.country_code}} {{parseInt(item.owner.contact.phone, 10)}}</div>
<div class="muted bold fs-14 scalled scalled">+{{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-12 scalled"></i>
<i class="fa fa-file-image-o fs-14 scalled scalled"></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-12 scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
</div>
</div>
</div>
@@ -30,7 +30,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">{{stringifyCurrencies}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{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-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
Bank Accounts
</div>
</div>
resources/assets/vue/components/companies/elements/VerificationWarningComponent.vue
+3 -3
View File
@@ -24,13 +24,13 @@
</div>
</div>
<div class="col p-l-0">
<div class="font-heading bold fs-12 scalled" :class="[{'text-danger': item.status !== 1}]">Identification Verification</div>
<div class="font-heading fs-12 scalled" :class="[{'text-danger': item.status !== 1}, {'muted': item.status === 1}]" v-text="item.status !== 1 ? 'Verification request rejected':'Approval in progress...'"></div>
<div class="font-heading bold fs-14 scalled scalled" :class="[{'text-danger': item.status !== 1}]">Identification Verification</div>
<div class="font-heading fs-14 scalled scalled" :class="[{'text-danger': item.status !== 1}, {'muted': item.status === 1}]" v-text="item.status !== 1 ? 'Verification request rejected':'Approval in progress...'"></div>
</div>
</div>
<div class="row">
<div class="col p-b-15">
<div class="font-heading text-danger fs-12 scalled" v-if="item.status !== 1">You are unable to create new transfer requests or make payments until you have successfully verified your identity!</div>
<div class="font-heading text-danger fs-14 scalled scalled" v-if="item.status !== 1">You are unable to create new transfer requests or make payments until you have successfully verified your identity!</div>
<div class="font-heading fs-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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled muted all-caps">Company</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Company</div>
</div>
<div class="col-2 text-center">
<div class="font-heading fs-12 scalled muted all-caps">Booking</div>
<div class="font-heading fs-14 scalled scalled muted all-caps">Booking</div>
</div>
<div class="col-3 text-right pull-right">
<div class="font-heading fs-12 scalled muted all-caps">Action</div>
<div class="font-heading fs-14 scalled scalled 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/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-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled">
<i class="fa fs-12 scalled fa-check"></i>
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-14 scalled scalled">
<i class="fa fs-14 scalled scalled fa-check"></i>
</div>
</div>
<currency-component :deleteable="false" section="suppliersSection" :data="item"></currency-component>
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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled">Filters</small>
<small class="all-caps muted fs-14 scalled scalled">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-12 scalled">Advance</small></div>
<div class="col-auto p-r-0"><small class="all-caps fs-14 scalled scalled">Advance</small></div>
<div class="col-auto p-l-0"><i class="fa fa-chevron-down fs-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-12 scalled all-caps bold b-rad-none p-t-10 p-b-10 p-r-25 p-l-25 pointer" @click="updateFilters()">
<div class="bg-transparent text-center b-success b-a text-success fs-14 scalled scalled 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/FileUploadComponent.vue
+2 -2
View File
@@ -26,7 +26,7 @@
<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-12 scalled hint-text muted">Or</div>
<div class="col-auto all-caps fs-14 scalled scalled hint-text muted">Or</div>
<div class="col b-t b-grey"></div>
</div>
</div>
@@ -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-12 scalled" data-dz-size></div> </div> </div> </div> <div class="col-auto"><i class="fs-16 fa fa-times-circle pointer hint-text" data-dz-remove></i></div> </div>'
previewTemplate: '<div class="row m-l-0 m-r-0 align-items-center m-t-5 m-b-5 bg-master-lightest text-left p-t-10 p-b-10 "> <div class="col-auto p-r-0"> <img data-dz-thumbnail style="width: 35px; height: 35px;" /> </div> <div class="col"> <div class="row m-b-5"> <div class="col"> <div class="dz-filename fs-8 bold"><span data-dz-name></span></div> </div> </div> <div class="row"> <div class="col"> <div class="dz-size muted light fs-14 scalled scalled" data-dz-size></div> </div> </div> </div> <div class="col-auto"><i class="fs-16 fa fa-times-circle pointer hint-text" data-dz-remove></i></div> </div>'
});
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-12 scalled">
<div v-if="validator.$error" class="text-danger fs-14 scalled scalled">
<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-12 scalled all-caps muted">Add Currency</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled">
<i class="fa fs-12 scalled fa-check"></i>
<div class="icon-thumbnail icon-25 bg-success text-white btn-rounded fs-14 scalled scalled">
<i class="fa fs-14 scalled scalled fa-check"></i>
</div>
</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-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled muted">{{item.currency_object.short_code}}</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled muted">{{item.currency_object.short_code}}</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled icon-25 bg-master-lighter requestModal" data-type="deleteCurrency">
<i class="fa fa-times fs-12 scalled m-b-5"></i>
<div class="icon-thumbnail pointer hint-text fs-14 scalled scalled icon-25 bg-master-lighter requestModal" data-type="deleteCurrency">
<i class="fa fa-times fs-14 scalled scalled m-b-5"></i>
</div>
<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-12 scalled all-caps">{{this.item.country.name}}</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{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-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
</div>
</div>
</div>
@@ -28,7 +28,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled" :class="[{'text-success': item.configurations.active}, {'text-danger': !item.configurations.active}]">{{item.configurations.active ? 'Active':'Inactive'}}</div>
<div class="font-heading all-caps fs-14 scalled scalled" :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-12 scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
</div>
</div>
</div>
@@ -28,7 +28,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled" :class="[{'text-success': item.configurations.active}, {'text-danger': !item.configurations.active}]">{{item.configurations.active ? 'Active':'Inactive'}}</div>
<div class="font-heading all-caps fs-14 scalled scalled" :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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row justify-content-center" v-show="!isLoading">
resources/assets/vue/components/settings/forms/EditUserProfileFullnameFormComponent.vue
+1 -1
View File
@@ -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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled all-caps muted">Set the payment grace duration before the attempts expires</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue
+5 -5
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-12 scalled muted">Create a new exchange service</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-l-0 m-r-0 m-b-20">
@@ -32,7 +32,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
Service Configurations
</div>
</div>
@@ -97,7 +97,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-12 scalled muted">MYR</div>
<div class="font-heading fs-14 scalled scalled muted">MYR</div>
</div>
</div>
</div>
@@ -137,7 +137,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
Currencies Settings
</div>
</div>
resources/assets/vue/components/settings/forms/ServiceFormComponent.vue
+5 -5
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-12 scalled muted">Create a new exchange service</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-20">
@@ -51,7 +51,7 @@
</div>
<div class="row m-b-10">
<div class="col">
<div class="font-heading all-caps fs-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled muted">MYR</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled">{{item.name}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{item.name}}</div>
</div>
</div>
</div>
@@ -27,7 +27,7 @@
</div>
<div class="row">
<div class="col">
<div class="font-heading all-caps fs-12 scalled">{{item.email}}</div>
<div class="font-heading all-caps fs-14 scalled scalled">{{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-12 scalled text-danger">{{error}}</small>
<small class="bold fs-14 scalled scalled text-danger">{{error}}</small>
</div>
</div>
<div class="row m-b-10">
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-12 scalled m-b-5" style="letter-spacing: 2px;">Support:</p>
<p class="all-caps fs-14 scalled scalled 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-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled 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-12 scalled">active Transfers</small>
<small class="all-caps muted fs-14 scalled scalled">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-12 scalled">Complete Transfers</small>
<small class="all-caps muted fs-14 scalled scalled">Complete Transfers</small>
</div>
</div>
<div class="row">
resources/views/pages/dashboards/admin.blade.php
+3 -3
View File
@@ -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-12 scalled">Pending Verification</small>
<small class="all-caps muted fs-14 scalled scalled">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-12 scalled">Pending Submission</small>
<small class="all-caps muted fs-14 scalled scalled">Pending Submission</small>
</div>
</div>
<div class="row">
@@ -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-12 scalled all-caps text-complete-light">Customer Verification</div>
<div class="font-heading fs-14 scalled scalled 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-12 scalled">Complete Payments</small>
<small class="all-caps muted fs-14 scalled scalled">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-12 scalled">Complete Currency Orders</small>
<small class="all-caps muted fs-14 scalled scalled">Complete Currency Orders</small>
</div>
</div>
<div class="row">
resources/views/pages/settings.blade.php
+10 -10
View File
@@ -204,7 +204,7 @@
<div class="col">
<div class="row m-b-25">
<div class="col p-b-15 b-b b-grey">
<div class="font-heading all-caps fs-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
Account Settings
</div>
</div>
@@ -230,7 +230,7 @@
<div class="col">
<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-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
Admin Accounts
</div>
</div>
@@ -266,7 +266,7 @@
<div class="col">
<div class="row m-b-20">
<div class="col p-b-15 b-b b-grey">
<div class="font-heading all-caps fs-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
System's Active Currencies
</div>
</div>
@@ -275,7 +275,7 @@
<div class="col">
<div class="row m-l-0 m-r-0 m-b-10">
<div class="col-auto p-l-0">
<div class="font-heading all-caps fs-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
Primary Currency
</div>
</div>
@@ -291,7 +291,7 @@
<div class="col">
<div class="row m-l-0 m-r-0 m-b-10">
<div class="col-auto p-l-0">
<div class="font-heading all-caps fs-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
Convertible Currency
</div>
</div>
@@ -314,7 +314,7 @@
<div class="col">
<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-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
Company's Bank Accounts
</div>
</div>
@@ -350,7 +350,7 @@
<div class="col">
<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-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
Currency Suppliers
</div>
</div>
@@ -409,7 +409,7 @@
<div class="col">
<div class="row align-items-center m-l-0 m-r-0 m-b-10 p-b-5 b-b b-grey">
<div class="col p-l-0">
<div class="font-heading all-caps fs-12 scalled hint-text muted">
<div class="font-heading all-caps fs-14 scalled scalled hint-text muted">
Exchange Services
</div>
</div>
@@ -443,7 +443,7 @@
<div class="col">
<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-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
Custom Segments
</div>
</div>
@@ -479,7 +479,7 @@
<div class="col">
<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-12 scalled hint-text">
<div class="font-heading all-caps fs-14 scalled scalled hint-text">
Announcements
</div>
</div>
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-12 scalled muted" style=" letter-spacing: 1px; ">Copyright © 2021 CIEF Exchange. All rights reserved.</small>
<small class="small no-margin pull-left sm-pull-reset all-caps fs-14 scalled scalled muted" style=" letter-spacing: 1px; ">Copyright © 2021 CIEF Exchange. All rights reserved.</small>
</div>
</div>
</div>
resources/views/partials/header.blade.php
+1 -1
View File
@@ -14,7 +14,7 @@
</div>
<div class="row">
<div class="col">
<div class="m-t-5 all-caps fs-12 scalled text-white hint-text">Overseas Transfers Management</div>
<div class="m-t-5 all-caps fs-14 scalled scalled text-white hint-text">Overseas Transfers Management</div>
</div>
</div>
</a>