Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
quiz_audit_management
/
resources
/
js
/
components
/
Information Server
MySQL :
OFF
Perl :
OFF
CURL :
ON
WGET :
OFF
PKEXEC :
OFF
Directive
Local Value
IP Address
89.40.16.97
System
Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User
tbf
PHP Version
7.3.33
Software
Apache
Doc root
Writable
close
Edit File :
LoaderPage.vue
| Size :
3.48
KB
Copy
<template> <div class="content-step loader-page"> <div class="question"> <h1 class="title"> <span class="overlay"></span> <span class="question" v-html="title"></span> </h1> <div class="description"> <div>Te rugăm să aștepți puțin până generăm raportul auditului. Imediat îți vom afișa scorul tău, cum te compari cu alți antreprenori și acțiunile care ar trebui implementate pentru rectificarea problemelor de management.</div> </div> <div> <div class="d-flex progress-generation"> <progress-bar :options="options" :value="progressValue" /> </div><!-- .progress-generation --> </div> </div> </div> </template> <script> import ProgressBar from 'vuejs-progress-bar'; export default { data() { return { progressValue: 0, options: { text: { color: '#000000', shadowEnable: false, fontSize: 14, fontFamily: 'Aktiv Grotesk', dynamicPosition: false, hideText: false }, progress: { color: '#fff', backgroundColor: '#F7B40C' }, layout: { height: 28, width: 611, verticalTextAlign: 68, horizontalTextAlign: 88, zeroOffset: 0, strokeWidth: 0, progressPadding: 4, type: 'line' } }, title: '', facebook_share_url_edited: '' } }, components: {}, computed:{}, mounted() { this.title = this.question.title.replace('{','<mark>').replace('}','</mark>') this.facebook_share_url_edited = this.question.facebook_share_url.replace(':','%3A').replace('/','%2F') let recaptchaScript = document.createElement('script') recaptchaScript.setAttribute('src', 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0&appId=343687872450351&autoLogAppEvents=1') document.head.appendChild(recaptchaScript) /* PROGRESS BAR */ var progress_span = $( ".progress-bar .active span" ); var handle_progress = () => { var time = 4000/40; if ( this.progressValue > 40 ) { //LENT time = 10000/10; } if ( this.progressValue > 50 ) { time = 4000/50; } if ( this.progressValue < 100 ) { setTimeout( ()=> { this.progressValue += 1; handle_progress(); }, time); } else { this.goCalculation(this.question.next_step); } } handle_progress(); /* PROGRESS BAR */ }, watch: {}, props: { question: Object, goCalculation: Function }, methods: {} } </script>
Back