Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
quiz_tbf_accelerator
/
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 :
CalculationsPage.vue
| Size :
8.85
KB
Copy
<template> <div class="content-step calculation-page"> <div v-if="!loaded"> <!-- <div class="loading"> Mai ai putina rabdare <span></span> </div> --> </div> <div v-else> <div v-if="hasError"> <div class="question"> <h1 class="title"> <span class="question"> Din păcate a apărut o eroare. Te rugăm să începi testul din nou. </span> </h1> <button key="reset-quiz" class="mb-5 mx-auto w-100" style="background: transparent; border: 0; text-decoration: underline; font-size: 14px;cursor:pointer;" @click="resetQuizDev" v-if="reset_button">Începe testul din nou</button> <br> <br> </div> </div> <div v-else> <div class="question"> <h1 class="title"> <span class="question"> Felicitări! Te califici pentru a participa în programul intensiv de implementare a sistemului TBF de management. </span> </h1> </div> <div class="description"> Urmărește materialul video de mai jos pentru a înțelege structura programului, cum funcționează și care este prețul. După ce ai urmărit prezentarea până la capăt, alege una din opțiunile de sub acest video. </div> <div class="laptop-video-background-2"> <div class="video-inside"><iframe frameborder="0" src="https://player.vimeo.com/video/694344764"></iframe></div> </div> <div class="pb-5 answer" v-if="source != 'admin'"> <div class="position-relative"> <div class="answer-button" @click="setActive('btn1', 'Vreau să intru în programul care începe în luna Mai')" v-bind:class="[active_answer == 'btn1' ? 'active' : '']"> <button class="answer-title">Vreau să intru în programul care începe în luna Mai</button> </div> <p>Vei fi contactat de un consultant TBF în maximum 48 de ore pentru a stabili toate detaliile.</p> </div> <br> <br> <br> <!-- <div class="position-relative"> <div class="answer-button" @click="setActive('btn2', 'Nu sunt pregătit să intru în program și sunt de acord să aștept până în 2023 când se deschid alte grupe')" v-bind:class="[active_answer == 'btn2' ? 'active' : '']"> <button class="answer-title">Nu sunt pregătit să intru în program și sunt de acord să aștept până în 2023 când se deschid alte grupe</button> </div> </div> --> </div> <button key="reset-quiz" class="mb-5 mx-auto w-100" style="background: transparent; border: 0; text-decoration: underline; font-size: 14px;cursor:pointer;" @click="resetQuizDev" v-if="reset_button">Începe testul din nou</button> <br> <br> </div> </div> </div> </template> <script> import Check from "./icons/Check"; import NextIcon from "./icons/Next"; import ArrowLeft from "./icons/ArrowLeft"; import ContactPage from './ContactPage' export default { data() { return { loaded: false, active_answer: 'nothing', answer_selected: 'nothing', title_question: '', showPreviousBtn: true, html_subtitle: '', // dynamic calculation values answers: {}, hasError: false, points: 0, application_no: 1321, points_position: 0, totalPeopleQuiz: 0, options_vimeo: { autoplay: true, controls: true, title: false, } } }, components: { Check, NextIcon, ArrowLeft, ContactPage }, computed:{ title: function(){ let quiz_obj = JSON.parse(localStorage.getItem('quiz')) var new_title = ''; var html_subtitle = ''; var regex_get_value = /(?:\#)([^#]+)(?=#|$)/; var title_escaped = ''; var new_title_v1 = ''; var scope = this; this.question.title.every((element) => { if(element.condition == 'true'){ if(regex_get_value.exec(element.title)){ title_escaped = eval(regex_get_value.exec(element.title)[1]); } new_title_v1 = element.title.replace(/\#([^#]+)\#/g , title_escaped); new_title = new_title_v1.replace('{','<mark>').replace('}','</mark>'); new_title = new_title.replace('&name', this.name_referral); this.title_question = new_title; this.html_subtitle = element.subtitle html_subtitle = $.parseHTML(html_subtitle); return false; } if(eval(element.condition)){ if(regex_get_value.exec(element.title)){ title_escaped = eval(regex_get_value.exec(element.title)[1]); } new_title_v1 = element.title.replace(/\#([^#]+)\#/g , title_escaped); new_title = new_title_v1.replace('{','<mark>').replace('}','</mark>'); new_title = new_title.replace('&name', this.name_referral); this.title_question = new_title; this.html_subtitle = element.subtitle html_subtitle = $.parseHTML(html_subtitle); return false; } return true; }) function has_key(string){ try{ return eval(string) }catch{ return null } } return new_title; } }, mounted() { var entity_json = ''; var session_token = ''; if(this.session_token != '' && this.source == 'admin' ){ entity_json = this.entity_json; session_token = this.session_token; }else{ entity_json = localStorage.getItem('quiz'); session_token = localStorage.getItem('sessionId'); } axios.post('/finalCalculation', { entity_json: entity_json, session_token: session_token }).then((result)=>{ this.hasError = result.data.error; this.loaded = true; }); $("html, body").animate({ scrollTop: 0 }, "slow"); }, watch: { }, props: { question: Object, goThanks: Function, reset_button: Boolean, resetQuizDev: Function, name_referral: String, entity_json: Object, session_token: String, source: String }, methods: { setActive(key, value){ this.active_answer = key; axios.post('/quizFeedback',{ session_token: localStorage.getItem('sessionId'), feedback: value }).then(()=>{ setTimeout(() => { setTimeout(() => { $('.answer-button.active').removeClass('active'); }, 50); if(key == 'btn2'){ this.goThanks(this.question.refuse_step) }else{ this.goThanks(this.question.next_step) } }, 500); }) }, back_to_previous(){ this.previousSet(); }, showBox(item){ $('#boxno-'+item).toggleClass('active'); } } } </script>
Back