mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-25 23:43:58 +00:00
Dillon
102 lines
22 KiB
Vue
102 lines
22 KiB
Vue
<template>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col padding-25 bg-white">
|
|
<div class="font-heading fs-14 bold all-caps">Welcome To Exchange System, <span class="text-primary">{{$store.getters.getUserName}}</span></div>
|
|
<div class="font-heading fs-12 muted">This is your setup guide. It has everything you need to get set up to start managing your overseas transfers.</div>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-center">
|
|
<div class="col-12 col-lg-5 padding-25 d-none d-md-inline">
|
|
<div class="row h-100 align-items-end">
|
|
<div class="col no-padding">
|
|
<img :src="asset('images/2829248.png')" class="w-100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg padding-25">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row parentContainer">
|
|
<div class="col">
|
|
<div class="row m-b-25 align-items-center">
|
|
<div class="col-auto p-l-5">
|
|
<div class="absolute bullet-connector thin" style="top: -50%; left: 29px; z-index: -1;"></div>
|
|
<div class="btn-rounded bg-white b-grey b-a padding-5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="51.0625" y1="38.93919" x2="51.0625" y2="48.20569" gradientUnits="userSpaceOnUse" id="color-1_sutdFBpBE0lc_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="120.9375" y1="38.93919" x2="120.9375" y2="48.20569" gradientUnits="userSpaceOnUse" id="color-2_sutdFBpBE0lc_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="93.94694" x2="86" y2="98.84356" gradientUnits="userSpaceOnUse" id="color-3_sutdFBpBE0lc_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="19.26938" x2="86" y2="150.88163" gradientUnits="userSpaceOnUse" id="color-4_sutdFBpBE0lc_gr4"><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 id="original-icon"><path d="M51.0625,48.375l-10.75,5.375v-16.125h21.5z" fill="url(#color-1_sutdFBpBE0lc_gr1)"></path><path d="M120.9375,48.375l10.75,5.375v-16.125h-21.5z" fill="url(#color-2_sutdFBpBE0lc_gr2)"></path><path d="M86,99.4375c2.96969,0 5.375,-2.408 5.375,-5.375h-10.75c0,2.96969 2.40531,5.375 5.375,5.375z" fill="url(#color-3_sutdFBpBE0lc_gr3)"></path><g fill="url(#color-4_sutdFBpBE0lc_gr4)"><path d="M137.84994,50.79913c-0.26337,-0.02956 -0.52406,-0.086 -0.78744,-0.12094v-7.67819c0,-4.44512 -3.91837,-8.0625 -8.73437,-8.0625h-19.0275c-3.28144,-3.96138 -5.90713,-8.4925 -7.64863,-13.40525c-1.14487,-3.23306 -4.18713,-5.40725 -7.60025,-5.40725h-16.1035c-3.41312,0 -6.45538,2.17419 -7.60025,5.40725c-1.73881,4.91275 -4.36719,9.44387 -7.64863,13.40525h-19.0275c-4.816,0 -8.73437,3.61738 -8.73437,8.0625v7.67819c-0.26338,0.03494 -0.52406,0.09137 -0.78744,0.12094c-4.14681,0.473 -7.27506,3.92644 -7.27506,8.02219v36.60644c0,32.55369 25.86719,59.65981 57.65494,60.42575c0.4945,0.01075 0.97556,0.0215 1.45931,0.0215c0.00269,0 0.01881,0 0.0215,0c0.48375,0 0.96481,-0.01075 1.45931,-0.0215c31.78775,-0.76594 57.65494,-27.87206 57.65494,-60.42575v-36.60644c0,-4.09575 -3.12825,-7.54919 -7.27506,-8.02219zM128.32813,40.3125c1.85169,0 3.35938,1.20669 3.35938,2.6875v6.59244c-6.278,-1.73613 -12.13138,-4.96919 -17.10056,-9.27994zM40.3125,43c0,-1.48081 1.50769,-2.6875 3.35938,-2.6875h13.74119c-4.96919,4.31075 -10.82256,7.54381 -17.10056,9.27994zM139.75,95.42775c0,25.37538 -17.23763,47.07156 -40.3125,53.2555v-6.24575h-5.375v7.38525c-1.76569,0.27681 -3.55825,0.46225 -5.375,0.55363v-13.31387h-5.375v13.31387c-1.81675,-0.09137 -3.60931,-0.27681 -5.375,-0.55363v-7.38525h-5.375v6.24575c-23.07487,-6.18394 -40.3125,-27.88012 -40.3125,-53.2555v-36.60644c0,-1.38675 1.06156,-2.51013 2.51012,-2.67675c18.10838,-2.07744 34.45375,-15.265 40.64844,-32.82781c0.387,-1.08306 1.40556,-1.81675 2.53969,-1.81675h16.1035c1.13412,0 2.15269,0.73369 2.53969,1.81675c6.19469,17.56281 22.54006,30.74769 40.64844,32.82781c1.44856,0.16663 2.51012,1.29 2.51012,2.67675z"></path><path d="M86,56.4375c-19.264,0 -34.9375,15.6735 -34.9375,34.9375c0,19.264 15.6735,34.9375 34.9375,34.9375c19.264,0 34.9375,-15.6735 34.9375,-34.9375c0,-19.264 -15.6735,-34.9375 -34.9375,-34.9375zM67.83519,114.64875c0.99438,-3.73562 3.14706,-7.10306 6.11406,-9.59437c2.95625,3.3325 7.25625,5.44756 12.05075,5.44756c4.79988,0 9.10256,-2.11775 12.05881,-5.45563c2.97238,2.494 5.117,5.85606 6.11406,9.59706c-5.02025,3.92913 -11.31975,6.29413 -18.17288,6.29413c-6.85044,0 -13.14725,-2.36231 -18.16481,-6.28875zM96.75,94.37694c0,5.92863 -4.82137,10.75 -10.75,10.75c-5.92863,0 -10.75,-4.82137 -10.75,-10.75v-5.762c0,-5.92862 4.82138,-10.75 10.75,-10.75c5.92863,0 10.75,4.82138 10.75,10.75zM108.47288,110.5315c-1.57487,-3.94256 -4.18444,-7.42825 -7.5465,-10.07544c0.76863,-1.87587 1.19862,-3.92644 1.19862,-6.07912v-5.762c0,-8.89294 -7.23206,-16.125 -16.125,-16.125c-8.89294,0 -16.125,7.23206 -16.125,16.125v5.762c0,2.14731 0.43,4.1925 1.19325,6.06569c-3.35669,2.6445 -5.94744,6.15975 -7.525,10.10769c-4.41825,-5.16537 -7.10575,-11.85725 -7.10575,-19.17531c0,-16.29969 13.26281,-29.5625 29.5625,-29.5625c16.29969,0 29.5625,13.26281 29.5625,29.5625c0,7.30731 -2.67944,13.99113 -7.08962,19.1565z"></path></g></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="col p-l-0">
|
|
<div class="font-heading fs-11 bold all-caps muted">Getting started with Exchange</div>
|
|
<div class="font-heading fs-10 muted">Just few more steps and you can start transferring money overseas</div>
|
|
</div>
|
|
</div>
|
|
<onboarding-step-component active>
|
|
<template slot="title">Sign up for Exchange</template>
|
|
<template slot="subTitle">Create your own Exchange account.</template>
|
|
</onboarding-step-component>
|
|
<onboarding-step-component :active="item.employee.status === 2" :class="[{'requestModal': item.employee.status !== 2}]" data-type="emailActivationModal">
|
|
<template slot="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="23" height="23"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="49.71875" x2="86" y2="86.02419" gradientUnits="userSpaceOnUse" id="color-1_k5TOe_wo6JDZ_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="26.703" x2="86" y2="143.32169" gradientUnits="userSpaceOnUse" id="color-2_k5TOe_wo6JDZ_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="26.703" x2="86" y2="143.32169" gradientUnits="userSpaceOnUse" id="color-3_k5TOe_wo6JDZ_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="26.703" x2="86" y2="143.32169" gradientUnits="userSpaceOnUse" id="color-4_k5TOe_wo6JDZ_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="26.42619" x2="86" y2="147.05731" gradientUnits="userSpaceOnUse" id="color-5_k5TOe_wo6JDZ_gr5"><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="M119.92969,56.10425l-30.60794,25.972c-1.94306,1.64744 -4.70312,1.64744 -6.64619,0l-30.60794,-25.972c-1.96725,-1.67162 -0.85462,-5.04175 1.66894,-5.04175h64.52419c2.52625,0 3.63887,3.37013 1.66894,5.04175z" fill="url(#color-1_k5TOe_wo6JDZ_gr1)"></path><rect x="18" y="48" transform="scale(2.6875,2.6875)" width="28" height="2" fill="url(#color-2_k5TOe_wo6JDZ_gr2)"></rect><rect x="25" y="44" transform="scale(2.6875,2.6875)" width="14" height="2" fill="url(#color-3_k5TOe_wo6JDZ_gr3)"></rect><path d="M139.75,37.625h-107.5c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375v80.625c0,7.40944 6.02806,13.4375 13.4375,13.4375h107.5c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-80.625c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375zM32.25,43h107.5c2.50744,0 4.72463,1.17444 6.20275,2.97506l-54.79006,45.66063c-2.99119,2.494 -7.33419,2.494 -10.32538,0l-54.79006,-45.66062c1.47813,-1.80062 3.69531,-2.97506 6.20275,-2.97506zM24.1875,51.428l37.92869,31.60769l-37.92869,31.605zM147.8125,131.6875c0,4.44512 -3.61738,8.0625 -8.0625,8.0625h-107.5c-4.44513,0 -8.0625,-3.61738 -8.0625,-8.0625v-10.04587l42.12925,-35.10681l11.07788,9.23156c2.494,2.07475 5.54969,3.11481 8.60537,3.11481c3.05569,0 6.11138,-1.04006 8.60537,-3.11481l11.07788,-9.23156l42.12925,35.10681zM147.8125,114.64069l-37.92869,-31.60769l37.92869,-31.605z" fill="url(#color-4_k5TOe_wo6JDZ_gr4)"></path><path d="M32.25,26.875h107.5v5.375h-107.5z" fill="url(#color-5_k5TOe_wo6JDZ_gr5)"></path></g></g></svg>
|
|
</template>
|
|
<template slot="title">Activate Account</template>
|
|
<template slot="subTitle">We've sent you a link in your email to confirm your account.</template>
|
|
</onboarding-step-component>
|
|
<modal-component type="emailActivationModal" v-if="item.employee.status !== 2">
|
|
<email-verification-form-component section="resendEmailVerificationSection"></email-verification-form-component>
|
|
</modal-component>
|
|
<onboarding-step-component :class="[{'requestModal': item.status !== 2 && item.status !== 1}]" data-type="identificationVerificationModal" :active="item.status === 2 || item.status === 1">
|
|
<template slot="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="23" height="23"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="18.8125" x2="86" y2="150.07" gradientUnits="userSpaceOnUse" id="color-1_44031_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="130.34375" y1="18.8125" x2="130.34375" y2="150.07" gradientUnits="userSpaceOnUse" id="color-2_44031_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="53.86019" y1="18.8125" x2="53.86019" y2="150.07" gradientUnits="userSpaceOnUse" id="color-3_44031_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="53.75" y1="65.17188" x2="53.75" y2="92.10063" gradientUnits="userSpaceOnUse" id="color-4_44031_gr4"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="102.125" y1="65.17188" x2="102.125" y2="92.10063" gradientUnits="userSpaceOnUse" id="color-5_44031_gr5"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="77.9375" y1="93.72656" x2="77.9375" y2="121.2815" gradientUnits="userSpaceOnUse" id="color-6_44031_gr6"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></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 id="original-icon"><path d="M147.80175,100.63613c-2.61762,-2.76812 -5.676,-4.93425 -9.00581,-6.48763c0.62887,-3.56362 0.95406,-7.19444 0.95406,-10.836c0,-34.08556 -27.72694,-61.8125 -61.8125,-61.8125c-34.08556,0 -61.8125,27.72694 -61.8125,61.8125c0,34.08556 27.72694,61.8125 61.8125,61.8125c8.9225,0 17.4795,-1.85975 25.49094,-5.50131c5.42606,6.63275 13.66594,10.87631 22.88406,10.87631c16.29969,0 29.5625,-13.26281 29.5625,-29.5625c0,-7.57875 -2.86488,-14.78931 -8.07325,-20.30138zM77.9375,139.75c-31.11856,0 -56.4375,-25.31894 -56.4375,-56.4375c0,-31.11856 25.31894,-56.4375 56.4375,-56.4375c31.11856,0 56.4375,25.31894 56.4375,56.4375c0,3.02612 -0.25531,6.03881 -0.731,9.0085c-2.365,-0.602 -4.816,-0.946 -7.3315,-0.946c-16.29969,0 -29.5625,13.26281 -29.5625,29.5625c0,5.13312 1.31956,9.95988 3.62812,14.17119c-7.07081,3.07719 -14.60388,4.64131 -22.44062,4.64131zM126.3125,145.125c-13.33806,0 -24.1875,-10.84944 -24.1875,-24.1875c0,-13.33806 10.84944,-24.1875 24.1875,-24.1875c6.71875,0 12.9645,2.69019 17.58431,7.57606c4.257,4.51231 6.60319,10.40869 6.60319,16.61144c0,13.33806 -10.84944,24.1875 -24.1875,24.1875z" fill="url(#color-1_44031_gr1)"></path><path d="M141.88119,112.31869l-15.56869,15.56869l-7.50619,-7.50619l-3.80013,3.80013l11.30631,11.30631l19.36881,-19.36881z" fill="url(#color-2_44031_gr2)"></path><path d="M29.78288,66.29256l5.06594,1.78988c4.55531,-12.88925 14.96938,-23.30331 27.86131,-27.85863c4.8805,-1.72538 10.00556,-2.59881 15.22737,-2.59881v-5.375c-5.83456,0 -11.56162,0.97825 -17.01725,2.90788c-14.40769,5.09013 -26.04725,16.72969 -31.13737,31.13469z" fill="url(#color-3_44031_gr3)"></path><path d="M53.75,67.1875c-5.93706,0 -10.75,4.81294 -10.75,10.75c0,5.93706 4.81294,10.75 10.75,10.75c5.93706,0 10.75,-4.81294 10.75,-10.75c0,-5.93706 -4.81294,-10.75 -10.75,-10.75z" fill="url(#color-4_44031_gr4)"></path><path d="M102.125,67.1875c-5.93706,0 -10.75,4.81294 -10.75,10.75c0,5.93706 4.81294,10.75 10.75,10.75c5.93706,0 10.75,-4.81294 10.75,-10.75c0,-5.93706 -4.81294,-10.75 -10.75,-10.75z" fill="url(#color-5_44031_gr5)"></path><path d="M91.375,96.75h-26.875c-1.4835,0 -2.6875,1.204 -2.6875,2.6875v2.6875c0,8.90637 7.21863,16.125 16.125,16.125c8.90637,0 16.125,-7.21863 16.125,-16.125v-2.6875c0,-1.4835 -1.204,-2.6875 -2.6875,-2.6875z" fill="url(#color-6_44031_gr6)"></path></g></g></svg>
|
|
</template>
|
|
<template slot="title">Identity Verification</template>
|
|
<template slot="subTitle">Upload you identification document.</template>
|
|
</onboarding-step-component>
|
|
<modal-component type="identificationVerificationModal" v-if="item.status !== 2 && item.status !== 1 ">
|
|
<identification-verification-form-component section="customerProfileSection" :data="item"></identification-verification-form-component>
|
|
</modal-component>
|
|
<onboarding-step-component :disabled="item.status !== 2 && item.status !== 1" :active="!!item.bookings.length" v-on:click.native="callAttention()">
|
|
<template slot="icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="23" height="23"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-1_48314_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-2_48314_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="16.79688" x2="86" y2="92.05225" gradientUnits="userSpaceOnUse" id="color-3_48314_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-4_48314_gr4"><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="M147.8125,48.375h-32.25v5.375h32.25c1.50769,0 2.6875,1.12875 2.6875,2.56925v75.25c0,1.51844 -1.23087,2.80575 -2.6875,2.80575h-123.625c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-75.25c0,-1.4405 1.17981,-2.56925 2.6875,-2.56925h32.25v-5.375h-32.25c-4.52038,0 -8.0625,3.49106 -8.0625,7.94425v75.25c0,3.55019 2.25481,6.54944 5.375,7.67819v3.07181c0,4.51231 3.61737,8.18075 8.0625,8.18075h112.875c4.44512,0 8.0625,-3.66844 8.0625,-8.18075v-3.07181c3.12019,-1.12875 5.375,-4.128 5.375,-7.67819v-75.25c0,-4.45319 -3.54212,-7.94425 -8.0625,-7.94425zM142.4375,145.125h-112.875c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-2.56925h118.25v2.56925c0,1.51844 -1.23087,2.80575 -2.6875,2.80575z" fill="url(#color-1_48314_gr1)"></path><path d="M126.3125,129h-83.3125v-2.6875c0,-7.51425 -6.02806,-13.4375 -13.4375,-13.4375h-2.6875v-37.625h2.6875c6.3425,0 13.4375,-5.79156 13.4375,-13.46706v-2.70363l13.4375,0.04569v5.375l-8.2775,-0.01613c-1.26044,7.95231 -7.94425,14.61731 -15.91,15.86969v27.219c8.25869,1.18788 14.80006,7.76956 15.94762,16.05244h75.6155c1.17444,-8.30438 7.70238,-14.85112 15.93688,-16.03631v-27.262c-7.96844,-1.247 -14.65494,-7.89587 -15.91269,-15.82669h-8.27481v-5.375h13.4375v2.6875c0,6.30219 5.74587,13.4375 13.4375,13.4375h2.6875v37.50675l-2.6875,0.01613c-7.40944,0 -13.4375,6.03344 -13.4375,13.45094v2.6875z" fill="url(#color-2_48314_gr2)"></path><path d="M104.8125,53.75h-8.0625c-1.4835,0 -2.6875,1.14487 -2.6875,2.63106v29.61356c0,1.48619 -1.204,2.69288 -2.6875,2.69288h-10.75c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.69288v-29.61356c0,-1.48619 -1.204,-2.63106 -2.6875,-2.63106h-8.0625c-2.2145,0 -3.47763,-2.881 -2.15,-4.87781l16.65175,-25.04481c2.05056,-3.08256 6.57094,-3.08794 8.6215,-0.00806l16.65175,25.05556c1.32762,1.99681 0.0645,4.87512 -2.15,4.87512z" fill="url(#color-3_48314_gr3)"></path><path d="M86,112.875c-10.37375,0 -18.8125,-8.0625 -18.8125,-18.8125h5.375c0,8.0625 6.02806,13.4375 13.4375,13.4375c7.40944,0 13.4375,-5.375 13.4375,-13.4375h5.375c0,10.75 -8.43875,18.8125 -18.8125,18.8125z" fill="url(#color-4_48314_gr4)"></path></g></g></svg>
|
|
</template>
|
|
<template slot="title">1<sup>st</sup> Transfer Request</template>
|
|
<template slot="subTitle">Create your first transfer request.</template>
|
|
</onboarding-step-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import componentHandler from '../../../general/mixins/componentHandler';
|
|
export default {
|
|
methods: {
|
|
callAttention(){
|
|
if(this.item.status === 2 || this.item.status === 1) this.$emit('attention');
|
|
}
|
|
},
|
|
mixins: [componentHandler]
|
|
}
|
|
</script>
|