ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / sala_palatului / 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 : QuizPage.vue \| Size : 10.51 KB
<template> <div class="content-step" v-bind:class="{terms_and_conditions: question.is_terms_and_condition == true}"> <h1 class="title" v-bind:class="{terms: step_no == 1}"> <span class="question" v-html="title"></span> </h1> <!-- <div class="small-line"></div> --> <div class="description" v-if="question.description \|\| question.image \|\| question.video"> <div v-html=question.description></div> <img :src="'images/' + question.image" v-if="question.image"> <div class="video-description" v-if="question.video"> <div v-if="question.type_video == 'wistia'" :id="'wistia_'+question.video" class="wistia_embed"> </div> <div class="videoWrapper" v-else-if="question.type_video == 'vimeo'"> <vimeo-player ref="player" :video-id="question.video"/> </div> </div> </div> <div class="subtitle" id="subtitle_description" v-html="html_subtitle"> </div><!-- .subtitle --> <div class="answer" v-bind:class="[(answer_has_video_or_img) ? 'video_or_img' : '']"> <template v-for="(answer, key) in question.answers"> <div class="answer-button" @click="setActive(key,answer)" v-bind:class="[active_answer == (questionKey + '-' + key) ? 'active' : '', question.answers.length == 1 ? 'form-button' : '']"> <img class="img-answer" v-if="answer.image != null && answer.image != ''" :src="'images/' + answer.image"> <div class="video-answer" v-if="answer.video"> <div v-if="answer.type_video == 'wistia'" :id="'wistia_'+answer.video" class="wistia_embed"> </div> <div class="videoWrapper" v-else-if="answer.type_video == 'vimeo'"> <vimeo-player ref="player" :video-id="answer.video"/> </div> </div> <button class="answer-title" v-if="question.answers.length > 1" v-bind:class="{trueoption: key > 0}">{{answer.title}}</button> <button class="answer-form" v-else>{{answer.title}}</button> </div> </template> <!-- <div class="back_button" @click="back_to_previous" v-if="showPreviousBtn"> <button><arrow-left></arrow-left> Intrebarea precedenta</button> </div> --> </div> <div class="terms-link" v-if="question.is_terms_and_condition == true" v-html=question.description_secondary></div> <button key="reset-quiz" class="mb-5 mx-auto w-100 reset-quiz-btn" style="background: transparent; border: 0; text-decoration: underline; font-size: 14px;" @click="resetQuizDev" v-if="reset_button">RESET QUIZ</button> </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: '', title_question: '', answer_has_video_or_img: false, showPreviousBtn: true, subtitle_selected: null, html_subtitle: '' } }, beforeCreate: function() { document.body.className = ''; }, props: { question: Object, setNextQuestion: Function, previousSet: Function, questionKey: String, step_no: '', reset_button: Number, resetQuizDev: Function, name_referral: String }, 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 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' && element.title){ 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) && element.title){ 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() { if(localStorage.getItem('previous_step') == this.questionKey){ this.showPreviousBtn = false; }else{ this.showPreviousBtn = true; } this.question.answers.forEach((el) => { if(el.video && el.type_video == 'wistia'){ setTimeout(() => { var wistiaEmbed = Wistia.embed(el.video, { autoPlay: false, controlsVisibleOnLoad: true, videoFoam: { maxWidth: 960 }, copyLinkAndThumbnailEnabled: false, playerColor: "404040", seo: true }); }, 0); } if (el.image \|\| el.video) { this.answer_has_video_or_img = true; } }); if(this.question.video && this.question.type_video == 'wistia'){ setTimeout(() => { var wistiaEmbed = Wistia.embed(this.question.video, { autoPlay: true, muted: true, controlsVisibleOnLoad: true, videoFoam: { maxWidth: 960 }, copyLinkAndThumbnailEnabled: false, playerColor: "404040", seo: true }); }, 0); } }, watch: { question: function (val) { if(localStorage.getItem('previous_step') == this.questionKey){ this.showPreviousBtn = false; }else{ this.showPreviousBtn = true; } this.answer_selected = ''; this.active_answer = ''; $('.answer').removeClass('video_or_img'); this.question.answers.forEach((el) => { if(el.video && el.type_video == 'wistia'){ setTimeout(() => { var wistiaEmbed = Wistia.embed(el.video, { autoPlay: false, controlsVisibleOnLoad: true, videoFoam: { maxWidth: 960 }, copyLinkAndThumbnailEnabled: false, playerColor: "404040", seo: true }); }, 0); } if (el.image \|\| el.video) { this.answer_has_video_or_img = true; } }); if(this.question.video && this.question.type_video == 'wistia'){ setTimeout(() => { var wistiaEmbed = Wistia.embed(this.question.video, { autoPlay: true, muted: true, controlsVisibleOnLoad: true, videoFoam: { maxWidth: 960 }, copyLinkAndThumbnailEnabled: false, playerColor: "404040", seo: true }); }, 0); } } }, methods: { setActive(key, answer){ $('.next_step button span').hide(); this.active_answer = (this.questionKey + '-' + key); this.answer_selected = answer; $('.next_step button').addClass('active'); setTimeout(() => { setTimeout(() => { $('.answer-button.active').removeClass('active'); }, 1); this.setNextQuestion(this.questionKey, this.answer_selected, this.title_question, key) this.$root.$emit("change_step_progress"); }, 1); }, back_to_previous(){ this.previousSet(); } } } </script> Back

Edit File : QuizPage.vue | Size : 10.51 KB

