mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-19 04:23:55 +00:00
omair saleh
79 lines
14 KiB
Vue
79 lines
14 KiB
Vue
<template>
|
|
<div class="row align-items-center">
|
|
<div class="col-auto p-r-0">
|
|
<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="98.09375" y1="78.38631" x2="98.09375" y2="93.17294" gradientUnits="userSpaceOnUse" id="color-1_43985_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="73.90625" y1="78.38631" x2="73.90625" y2="93.17294" gradientUnits="userSpaceOnUse" id="color-2_43985_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="98.98869" x2="86" y2="111.08513" gradientUnits="userSpaceOnUse" id="color-3_43985_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="12.09375" x2="86" y2="158.68613" gradientUnits="userSpaceOnUse" id="color-4_43985_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="M98.09375,79.28125c-3.71066,0 -6.71875,3.00809 -6.71875,6.71875c0,3.71066 3.00809,6.71875 6.71875,6.71875c3.71066,0 6.71875,-3.00809 6.71875,-6.71875c0,-3.71066 -3.00809,-6.71875 -6.71875,-6.71875z" fill="url(#color-1_43985_gr1)"></path><path d="M73.90625,79.28125c-3.71066,0 -6.71875,3.00809 -6.71875,6.71875c0,3.71066 3.00809,6.71875 6.71875,6.71875c3.71066,0 6.71875,-3.00809 6.71875,-6.71875c0,-3.71066 -3.00809,-6.71875 -6.71875,-6.71875z" fill="url(#color-2_43985_gr2)"></path><path d="M75.25,99.4375c0,5.93669 4.81331,10.75 10.75,10.75c5.93669,0 10.75,-4.81331 10.75,-10.75z" fill="url(#color-3_43985_gr3)"></path><path d="M86,16.125c-38.53069,0 -69.875,31.34431 -69.875,69.875c0,38.53069 31.34431,69.875 69.875,69.875c38.53069,0 69.875,-31.34431 69.875,-69.875c0,-38.53069 -31.34431,-69.875 -69.875,-69.875zM86,21.5c35.56369,0 64.5,28.93631 64.5,64.5c0,15.61975 -5.58463,29.96025 -14.85919,41.13219c-5.63569,-7.59756 -12.9,-13.76806 -21.29306,-18.10569c2.61762,-3.63619 4.54456,-7.78569 5.6115,-12.2765h0.97825c7.40944,0 13.4375,-6.02806 13.4375,-13.4375c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375h-0.13706c-1.38137,-18.00894 -16.44481,-32.25 -34.80044,-32.25c-18.35562,0 -33.41906,14.24106 -34.80044,32.25h-0.13706c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375c0,7.40944 6.02806,13.4375 13.4375,13.4375h0.97556c1.06694,4.4935 2.99656,8.64569 5.61688,12.28188c-8.39037,4.33762 -15.66275,10.50544 -21.29844,18.09763c-9.27187,-11.17194 -14.8565,-25.50975 -14.8565,-41.1295c0,-35.56369 28.93631,-64.5 64.5,-64.5zM61.28306,56.39181c0.17737,0.01075 0.34938,0.04569 0.52944,0.04569c5.72169,0 10.36838,-4.50156 10.68819,-10.14531c1.68775,-0.87075 3.46956,-1.58294 5.32663,-2.11775c0.04837,0.50256 0.11019,1.00512 0.11019,1.51306c0,8.89294 -7.23206,16.125 -16.125,16.125c-1.08844,0 -2.15537,-0.12094 -3.20081,-0.33056c0.72831,-1.78987 1.62325,-3.49375 2.67137,-5.09012zM108.26863,53.18025c-1.10188,0.37356 -2.26287,0.56975 -3.45612,0.56975c-5.5255,0 -10.03513,-4.20325 -10.63175,-9.57288c5.53625,1.59906 10.39794,4.77031 14.08788,9.00313zM88.69556,43.13706c0.07256,8.82844 7.27238,15.98794 16.11694,15.98794c2.33812,0 4.58488,-0.5375 6.66231,-1.48619c0.91106,1.548 1.677,3.182 2.29781,4.89394c-2.795,1.28194 -5.83456,1.96725 -8.96012,1.96725c-11.80887,0 -21.41937,-9.57288 -21.49194,-21.36294c0.88419,-0.08063 1.77375,-0.13706 2.67944,-0.13706c0.90838,0 1.806,0.05644 2.69556,0.13706zM56.4375,72.5625c0,-2.02369 0.20694,-3.999 0.59663,-5.90981c1.55337,0.35475 3.14975,0.53481 4.77837,0.53481c8.36888,0 15.61706,-4.816 19.16725,-11.81425c4.48812,8.60269 13.47781,14.50175 23.83275,14.50175c3.58513,0 7.06813,-0.76325 10.32269,-2.12313c0.258,1.5695 0.42731,3.16856 0.42731,4.81063v16.125c0,16.29969 -13.26281,29.5625 -29.5625,29.5625c-16.29969,0 -29.5625,-13.26281 -29.5625,-29.5625zM86,123.625c9.68844,0 18.46312,-3.96944 24.79756,-10.36031c1.91888,0.94063 3.78937,1.95919 5.57925,3.10138c-8.041,8.04369 -18.90925,12.63394 -30.37681,12.63394c-11.46487,0 -22.33313,-4.58756 -30.37681,-12.63394c1.78719,-1.14219 3.65769,-2.16612 5.57656,-3.10675c6.33444,6.39625 15.11181,10.36569 24.80025,10.36569zM120.9375,75.25c4.44512,0 8.0625,3.61737 8.0625,8.0625c0,4.44512 -3.61738,8.0625 -8.0625,8.0625v-2.6875zM51.0625,88.6875v2.6875c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625c0,-4.44512 3.61738,-8.0625 8.0625,-8.0625zM86,150.5c-17.96863,0 -34.23875,-7.39331 -45.9455,-19.28819c3.16319,-4.43438 6.91763,-8.3635 11.16388,-11.69063c9.10256,9.44119 21.58331,14.85381 34.78163,14.85381c13.201,0 25.68175,-5.41263 34.78163,-14.85381c4.24356,3.32712 8.00069,7.25356 11.16388,11.69063c-11.70944,11.89487 -27.97688,19.28819 -45.9455,19.28819z" fill="url(#color-4_43985_gr4)"></path></g></g></svg>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="font-heading fs-16 scalled bold">{{item.name}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto p-r-5">
|
|
<div class="font-heading fs-9 muted all-caps bold">
|
|
Marking
|
|
</div>
|
|
</div>
|
|
<div class="col-auto p-l-0">
|
|
<div class="font-heading fs-14 scalled scalled muted">
|
|
CIEF/{{item.reference}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto p-l-0">
|
|
<div class="font-heading fs-14 scalled scalled all-caps p-t-5 p-b-5 p-l-10 p-r-15 btn-rounded" :class="[{'bg-danger': item.status === 5}, {'bg-master-lightest': item.status !== 5}]">
|
|
<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>
|
|
<div class="col m-l-50">
|
|
<div class="row align-items-center parentContainer">
|
|
<div class="col-auto padding-5 b-a b-grey b-rad-lg pointer requestModal" data-type="assignSegment">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="30" height="30"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="97.08594" x2="86" y2="105.31775" gradientUnits="userSpaceOnUse" id="color-1_43991_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="94.0625" y1="85.83338" x2="94.0625" y2="93.89588" gradientUnits="userSpaceOnUse" id="color-2_43991_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="77.9375" y1="85.83338" x2="77.9375" y2="93.89588" gradientUnits="userSpaceOnUse" id="color-3_43991_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="28.55469" x2="86" y2="143.10938" gradientUnits="userSpaceOnUse" id="color-4_43991_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="M77.9375,96.75c0,4.45319 3.60931,8.0625 8.0625,8.0625c4.45319,0 8.0625,-3.60931 8.0625,-8.0625z" fill="url(#color-1_43991_gr1)"></path><path d="M94.0625,86c-2.2264,0 -4.03125,1.80485 -4.03125,4.03125c0,2.2264 1.80485,4.03125 4.03125,4.03125c2.2264,0 4.03125,-1.80485 4.03125,-4.03125c0,-2.2264 -1.80485,-4.03125 -4.03125,-4.03125z" fill="url(#color-2_43991_gr2)"></path><path d="M77.9375,86c-2.2264,0 -4.03125,1.80485 -4.03125,4.03125c0,2.2264 1.80485,4.03125 4.03125,4.03125c2.2264,0 4.03125,-1.80485 4.03125,-4.03125c0,-2.2264 -1.80485,-4.03125 -4.03125,-4.03125z" fill="url(#color-3_43991_gr3)"></path><path d="M147.8125,51.0625h-18.8125v-8.0625c0,-4.44512 -3.61738,-8.0625 -8.0625,-8.0625h-11.2445c-1.11263,-3.12019 -4.06888,-5.375 -7.568,-5.375h-32.25c-3.49912,0 -6.45538,2.25481 -7.568,5.375h-11.2445c-4.44512,0 -8.0625,3.61738 -8.0625,8.0625v8.0625h-18.8125c-4.44513,0 -8.0625,3.61738 -8.0625,8.0625v59.125c0,4.44512 3.61737,8.0625 8.0625,8.0625h18.8125v8.0625c0,4.44512 3.61738,8.0625 8.0625,8.0625h69.875c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-8.0625h18.8125c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-59.125c0,-4.44512 -3.61737,-8.0625 -8.0625,-8.0625zM147.8125,56.4375c1.4835,0 2.6875,1.20669 2.6875,2.6875v51.0625h-2.88637c-0.80625,-6.09525 -4.28119,-11.78469 -9.47612,-15.25425c0.99437,-1.87319 1.6125,-3.98019 1.6125,-6.24575v-5.375c0,-6.48763 -4.62519,-11.91638 -10.75,-13.16606v-13.70894zM134.375,88.6875c0,3.49912 -2.25213,6.45538 -5.375,7.568v-20.50831c3.12287,1.11262 5.375,4.06887 5.375,7.568zM134.6545,99.1365c3.913,2.48056 6.62469,6.84506 7.47125,11.051h-13.12575v-8.33394c2.12044,-0.43269 4.02319,-1.41094 5.6545,-2.71706zM67.1875,37.625c0,-1.48081 1.204,-2.6875 2.6875,-2.6875h32.25c1.4835,0 2.6875,1.20669 2.6875,2.6875v2.6875c0,1.48081 -1.204,2.6875 -2.6875,2.6875h-32.25c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.6875zM51.0625,40.3125h10.75c0,4.44512 3.61737,8.0625 8.0625,8.0625h32.25c4.44512,0 8.0625,-3.61738 8.0625,-8.0625h10.75c1.4835,0 2.6875,1.20669 2.6875,2.6875v83.3125h-3.34056c-1.73881,-9.23963 -7.19444,-17.45531 -15.06344,-22.66906c1.44319,-2.88906 2.279,-6.13556 2.279,-9.58094v-10.75c0,-11.85456 -9.64544,-21.5 -21.5,-21.5c-11.85456,0 -21.5,9.64544 -21.5,21.5v10.75c0,3.44537 0.83581,6.69188 2.28169,9.58094c-7.869,5.21375 -13.32463,13.42675 -15.06344,22.66906h-3.34325v-83.3125c0,-1.48081 1.204,-2.6875 2.6875,-2.6875zM102.125,94.0625c0,8.89294 -7.23206,16.125 -16.125,16.125c-8.89294,0 -16.125,-7.23206 -16.125,-16.125v-10.75c0,-8.89294 7.23206,-16.125 16.125,-16.125c8.89294,0 16.125,7.23206 16.125,16.125zM86,115.5625c6.48494,0 12.29531,-2.89981 16.24056,-7.45513c6.39088,4.22744 10.93006,10.77956 12.59363,18.20513h-57.66837c1.66356,-7.42556 6.20275,-13.97769 12.59631,-18.20244c3.94256,4.55531 9.75294,7.45244 16.23787,7.45244zM43,96.2555c-3.12288,-1.11263 -5.375,-4.06888 -5.375,-7.568v-5.375c0,-3.49912 2.25212,-6.45538 5.375,-7.568zM37.32669,99.12306c1.634,1.31419 3.54481,2.29512 5.67331,2.7305v8.33394h-13.18487c0.78475,-4.57412 3.526,-8.63225 7.51156,-11.06444zM24.1875,56.4375h18.8125v13.70894c-6.12481,1.24969 -10.75,6.67575 -10.75,13.16606v5.375c0,2.26287 0.61544,4.36719 1.60981,6.24038c-5.21106,3.44806 -8.686,9.05688 -9.47613,15.25963h-2.88369v-51.0625c0,-1.48081 1.204,-2.6875 2.6875,-2.6875zM24.1875,120.9375c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.6875v-2.6875h21.5v5.375zM120.9375,137.0625h-69.875c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.6875v-2.6875h75.25v2.6875c0,1.48081 -1.204,2.6875 -2.6875,2.6875zM147.8125,120.9375h-18.8125v-5.375h21.5v2.6875c0,1.48081 -1.204,2.6875 -2.6875,2.6875z" fill="url(#color-4_43991_gr4)"></path></g></g></svg>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row no-margin">
|
|
<div class="col-auto no-padding m-r-10 m-b-5 m-t-5" v-for="segment in item.segments" v-bind:key="segment.id" v-if="segment.id !== 1">
|
|
<div class="font-heading fs-14 scalled scalled lh-20 p-l-10 p-r-10 bg-master-lightest btn-rounded">
|
|
{{segment.name}}
|
|
<i class="fa fa-times muted m-l-10 pointer requestModal" data-type="detachSegment" ></i>
|
|
</div>
|
|
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="detachSegment">
|
|
<detach-segment-form-component :data="segment" :company_id="item.id" section="customerProfileSection"></detach-segment-form-component>
|
|
</modal-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="assignSegment">
|
|
<assign-segment-form-component :data="data" section="customerProfileSection"></assign-segment-form-component>
|
|
</modal-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import componentHandler from '../../../general/mixins/componentHandler';
|
|
export default {
|
|
mixins: [componentHandler]
|
|
}
|
|
</script> |