102 lines
33 KiB
Vue
102 lines
33 KiB
Vue
<template>
|
|
<div v-if="isModalVisible" class="loading-modal-backdrop">
|
|
<div class="loading-modal">
|
|
<section class="loading-modal-body">
|
|
<div class="modal-icon-container text-center">
|
|
<object type="image/svg+xml" :data="fmgAnimatedTransition"/>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="gif-test">
|
|
<svg id="eMBmJ8qcPAf1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 326 186" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" svg:style="background-color:transparent"><svg:style><![CDATA[#eMBmJ8qcPAf4_to {animation: eMBmJ8qcPAf4_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf4_to__to { 0% {transform: translate(162.851563px,121.421875px)} 13.333333% {transform: translate(162.851563px,121.421875px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 15% {transform: translate(162.851563px,101.421875px)} 100% {transform: translate(162.851563px,101.421875px)}} #eMBmJ8qcPAf4 {animation: eMBmJ8qcPAf4_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf4_c_o { 0% {opacity: 1} 13.333333% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 15% {opacity: 0} 100% {opacity: 0}} #eMBmJ8qcPAf5_to {animation: eMBmJ8qcPAf5_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf5_to__to { 0% {transform: translate(150.339843px,121.421876px)} 6.666667% {transform: translate(150.339843px,121.421876px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 8.333333% {transform: translate(162.652343px,121.421876px)} 100% {transform: translate(162.652343px,121.421876px)}} #eMBmJ8qcPAf5 {animation: eMBmJ8qcPAf5_f_p 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf5_f_p { 0% {fill: #4d5151} 6.666667% {fill: #4d5151} 8.333333% {fill: #000} 100% {fill: #000}} #eMBmJ8qcPAf7_ts {animation: eMBmJ8qcPAf7_ts__ts 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf7_ts__ts { 0% {transform: translate(61.25px,121.25px) scale(0.5,0.5)} 6.666667% {transform: translate(61.25px,121.25px) scale(0.5,0.5);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 8.333333% {transform: translate(61.25px,121.25px) scale(1,1)} 100% {transform: translate(61.25px,121.25px) scale(1,1)}} #eMBmJ8qcPAf7 {animation: eMBmJ8qcPAf7_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf7_c_o { 0% {opacity: 0} 6.666667% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 8.333333% {opacity: 1} 100% {opacity: 1}} #eMBmJ8qcPAf10 {animation: eMBmJ8qcPAf10_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf10_c_o { 0% {opacity: 1} 13.333333% {opacity: 1} 15% {opacity: 0} 100% {opacity: 0}} #eMBmJ8qcPAf14_to {animation: eMBmJ8qcPAf14_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf14_to__to { 0% {transform: translate(162.851563px,141.421875px)} 13.333333% {transform: translate(162.851563px,141.421875px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 15% {transform: translate(162.851563px,121.421875px)} 28.333333% {transform: translate(163px,121.414063px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {transform: translate(162.851563px,101.421875px)} 100% {transform: translate(162.851563px,101.421875px)}} #eMBmJ8qcPAf14 {animation: eMBmJ8qcPAf14_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf14_c_o { 0% {opacity: 0} 13.333333% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 15% {opacity: 1} 28.333333% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {opacity: 0} 100% {opacity: 0}} #eMBmJ8qcPAf15_to {animation: eMBmJ8qcPAf15_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf15_to__to { 0% {transform: translate(150.339843px,121.421876px)} 21.666667% {transform: translate(150.339843px,121.421876px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 23.333333% {transform: translate(162.652343px,121.421876px)} 100% {transform: translate(162.652343px,121.421876px)}} #eMBmJ8qcPAf15 {animation: eMBmJ8qcPAf15_f_p 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf15_f_p { 0% {fill: #4d5151} 21.666667% {fill: #4d5151} 23.333333% {fill: #000} 100% {fill: #000}} #eMBmJ8qcPAf17_ts {animation: eMBmJ8qcPAf17_ts__ts 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf17_ts__ts { 0% {transform: translate(61.25px,121.25px) scale(0.5,0.5)} 21.666667% {transform: translate(61.25px,121.25px) scale(0.5,0.5);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 23.333333% {transform: translate(61.25px,121.25px) scale(1,1)} 100% {transform: translate(61.25px,121.25px) scale(1,1)}} #eMBmJ8qcPAf17 {animation: eMBmJ8qcPAf17_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf17_c_o { 0% {opacity: 0} 21.666667% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 23.333333% {opacity: 1} 100% {opacity: 1}} #eMBmJ8qcPAf20 {animation: eMBmJ8qcPAf20_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf20_c_o { 0% {opacity: 0} 13.333333% {opacity: 0} 15% {opacity: 1} 28.333333% {opacity: 1} 30% {opacity: 0} 100% {opacity: 0}} #eMBmJ8qcPAf31_to {animation: eMBmJ8qcPAf31_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf31_to__to { 0% {transform: translate(163px,141.421875px)} 28.333333% {transform: translate(163px,141.421875px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {transform: translate(163px,121.421876px)} 43.333333% {transform: translate(163px,121.414063px)} 100% {transform: translate(163px,121.414063px)}} #eMBmJ8qcPAf31 {animation: eMBmJ8qcPAf31_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf31_c_o { 0% {opacity: 0} 28.333333% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {opacity: 1} 43.333333% {opacity: 1} 100% {opacity: 1}} #eMBmJ8qcPAf37 {animation: eMBmJ8qcPAf37_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf37_c_o { 0% {opacity: 0} 28.333333% {opacity: 0} 30% {opacity: 1} 100% {opacity: 1}} #eMBmJ8qcPAf42_tr {animation: eMBmJ8qcPAf42_tr__tr 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf42_tr__tr { 0% {transform: translate(40px,40px) rotate(0deg)} 8.333333% {transform: translate(40px,40px) rotate(0deg);animation-timing-function: cubic-bezier(0.534019,0,0.824873,0.402208)} 13.333333% {transform: translate(40px,40px) rotate(0deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 15% {transform: translate(40px,40px) rotate(360deg);animation-timing-function: cubic-bezier(0.895,0.03,0.685,0.22)} 23.333333% {transform: translate(40px,40px) rotate(360deg);animation-timing-function: cubic-bezier(0.956817,0,0.673808,0.650156)} 28.333333% {transform: translate(40px,40px) rotate(360deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {transform: translate(40px,40px) rotate(720deg);animation-timing-function: cubic-bezier(0.895,0.03,0.685,0.22)} 33.333333% {transform: translate(40px,40px) rotate(720deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 36.666667% {transform: translate(40px,40px) rotate(1080deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 40% {transform: translate(40px,40px) rotate(1080deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 43.333333% {transform: translate(40px,40px) rotate(1440deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 46.666667% {transform: translate(40px,40px) rotate(1440deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 50% {transform: translate(40px,40px) rotate(1800deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 53.333333% {transform: translate(40px,40px) rotate(1800deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 56.666667% {transform: translate(40px,40px) rotate(2160deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {transform: translate(40px,40px) rotate(2160deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 63.333333% {transform: translate(40px,40px) rotate(2520deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 66.666667% {transform: translate(40px,40px) rotate(2520deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 70% {transform: translate(40px,40px) rotate(2880deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 73.333333% {transform: translate(40px,40px) rotate(2880deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 76.666667% {transform: translate(40px,40px) rotate(3240deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 80% {transform: translate(40px,40px) rotate(3240deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 83.333333% {transform: translate(40px,40px) rotate(3600deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 86.666667% {transform: translate(40px,40px) rotate(3600deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 90% {transform: translate(40px,40px) rotate(3960deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 93.333333% {transform: translate(40px,40px) rotate(3960deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 96.666667% {transform: translate(40px,40px) rotate(4320deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 100% {transform: translate(40px,40px) rotate(4320deg)}} #eMBmJ8qcPAf42 {animation: eMBmJ8qcPAf42_s_do 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf42_s_do { 0% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 8.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.534019,0,0.824873,0.402208)} 13.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 15% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 23.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.956817,0,0.673808,0.650156)} 28.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 33.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 36.666667% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 40% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 43.333333% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 46.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 50% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 53.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 56.666667% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 63.333333% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 66.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 70% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 73.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 76.666667% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 80% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 83.333333% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 86.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 90% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 93.333333% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 96.666667% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 100% {stroke-dashoffset: 0}} #eMBmJ8qcPAf43_to {animation: eMBmJ8qcPAf43_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf43_to__to { 0% {transform: translate(166.296875px,163.210937px)} 48.333333% {transform: translate(166.296875px,163.210937px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 50% {transform: translate(166.296875px,153.210937px)} 65% {transform: translate(166.296875px,153.210937px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 66.666667% {transform: translate(166.296875px,143.210937px)} 100% {transform: translate(166.296875px,143.210937px)}} #eMBmJ8qcPAf43 {animation: eMBmJ8qcPAf43_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf43_c_o { 0% {opacity: 0} 48.333333% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 50% {opacity: 1} 65% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 66.666667% {opacity: 0} 100% {opacity: 0}} #eMBmJ8qcPAf45_to {animation: eMBmJ8qcPAf45_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf45_to__to { 0% {transform: translate(166.296875px,163.210937px)} 65% {transform: translate(166.296875px,163.210937px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 66.666667% {transform: translate(166.296875px,153.210937px)} 81.666667% {transform: translate(166.296875px,153.210937px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 83.333333% {transform: translate(166.296875px,143.210937px)} 100% {transform: translate(166.296875px,143.210937px)}} #eMBmJ8qcPAf45 {animation: eMBmJ8qcPAf45_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf45_c_o { 0% {opacity: 0} 65% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 66.666667% {opacity: 1} 81.666667% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 83.333333% {opacity: 0} 100% {opacity: 0}} #eMBmJ8qcPAf47_to {animation: eMBmJ8qcPAf47_to__to 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf47_to__to { 0% {transform: translate(166.296875px,163.210937px)} 81.666667% {transform: translate(166.296875px,163.210937px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 83.333333% {transform: translate(166.296875px,153.210937px)} 98.333333% {transform: translate(166.296875px,153.210937px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 100% {transform: translate(166.296875px,143.210937px)}} #eMBmJ8qcPAf47 {animation: eMBmJ8qcPAf47_c_o 30000ms linear 1 normal forwards}@keyframes eMBmJ8qcPAf47_c_o { 0% {opacity: 0} 81.666667% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 83.333333% {opacity: 1} 98.333333% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 100% {opacity: 0}}]]></svg:style><g transform="translate(.000001 10.597656)"><g id="eMBmJ8qcPAf4_to" transform="translate(162.851563,121.421875)"><g id="eMBmJ8qcPAf4" transform="translate(-150.324219,-121.421875)"><g id="eMBmJ8qcPAf5_to" transform="translate(150.339843,121.421876)"><text id="eMBmJ8qcPAf5" dx="0" dy="0" font-family=""eMBmJ8qcPAf1:::Roboto"" font-size="16" font-weight="400" transform="translate(-85.179687,5.46875)" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Assessing your damage]]></tspan></text></g><g id="eMBmJ8qcPAf7_ts" transform="translate(61.25,121.25) scale(0.5,0.5)"><g id="eMBmJ8qcPAf7" transform="translate(-61.25,-121.25)" opacity="0"><ellipse rx="8.75" ry="8.75" transform="translate(61.25 121.25)" fill="#0c7e47" stroke-width="0"/><path d="M44.800008,142.400004L52.400004,150l15.199992-15.199992" transform="matrix(.416666 0 0 0.416666 38.33337 61.91676)" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></g></g></g><g id="eMBmJ8qcPAf10" transform="translate(142.231345 35.134984)"><path d="M21.5025,15.0567c-1.531-1.532-4.014-1.5329-5.546-.0019s-1.5329,4.0139-.002,5.5459L32.1196,36.7771c1.5309,1.532,4.0139,1.5329,5.546.0019s1.5328-4.014.0019-5.546L21.5025,15.0567Z" fill="#da291c" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.2807,1.11108c-1.8532-.00068-3.6735.48979-5.27548,1.42145L15.4732,9.99744L10.893,14.5746L3.64952,7.34036c-.93356,2.07767-1.17001,4.40154-.67403,6.62474s1.69775,4.2261,3.42588,5.71C8.1295,21.1589,10.2913,22.044,12.5638,22.198s4.534-.4311,6.4466-1.6681c1.9126-1.2371,3.3737-3.0596,4.1652-5.1954s.8708-4.4704.2262-6.65506-1.9786-4.10219-3.8027-5.46626-4.0407-2.10147-6.3184-2.1021Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.6776,35.368c.9447,0,1.7104-.765,1.7104-1.7088c0-.9437-.7657-1.7088-1.7104-1.7088-.9446,0-1.7104.7651-1.7104,1.7088c0,.9438.7658,1.7088,1.7104,1.7088Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eMBmJ8qcPAf14_to" transform="translate(162.851563,141.421875)"><g id="eMBmJ8qcPAf14" transform="translate(-129.68164,-121.414062)" opacity="0"><g id="eMBmJ8qcPAf15_to" transform="translate(150.339843,121.421876)"><text id="eMBmJ8qcPAf15" dx="0" dy="0" font-family=""eMBmJ8qcPAf1:::Roboto"" font-size="16" font-weight="400" transform="translate(-85.179687,5.46875)" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Finding your glass]]></tspan></text></g><g id="eMBmJ8qcPAf17_ts" transform="translate(61.25,121.25) scale(0.5,0.5)"><g id="eMBmJ8qcPAf17" transform="translate(-61.25,-121.25)" opacity="0"><ellipse rx="8.75" ry="8.75" transform="translate(61.25 121.25)" fill="#0c7e47" stroke-width="0"/><path d="M44.800008,142.400004L52.400004,150l15.199992-15.199992" transform="matrix(.416666 0 0 0.416666 38.33337 61.91676)" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></g></g></g><g id="eMBmJ8qcPAf20" transform="translate(140.504428 37.988812)" opacity="0"><path d="M4.68427,26.5728c0,1.8432,1.48104,3.0192,3.30739,3.0192s3.30584-1.176,3.30584-3.0192" fill="#fff"/><path d="M4.68427,26.5728c0,1.8432,1.48104,3.0192,3.30739,3.0192s3.30584-1.176,3.30584-3.0192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.7328,26.5728c0,1.8432,1.4811,3.0192,3.3059,3.0192s3.3074-1.176,3.3074-3.0192" fill="#fff"/><path d="M34.7328,26.5728c0,1.8432,1.4811,3.0192,3.3059,3.0192s3.3074-1.176,3.3074-3.0192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.1141,1.47998c7.5731,0,11.1435.88,11.1435.88c3.3533.5408,5.3476,6.8256,5.3476,6.8256h.6795c0-2.2944,1.2308-2.2672,2.197-1.8912.6769.27406,1.2757.71394,1.7424,1.28c1.2371,1.46562.4356,1.58562.4356,1.58562h-4.7631l3.6036,2.848v11.36c0,2.2832-1.9008,2.184-1.9008,2.184h-36.96738c0,0-1.9008.0992-1.9008-2.184v-11.36l3.6036-2.848h-4.76626c0,0-.801499-.12.4356-1.58562.46683-.56591,1.06557-1.00576,1.74241-1.28.96782-.3728,2.20492-.4,2.20492,1.8944h.68112c0,0,1.98475-6.2848,5.33809-6.8288c0,0,3.5703-.88,11.1434-.88Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.1141,9.48313c7.4274,0,13.7618.48,13.7618.48c0-2.4512-2.2303-5.6912-2.2303-5.6912s-3.7145-.7856-11.5315-.7856-11.5315.7936-11.5315.7936-2.23031,3.24-2.23031,5.6912c0-.0016,6.33441-.488,13.76181-.488Z" fill="#da291c" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.7576,16.3583c4.1362-.4454,8.3076-.4454,12.4439,0" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.2697,15.944c0,0,2.2366-2.1392,8.0783-2.1392c0,0,1.1088,2.5168-2.376,3.192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.6893,15.944c0,0-2.2366-2.1392-8.06892-2.1392c0,0-1.0882,2.4416,2.376,3.192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.68427,22.5424c0,0,20.16903,3.4528,36.66643,0" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eMBmJ8qcPAf31_to" transform="translate(163,141.421875)"><g id="eMBmJ8qcPAf31" transform="translate(-139.798828,-121.414062)" opacity="0"><text dx="0" dy="0" font-family=""eMBmJ8qcPAf1:::Roboto"" font-size="16" font-weight="400" transform="translate(65.160156 126.890626)" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Generating your quote]]></tspan></text><g transform="matrix(.5 0 0 0.5 30.625 60.625)" opacity="0"><ellipse rx="8.75" ry="8.75" transform="translate(61.25 121.25)" fill="#0c7e47" stroke-width="0"/><path d="M44.800008,142.400004L52.400004,150l15.199992-15.199992" transform="matrix(.416666 0 0 0.416666 38.33337 61.91676)" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></g></g><g id="eMBmJ8qcPAf37" transform="translate(143.118552 35.400006)" opacity="0"><path d="M21.6984,34.0096L18.748,36.96L3.14001,21.3472l2.89761-2.8976l15.66078,15.56Z" fill="#da291c" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M37.86,8.64639L36.0552,19.6576L21.6984,34.0096L6.0376,18.4496L20.4424,4.04479l11.0112-1.8048L37.86,8.64639Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.5881,12.8432c1.2892,0,2.3344-1.0451,2.3344-2.3344s-1.0452-2.33436-2.3344-2.33436-2.3344,1.04515-2.3344,2.33436s1.0451,2.3344,2.3344,2.3344Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></g></g><g transform="translate(123 25.122457)"><g id="eMBmJ8qcPAf42_tr" transform="translate(40,40) rotate(0)"><ellipse id="eMBmJ8qcPAf42" rx="35" ry="35" transform="translate(0,0)" fill="none" stroke="#da291c" stroke-width="6" stroke-linecap="round" stroke-dashoffset="219.91" stroke-dasharray="219.91"/></g></g><g id="eMBmJ8qcPAf43_to" transform="translate(166.296875,163.210937)"><text id="eMBmJ8qcPAf43" dx="0" dy="0" font-family=""eMBmJ8qcPAf1:::Roboto"" font-size="10" font-weight="400" transform="translate(-35.28125,4.351563)" opacity="0" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Almost done...]]></tspan></text></g><g id="eMBmJ8qcPAf45_to" transform="translate(166.296875,163.210937)"><text id="eMBmJ8qcPAf45" dx="0" dy="0" font-family=""eMBmJ8qcPAf1:::Roboto"" font-size="10" font-weight="400" transform="translate(-35.28125,4.351563)" opacity="0" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Nearly there...]]></tspan></text></g><g id="eMBmJ8qcPAf47_to" transform="translate(166.296875,163.210937)"><text id="eMBmJ8qcPAf47" dx="0" dy="0" font-family=""eMBmJ8qcPAf1:::Roboto"" font-size="10" font-weight="400" transform="translate(-35.28125,4.351563)" opacity="0" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Finishing up...]]></tspan></text></g><svg:style><![CDATA[@font-face {font-family: 'eMBmJ8qcPAf1:::Roboto';font-style: normal;font-weight: 400;src: url(data:font/ttf;charset=utf-8;base64,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) format('truetype');}]]></svg:style></svg>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
// load the path like this - <object> data attribute doesn't load the relative path correctly
|
|
const FMGAnimatedTransition = require("@/assets/img/FMGTransitionAnimation.svg");
|
|
|
|
export default {
|
|
name: 'Modal',
|
|
data() {
|
|
return {
|
|
isModalVisible: false,
|
|
fmgAnimatedTransition: FMGAnimatedTransition,
|
|
};
|
|
},
|
|
methods: {
|
|
showModal() {
|
|
|
|
//Display modal
|
|
this.isModalVisible = true;
|
|
|
|
//Force page reload on back button
|
|
window.addEventListener("pageshow", function(evt) {
|
|
if(evt.persisted){
|
|
setTimeout(function(){
|
|
window.location.reload();
|
|
}, 10);
|
|
}
|
|
}, false);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.loading-modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: #e5e5e5;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 1050;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
.loading-modal {
|
|
position: absolute;
|
|
background: #ffffff;
|
|
padding: 0 0 32px 0;
|
|
box-shadow: 2px 2px 20px 1px;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
border-radius: 4px;
|
|
top: 48px;
|
|
height: 186px;
|
|
width: 327px;
|
|
}
|
|
|
|
.loading-modal-text {
|
|
padding: 0 24px 0 24px;
|
|
}
|
|
|
|
.modal-icon-container {
|
|
margin: 15px auto;
|
|
padding-bottom: 26px;
|
|
}
|
|
|
|
.modal-icon-container img {
|
|
position: absolute;
|
|
vertical-align: middle;
|
|
border: 0;
|
|
width: 327px;
|
|
height: 186px;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.loader-gif {
|
|
width: 75px;
|
|
height: 75px;
|
|
}
|
|
</style>
|