ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / conferinta_tbf / 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

Edit File : FormStep.vue \| Size : 6.78 KB
<template> <div class="content-step"> <div class="question"> <h1 class="title"> <span class="overlay">{{ step_no < 10 ? '0' + step_no : step_no }}</span> <span class="question" v-html="title"></span> </h1> <div class="small-line"></div> <div class="description"> {{question.description}} <img :src="'images/' + question.image" v-if="question.image"> <div class="video-description" v-if="question.video"> <div :id="'wistia_'+question.video" class="wistia_embed"> </div> </div> </div> </div> <div class="form" v-for="answer in question.answers"> <div class="field" v-for="field in answer.fields"> <input type="text" class="input-quiz" :id="'input_' + field.name" :placeholder="field.placeholder" v-if="field.type == 'text'"> <input type="number" class="input-quiz" :id="'input_' + field.name" :placeholder="field.placeholder" v-if="field.type == 'number'"> <textarea v-else-if="field.type == 'textarea'" :id="'input_' + field.name" :placeholder="field.placeholder" class="textarea-quiz"></textarea> <span class="message-error">Acest camp este obligatoriu</span> </div> </div> <div class="answer"> <div class="position-relative" v-for="(answer, key) in question.answers" :key="key"> <div class="answer-button form-button" @click="setActive(key,answer)" v-bind:class="[active_answer == (questionKey + '-' + key) ? 'active' : '']"> <img class="img-answer" v-if="answer.image != null && answer.image != ''" :src="'images/' + answer.image"> <div class="video-answer" v-if="answer.video"> <div :id="'wistia_'+answer.video" class="wistia_embed"> </div> </div> <button class="answer-form"><span>{{answer.title}}</span> <arrow-right></arrow-right></button> </div> </div> <div class="back_button" @click="back_to_previous" v-if="showPreviousBtn"> <button><arrow-left></arrow-left> Intrebarea precedenta</button> </div> </div> </div> </template> <script> import Check from "./icons/Check"; import NextIcon from "./icons/Next"; import ArrowRight from "./icons/arrow-right"; import ArrowLeft from "./icons/ArrowLeft"; export default { data() { return { active_answer: 'nothing', answer_selected: 'nothing', title_question: '', showPreviousBtn: true } }, components: { 'check': Check, 'next-icon': NextIcon, 'arrow-right': ArrowRight, 'arrow-left': ArrowLeft }, computed:{ title: function(){ let quiz_obj = JSON.parse(localStorage.getItem('quiz')) var new_title = ''; var regex_get_value = /(?:\#)([^#]+)(?=#\|$)/; var title_escaped = ''; var new_title_v1 = ''; for (let i = 0; i < this.question.title.length; i++) { if(this.question.title[i].condition == 'true'){ if(regex_get_value.exec(this.question.title[i].title)){ title_escaped = eval(regex_get_value.exec(this.question.title[i].title)[1]); } new_title_v1 = this.question.title[i].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; break; } if(eval(this.question.title[i].condition)){ if(regex_get_value.exec(this.question.title[i].title)){ title_escaped = eval(regex_get_value.exec(this.question.title[i].title)[1]); } new_title_v1 = this.question.title[i].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; break; } } return new_title; } }, mounted() { if(localStorage.getItem('previous_step') == this.questionKey){ this.showPreviousBtn = false; }else{ this.showPreviousBtn = true; } }, watch: { question: function (val) { if(localStorage.getItem('previous_step') == this.questionKey){ this.showPreviousBtn = false; }else{ this.showPreviousBtn = true; } this.answer_selected = ''; this.active_answer = ''; $("input[type=text], input[type=number], textarea").val(""); } }, props: { question: Object, setNextQuestion: Function, previousSet: Function, questionKey: String, step_no: '', name_referral: String }, methods: { setActive(key, answer){ this.active_answer = (this.questionKey + '-' + key); this.answer_selected = answer; var fields_data = []; var error = false; this.question.answers.forEach((answer) => { answer.fields.forEach((field) => { if(field.required && $('#input_' + field.name).val() == ''){ error = true; $('#input_' + field.name).parent('.field').addClass('has-error'); }else{ fields_data.push({name: field.name, placeholder: field.placeholder, value: $('#input_' + field.name).val()}); } }) }); if(!error){ setTimeout(() => { $('.answer-button.active').removeClass('active'); }, 50); this.setNextQuestion(this.questionKey, this.answer_selected, this.title_question, key, fields_data) } }, back_to_previous(){ this.previousSet(); } } } </script> Back

Edit File : FormStep.vue | Size : 6.78 KB

<template>
    <div class="content-step">
        <div class="question">
            <h1 class="title">
                <span class="overlay">{{ step_no < 10 ? '0' + step_no : step_no  }}</span>
                <span class="question" v-html="title"></span>
            </h1>
            <div class="small-line"></div>
            <div class="description">
                {{question.description}}
                <img :src="'images/' + question.image" v-if="question.image">
                <div class="video-description" v-if="question.video">
                    <div :id="'wistia_'+question.video" class="wistia_embed">&nbsp;</div>
                </div>
            </div>
        </div>

<div class="form" v-for="answer in question.answers">
            <div class="field" v-for="field in answer.fields">
                <input type="text" class="input-quiz" :id="'input_' + field.name" :placeholder="field.placeholder" v-if="field.type == 'text'">
                <input type="number" class="input-quiz" :id="'input_' + field.name" :placeholder="field.placeholder" v-if="field.type == 'number'">
                <textarea v-else-if="field.type == 'textarea'" :id="'input_' + field.name" :placeholder="field.placeholder" class="textarea-quiz"></textarea>
                <span class="message-error">Acest camp este obligatoriu</span>
            </div>
        </div>

<div class="answer">
            <div class="position-relative" v-for="(answer, key) in question.answers" :key="key">
                <div class="answer-button form-button" @click="setActive(key,answer)" v-bind:class="[active_answer == (questionKey + '-' + key) ? 'active' : '']">
                    <img class="img-answer" v-if="answer.image != null && answer.image != ''" :src="'images/' + answer.image">
                    <div class="video-answer" v-if="answer.video">
                        <div :id="'wistia_'+answer.video" class="wistia_embed">&nbsp;</div>
                    </div>
                    <button class="answer-form"><span>{{answer.title}}</span> <arrow-right></arrow-right></button>
                </div>
            </div>

<div class="back_button" @click="back_to_previous" v-if="showPreviousBtn">
                <button><arrow-left></arrow-left> Intrebarea precedenta</button>
            </div>
        </div>
    </div>
</template>

export default {
        data() {
            return {
                active_answer: 'nothing',
                answer_selected: 'nothing',
                title_question: '',
                showPreviousBtn: true
            }
        },
        components: {
            'check': Check,
            'next-icon': NextIcon,
            'arrow-right': ArrowRight,
            'arrow-left': ArrowLeft
        },
        computed:{
            title: function(){
                let quiz_obj = JSON.parse(localStorage.getItem('quiz'))

var new_title = '';
                var regex_get_value = /(?:\#)([^#]+)(?=#|$)/;
                var title_escaped = '';
                var new_title_v1 = '';

for (let i = 0; i < this.question.title.length; i++) {
                    if(this.question.title[i].condition == 'true'){
                        if(regex_get_value.exec(this.question.title[i].title)){
                            title_escaped = eval(regex_get_value.exec(this.question.title[i].title)[1]);
                        }
                        new_title_v1 = this.question.title[i].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;
                        break;
                    }

if(eval(this.question.title[i].condition)){
                        if(regex_get_value.exec(this.question.title[i].title)){
                            title_escaped = eval(regex_get_value.exec(this.question.title[i].title)[1]);
                        }
                        new_title_v1 = this.question.title[i].title.replace(/\#([^#]+)\#/g , title_escaped);

return new_title;
            }
        },
        mounted() {
            if(localStorage.getItem('previous_step') == this.questionKey){
                this.showPreviousBtn = false;
            }else{
                this.showPreviousBtn = true;
            }
        },
        watch: {
            question: function (val) {
                if(localStorage.getItem('previous_step') == this.questionKey){
                    this.showPreviousBtn = false;
                }else{
                    this.showPreviousBtn = true;
                }

this.answer_selected = '';
                this.active_answer = '';

$("input[type=text], input[type=number], textarea").val("");
            }
        },
        props: {
            question: Object,
            setNextQuestion: Function,
            previousSet: Function,
            questionKey: String,
            step_no: '',
            name_referral: String
        },
        methods: {
            setActive(key, answer){
                this.active_answer = (this.questionKey + '-' + key);
                this.answer_selected = answer;

})
                });

if(!error){
                    setTimeout(() => {
                        $('.answer-button.active').removeClass('active');
                    }, 50);
                    this.setNextQuestion(this.questionKey, this.answer_selected, this.title_question, key, fields_data)
                }
            },
            back_to_previous(){
                this.previousSet();
            }
        }
    }
</script>

Back