<template>
    <div class="content-step" v-bind:class="{terms_and_conditions: question.is_terms_and_condition == true}">
        <h1 class="title" v-bind:class="{terms: step_no == 1}">
            <span class="question" v-html="title"></span>
        </h1>
        
        <div class="description" v-if="question.description || question.image || question.video">
            <div v-html=question.description></div>
            <img :src="'images/' + question.image" v-if="question.image">
            <div class="video-description" v-if="question.video">
                <div v-if="question.type_video == 'wistia'" :id="'wistia_'+question.video" class="wistia_embed">&nbsp;</div>
                <div class="videoWrapper" v-else-if="question.type_video == 'vimeo'">
                    <vimeo-player ref="player" :video-id="question.video"/>
                </div>
            </div>
        </div>
        
        <div class="subtitle" id="subtitle_description" v-html="html_subtitle">
        </div>
        <div class="answer" v-bind:class="[(answer_has_video_or_img) ? 'video_or_img' : '']">
            <template v-for="(answer, key) in question.answers">
                <div class="answer-button" @click="setActive(key,answer)" v-bind:class="[active_answer == (questionKey + '-' + key) ? 'active' : '', question.answers.length == 1 ? 'form-button' : '']">
                    <img class="img-answer" v-if="answer.image != null && answer.image != ''" :src="'images/' + answer.image">
                    <div class="video-answer" v-if="answer.video">
                        <div v-if="answer.type_video == 'wistia'" :id="'wistia_'+answer.video" class="wistia_embed">&nbsp;</div>
                        <div class="videoWrapper" v-else-if="answer.type_video == 'vimeo'">
                            <vimeo-player ref="player" :video-id="answer.video"/>
                        </div>
                    </div>
                    <button class="answer-title" v-if="question.answers.length > 1" v-bind:class="{trueoption: key > 0}">{{answer.title}}</button>
                    <button class="answer-form" v-else>{{answer.title}}</button>
                </div>
            </template>

</div>
        <div class="terms-link" v-if="question.is_terms_and_condition == true" v-html=question.description_secondary></div>

<button key="reset-quiz" class="mb-5 mx-auto w-100 reset-quiz-btn"
            style="background: transparent;
                border: 0;
                text-decoration: underline;
                font-size: 14px;" 
            @click="resetQuizDev" v-if="reset_button">RESET QUIZ</button>
    </div>
</template>

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' && element.title){
                        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) && element.title){
                        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);

return true;
                })

function has_key(string){
                    try{
                        return eval(string)
                    }catch{
                        return null
                    }
                }

return new_title;
            }
        },
        mounted() {

if(localStorage.getItem('previous_step') == this.questionKey){
                this.showPreviousBtn = false;
            }else{
                this.showPreviousBtn = true;
            }

this.question.answers.forEach((el) => {
                if(el.video && el.type_video == 'wistia'){
                    setTimeout(() => {
                        var wistiaEmbed = Wistia.embed(el.video, {
                            autoPlay: false,
                            controlsVisibleOnLoad: true,
                            videoFoam: {
                                maxWidth: 960
                            },
                            copyLinkAndThumbnailEnabled: false,
                            playerColor: "404040",
                            seo: true
                        });
                    }, 0);
                }

if (el.image || el.video) {
                    this.answer_has_video_or_img = true;
                }
            });

if(this.question.video && this.question.type_video == 'wistia'){
                setTimeout(() => {
                    var wistiaEmbed = Wistia.embed(this.question.video, {
                        autoPlay: true,
                        muted: true,
                        controlsVisibleOnLoad: true,
                        videoFoam: {
                            maxWidth: 960
                        },
                        copyLinkAndThumbnailEnabled: false,
                        playerColor: "404040",
                        seo: true
                    });
                }, 0);
            }
        },
         watch: {
            question: function (val) {
                if(localStorage.getItem('previous_step') == this.questionKey){
                    this.showPreviousBtn = false;
                }else{
                    this.showPreviousBtn = true;
                }

this.answer_selected = '';
                this.active_answer = '';
                $('.answer').removeClass('video_or_img');

this.question.answers.forEach((el) => {
                    if(el.video && el.type_video == 'wistia'){
                        setTimeout(() => {
                            var wistiaEmbed = Wistia.embed(el.video, {
                                autoPlay: false,
                                controlsVisibleOnLoad: true,
                                videoFoam: {
                                    maxWidth: 960
                                },
                                copyLinkAndThumbnailEnabled: false,
                                playerColor: "404040",
                                seo: true
                            });
                        }, 0);
                    }

if (el.image || el.video) {
                        this.answer_has_video_or_img = true;
                    }
                });

if(this.question.video && this.question.type_video == 'wistia'){
                    setTimeout(() => {
                        var wistiaEmbed = Wistia.embed(this.question.video, {
                            autoPlay: true,
                            muted: true,
                            controlsVisibleOnLoad: true,
                            videoFoam: {
                                maxWidth: 960
                            },
                            copyLinkAndThumbnailEnabled: false,
                            playerColor: "404040",
                            seo: true
                        });
                    }, 0);
                }
            }
        },
        methods: {
            setActive(key, answer){
                $('.next_step button span').hide();
                this.active_answer = (this.questionKey + '-' + key);
                this.answer_selected = answer;

$('.next_step button').addClass('active');

setTimeout(() => {
                    setTimeout(() => {
                        $('.answer-button.active').removeClass('active');
                    }, 1);
                    this.setNextQuestion(this.questionKey, this.answer_selected, this.title_question, key)
                    this.$root.$emit("change_step_progress");
                }, 1);
            },
            back_to_previous(){
                this.previousSet();
            }
        }
    }
</script>

Back