mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-22 05:53:58 +00:00
edmondlang
78 lines
16 KiB
Vue
78 lines
16 KiB
Vue
<template>
|
|
<div class="row h-100 parentContainer">
|
|
<div class="col">
|
|
<loading-component class="fixed-top h-100 bg-white" style="height: 200px; top: 0;" key="1" color="success" v-show="loading"></loading-component>
|
|
<div class="row align-items-center justify-content-center b-a b-thick h-100 pointer requestModal" data-type="logoutModal" style="border-color: #ffffff3d">
|
|
<div class="col">
|
|
<div class="row d-none d-md-flex">
|
|
<div class="col p-r-10 p-l-10">
|
|
<i class="fa fa-power-off fs-12 text-primary-lighter"></i>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex d-md-none">
|
|
<div class="col-auto p-r-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="25" height="25"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><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 fill="#000000"><path d="M85.96641,15.01641c-1.18418,0.0252 -2.1332,0.99941 -2.11641,2.18359v68.8c-0.0084,0.77266 0.39473,1.49492 1.0666,1.88965c0.67188,0.38633 1.49492,0.38633 2.1668,0c0.67188,-0.39472 1.075,-1.11699 1.0666,-1.88965v-68.8c0.0084,-0.57949 -0.21836,-1.14219 -0.62988,-1.55371c-0.41152,-0.41152 -0.97422,-0.63828 -1.55371,-0.62988zM66.65,17.7543c-29.74726,8.44883 -51.6,35.83613 -51.6,68.2457c0,39.11992 31.83008,70.95 70.95,70.95c39.11992,0 70.95,-31.83008 70.95,-70.95c0,-32.40957 -21.85273,-59.79687 -51.6,-68.2457v4.47637c27.34531,8.30605 47.3,33.74492 47.3,63.76934c0,36.75156 -29.89844,66.65 -66.65,66.65c-36.75156,0 -66.65,-29.89844 -66.65,-66.65c0,-30.02441 19.95469,-55.46328 47.3,-63.76934zM63.80293,30.21758c-0.28555,0 -0.57109,0.05039 -0.83984,0.15957c-1.10019,0.46191 -1.6209,1.71328 -1.15898,2.81348c0.45351,1.1002 1.70488,1.6209 2.80508,1.16738c1.1002,-0.46191 1.6209,-1.71328 1.16738,-2.81348c-0.33594,-0.79785 -1.10859,-1.31855 -1.97363,-1.32695zM108.26426,30.21758c-0.89024,-0.0168 -1.69649,0.50391 -2.04082,1.32695c-0.45351,1.1002 0.06719,2.35156 1.16738,2.81348c1.1002,0.45351 2.35156,-0.06719 2.80508,-1.16738c0.46191,-1.1002 -0.05879,-2.35156 -1.15898,-2.81348c-0.24355,-0.10078 -0.5123,-0.15117 -0.77266,-0.15957zM53.7752,35.57578c-0.43672,0 -0.86504,0.12598 -1.22617,0.36953c-0.98262,0.65508 -1.25137,1.99043 -0.58789,2.98145c0.65508,0.98262 1.99043,1.25137 2.98145,0.58789c0.99101,-0.65508 1.25137,-1.99043 0.59629,-2.97305c-0.39472,-0.59629 -1.0582,-0.95742 -1.76367,-0.96582zM118.28359,35.57578c-0.73066,-0.0084 -1.41934,0.35274 -1.82246,0.96582c-0.66348,0.98262 -0.39473,2.31797 0.58789,2.97305c0.99102,0.66348 2.32637,0.39473 2.98145,-0.58789c0.31914,-0.47031 0.43672,-1.0582 0.32754,-1.6125c-0.10918,-0.5627 -0.43672,-1.0582 -0.91543,-1.36895c-0.34434,-0.23516 -0.73906,-0.36113 -1.15899,-0.36953zM44.98203,42.79844c-0.57949,0 -1.14219,0.22676 -1.54531,0.63828c-0.83984,0.83145 -0.83984,2.20039 0,3.03184c0.83145,0.83984 2.20039,0.83984 3.03184,0c0.83984,-0.83144 0.83984,-2.20039 0,-3.03184c-0.39472,-0.40312 -0.92383,-0.62988 -1.48652,-0.63828zM127.07676,42.79844c-0.57949,0 -1.14219,0.22676 -1.54531,0.63828c-0.83984,0.83145 -0.83984,2.20039 0,3.03184c0.83145,0.83984 2.20039,0.83984 3.03184,0c0.83984,-0.83144 0.83984,-2.20039 0,-3.03184c-0.39473,-0.40312 -0.92383,-0.62988 -1.48652,-0.63828zM134.29102,51.6c-0.43672,-0.0084 -0.85664,0.11758 -1.21778,0.36113c-0.98262,0.65508 -1.25137,1.99043 -0.58789,2.97305c0.65508,0.99102 1.99043,1.25977 2.97305,0.59629c0.99102,-0.66348 1.25977,-1.99043 0.59629,-2.98145c-0.39473,-0.58789 -1.0582,-0.94902 -1.76367,-0.94902zM37.76777,51.6c-0.73066,-0.0168 -1.41934,0.34434 -1.82246,0.94902c-0.65508,0.99102 -0.39473,2.32637 0.59629,2.98145c0.99101,0.66348 2.31797,0.39473 2.98145,-0.58789c0.65508,-0.99102 0.39472,-2.32637 -0.59629,-2.98145c-0.34434,-0.22676 -0.73906,-0.35274 -1.15899,-0.36113zM139.64922,61.63613c-0.28555,-0.0084 -0.57109,0.05039 -0.83984,0.15957c-1.1002,0.45351 -1.6209,1.71328 -1.16738,2.80508c0.46191,1.1002 1.71328,1.6209 2.81348,1.16738c1.1002,-0.45352 1.6209,-1.71328 1.16738,-2.81348c-0.33594,-0.78945 -1.10859,-1.31855 -1.97363,-1.31855zM32.41797,61.63613c-0.89023,-0.0168 -1.69648,0.50391 -2.03242,1.32695c-0.45352,1.1002 0.06719,2.35156 1.15898,2.81348c1.1002,0.45352 2.35996,-0.06719 2.81348,-1.16738c0.45351,-1.10019 -0.06719,-2.35156 -1.16738,-2.80508c-0.24355,-0.10918 -0.50391,-0.15957 -0.77266,-0.16797zM142.94141,72.52891c-0.14277,-0.0084 -0.28555,0.0084 -0.42832,0.03359c-1.15898,0.23516 -1.91484,1.36895 -1.68809,2.52793c0.23516,1.16738 1.36895,1.92324 2.52793,1.69649c1.16738,-0.23516 1.92324,-1.36895 1.69649,-2.53633c-0.20156,-0.99941 -1.0834,-1.72168 -2.10801,-1.72168zM29.12578,72.52891c-1.0498,-0.0252 -1.95684,0.69707 -2.1668,1.72168c-0.10918,0.5627 0,1.15059 0.31914,1.6209c0.31914,0.47871 0.81465,0.80625 1.37734,0.91543c0.5543,0.10918 1.13379,-0.0084 1.6125,-0.31914c0.47031,-0.31914 0.79785,-0.81465 0.90703,-1.37734c0.23516,-1.15898 -0.5207,-2.29277 -1.67969,-2.52793c-0.12598,-0.0168 -0.24355,-0.03359 -0.36953,-0.03359zM27.95,83.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM144.05,83.85c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM29.07539,95.17109c-0.14278,0 -0.28555,0.0168 -0.42832,0.04199c-1.16738,0.23516 -1.92324,1.36895 -1.68809,2.53633c0.23516,1.15898 1.36055,1.91484 2.52793,1.68809c1.16738,-0.23516 1.92324,-1.36895 1.68809,-2.52793c-0.20156,-1.00781 -1.075,-1.73008 -2.09961,-1.73848zM142.9918,95.17109c-1.04981,-0.0252 -1.95684,0.70547 -2.1668,1.73848c-0.22676,1.15898 0.5291,2.29277 1.68809,2.52793c1.16738,0.22676 2.30117,-0.5291 2.53633,-1.68809c0.22676,-1.16738 -0.5291,-2.30117 -1.69649,-2.53633c-0.11758,-0.0168 -0.23516,-0.03359 -0.36113,-0.04199zM139.68281,106.05547c-0.89023,-0.0168 -1.69648,0.5123 -2.04082,1.33535c-0.45351,1.0918 0.06719,2.35156 1.16738,2.80508c1.1002,0.45352 2.35156,-0.06719 2.81348,-1.15898c0.45351,-1.1002 -0.06719,-2.35996 -1.16738,-2.81348c-0.24355,-0.10078 -0.5123,-0.15957 -0.77266,-0.16797zM32.38438,106.06387c-0.28555,0 -0.57109,0.05039 -0.83984,0.15957c-0.5207,0.21836 -0.94063,0.63828 -1.15898,1.16738c-0.21836,0.5291 -0.21836,1.11699 -0.0084,1.64609c0.46191,1.1002 1.71328,1.6209 2.81348,1.15898c0.5291,-0.20996 0.94902,-0.62988 1.16738,-1.15898c0.21836,-0.5291 0.21836,-1.11699 0,-1.64609c-0.32754,-0.79785 -1.10859,-1.31855 -1.97363,-1.32695zM134.30781,116.1c-0.73066,-0.0168 -1.41934,0.34434 -1.82246,0.94902c-0.66348,0.99102 -0.39473,2.31797 0.58789,2.98145c0.47031,0.31914 1.0582,0.43672 1.6125,0.31914c0.5627,-0.10918 1.0582,-0.43672 1.36895,-0.91543c0.66348,-0.98262 0.39473,-2.31797 -0.59629,-2.97305c-0.33594,-0.23516 -0.73906,-0.36113 -1.15059,-0.36113zM37.75938,116.1c-0.43672,-0.0084 -0.85664,0.11758 -1.21777,0.36113c-0.98262,0.66348 -1.25137,1.99043 -0.59629,2.98145c0.66348,0.98262 1.99883,1.25137 2.98984,0.58789c0.98262,-0.65508 1.25137,-1.99043 0.58789,-2.98145c-0.39473,-0.58789 -1.0582,-0.94062 -1.76367,-0.94902zM44.98203,124.90156c-0.57949,-0.0084 -1.14219,0.21836 -1.54531,0.62988c-0.83984,0.83145 -0.83984,2.20039 0,3.03184c0.83145,0.83984 2.20039,0.83984 3.03184,0c0.83984,-0.83145 0.83984,-2.20039 0,-3.03184c-0.39472,-0.40313 -0.92383,-0.62988 -1.48652,-0.62988zM127.07676,124.90156c-0.57949,-0.0084 -1.14219,0.21836 -1.54531,0.62988c-0.83984,0.83145 -0.83984,2.20039 0,3.03184c0.83145,0.83984 2.20039,0.83984 3.03184,0c0.83984,-0.83145 0.83984,-2.20039 0,-3.03184c-0.39473,-0.40313 -0.92383,-0.62988 -1.48652,-0.62988zM53.79199,132.11582c-0.73066,-0.0168 -1.41934,0.34434 -1.82246,0.94902c-0.66348,0.99102 -0.39473,2.32637 0.59629,2.98984c0.98262,0.65508 2.31797,0.38633 2.97305,-0.59629c0.66348,-0.99101 0.39473,-2.31797 -0.58789,-2.98144c-0.34434,-0.22676 -0.74746,-0.36113 -1.15899,-0.36113zM118.2752,132.11582c-0.43672,-0.0084 -0.85664,0.11758 -1.21777,0.35273c-0.47871,0.31914 -0.80625,0.81465 -0.91543,1.37734c-0.10918,0.5543 0.0084,1.14219 0.32754,1.6125c0.65508,0.98262 1.99043,1.25137 2.98145,0.59629c0.98262,-0.66348 1.25137,-1.99883 0.58789,-2.98984c-0.38633,-0.58789 -1.0498,-0.94902 -1.76367,-0.94902zM63.83652,137.47402c-0.89023,-0.0168 -1.69648,0.51231 -2.03242,1.33535c-0.45352,1.0918 0.06719,2.35156 1.15898,2.80508c1.1002,0.45351 2.35996,-0.06719 2.81348,-1.15899c0.45352,-1.1002 -0.06719,-2.35996 -1.16738,-2.81348c-0.24355,-0.10078 -0.50391,-0.15957 -0.77266,-0.16797zM108.23066,137.47402c-0.28555,0 -0.57109,0.05879 -0.83145,0.16797c-0.5291,0.21836 -0.94902,0.63828 -1.16738,1.15899c-0.21836,0.5291 -0.21836,1.12539 -0.0084,1.65449c0.46191,1.0918 1.71328,1.6125 2.81348,1.15899c0.5291,-0.21836 0.94902,-0.63828 1.16738,-1.15899c0.21836,-0.5291 0.21836,-1.12539 0,-1.64609c-0.32754,-0.80625 -1.10859,-1.32695 -1.97363,-1.33535zM74.7377,140.78301c-1.0498,-0.0252 -1.96524,0.70547 -2.1668,1.73008c-0.23516,1.16738 0.5207,2.29278 1.68809,2.52793c1.16738,0.23516 2.29277,-0.5207 2.52793,-1.68809c0.23516,-1.16738 -0.5207,-2.29277 -1.68809,-2.52793c-0.11758,-0.0252 -0.24356,-0.04199 -0.36113,-0.04199zM97.32949,140.79141c-0.14277,-0.0084 -0.28555,0.0084 -0.41992,0.03359c-1.16738,0.23516 -1.92324,1.36055 -1.69649,2.52793c0.11758,0.5627 0.44512,1.04981 0.91543,1.36895c0.47871,0.31914 1.0582,0.43672 1.6209,0.32754c0.5543,-0.11758 1.0498,-0.44512 1.36895,-0.91543c0.31074,-0.47871 0.42832,-1.0582 0.31914,-1.6209c-0.20156,-0.99941 -1.0834,-1.72168 -2.10801,-1.72168zM86,141.9c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g></g></svg>
|
|
</div>
|
|
<div class="col">
|
|
<h6 class="no-margin light fs-18 all-caps">Logout</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<modal-component styleType="fill-in" type="logoutModal">
|
|
<div class="row">
|
|
<div class="col text-center">
|
|
<div class="row m-b-20">
|
|
<div class="col">
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="64" height="64"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="73.90625" x2="86" y2="102.15725" gradientUnits="userSpaceOnUse" id="color-1_48180_gr1"><stop offset="0" stop-color="#f6ab9c"></stop><stop offset="1" stop-color="#f6ab9c"></stop></linearGradient><linearGradient x1="86" y1="12.09375" x2="86" y2="161.54563" gradientUnits="userSpaceOnUse" id="color-2_48180_gr2"><stop offset="0" stop-color="#ed5335"></stop><stop offset="1" stop-color="#ed5335"></stop></linearGradient><linearGradient x1="86" y1="12.09375" x2="86" y2="161.54563" gradientUnits="userSpaceOnUse" id="color-3_48180_gr3"><stop offset="0" stop-color="#ed5335"></stop><stop offset="1" stop-color="#ed5335"></stop></linearGradient><linearGradient x1="86" y1="12.09375" x2="86" y2="161.54563" gradientUnits="userSpaceOnUse" id="color-4_48180_gr4"><stop offset="0" stop-color="#ed5335"></stop><stop offset="1" stop-color="#ed5335"></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="M86,77.9375c-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-1_48180_gr1)"></path><path d="M112.89113,27.10075l-2.15269,4.9235c22.52125,9.84431 37.07406,32.08606 37.07406,56.66325c0,34.08556 -27.72694,61.8125 -61.8125,61.8125c-34.08556,0 -61.8125,-27.72694 -61.8125,-61.8125c0,-24.5745 14.55013,-46.81356 37.07138,-56.66325l-2.15269,-4.9235c-24.48044,10.70163 -40.29369,34.87838 -40.29369,61.58675c0,37.04719 30.14031,67.1875 67.1875,67.1875c37.04719,0 67.1875,-30.14031 67.1875,-67.1875c0,-26.71106 -15.81862,-50.88781 -40.29637,-61.58675z" fill="url(#color-2_48180_gr2)"></path><path d="M86,134.375c-25.19263,0 -45.6875,-20.49487 -45.6875,-45.6875c0,-15.28381 7.59219,-29.48725 20.30944,-37.99587l-2.99388,-4.46663c-14.20881,9.50837 -22.69056,25.38613 -22.69056,42.4625c0,28.15694 22.90556,51.0625 51.0625,51.0625c28.15694,0 51.0625,-22.90556 51.0625,-51.0625c0,-17.14356 -8.5355,-33.05088 -22.83031,-42.55387l-2.97506,4.47738c12.7925,8.50325 20.43037,22.73625 20.43037,38.0765c0,25.19263 -20.49487,45.6875 -45.6875,45.6875z" fill="url(#color-3_48180_gr3)"></path><path d="M72.40394,48.375h10.90856v27.14644c-5.375,1.24969 -10.75,6.67575 -10.75,13.16606c0,7.40944 6.02806,13.4375 13.4375,13.4375c7.40944,0 13.4375,-6.02806 13.4375,-13.4375c0,-6.49031 -5.375,-11.91638 -10.75,-13.16606v-27.14644h10.90587c1.86244,0 3.59856,-0.96481 4.52575,-2.52356c0.88956,-1.49156 0.9245,-3.29219 0.09675,-4.816l-11.33856,-20.92487c-1.33031,-2.45906 -3.96406,-3.98556 -6.87731,-3.98556c-2.91325,0 -5.547,1.5265 -6.88,3.98288l-11.33856,20.92488c-0.82775,1.52381 -0.79281,3.32444 0.09675,4.816c0.92719,1.56144 2.66331,2.52625 4.52575,2.52625zM94.0625,88.6875c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625c0,-4.44512 3.61737,-8.0625 8.0625,-8.0625c4.44512,0 8.0625,3.61737 8.0625,8.0625zM83.84463,22.67175c0.58856,-1.08844 1.79794,-1.17175 2.15537,-1.17175c0.35744,0 1.56681,0.08331 2.15537,1.17175l11.01606,20.33094l-26.41275,0.13438z" fill="url(#color-4_48180_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<h3 class="all-caps">Are you leaving?</h3>
|
|
<div class="fs-11">Are you sure you want to log out ? You will return to the login screen.</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col p-r-5">
|
|
<div class="btn btn-sm btn-default btn-block b-rad-none" data-dismiss="modal">Stay Here</div>
|
|
</div>
|
|
<div class="col p-l-5">
|
|
<div class="btn btn-sm btn-danger btn-block b-rad-none" data-dismiss="modal" @click="logout()">Logout</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</modal-component>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return {
|
|
loading: false
|
|
}
|
|
},
|
|
methods:{
|
|
logout(){
|
|
this.loading = true;
|
|
this.submit(this.route('api.account.authentication.logout'), 'get', this.section, false, false)
|
|
},
|
|
successHandler(){
|
|
this.$store.dispatch('userAuthentication', {access_token: '', redirect_url: this.route('login')});
|
|
},
|
|
errorHandler(){
|
|
this.$store.dispatch('userAuthentication', {access_token: '', redirect_url: this.route('login')});
|
|
}
|
|
}
|
|
}
|
|
|
|
</script> |