%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
/**
* Admin Quiz Editor: Editor template.
*
* @since 3.0.0
*/
learn_press_admin_view( 'quiz/questions' );
learn_press_admin_view( 'quiz/modal-choose-items' );
?>
<script type="text/x-template" id="tmpl-lp-quiz-editor">
<div id="admin-editor-lp_quiz" class="learn-press-box-data lp-admin-editor">
<div v-if="heartbeat">
<div class="lp-box-data-head heading">
<h3><?php echo __( 'Questions', 'learnpress' ); ?><span class="status"></span></h3>
<div class="section-item-counts">
<span>{{textCountQuestions()}}</span>
</div>
<span :class="['collapse-list-questions dashicons ' , close ? 'dashicons-arrow-down' : 'dashicons-arrow-up']"
@click="toggle"></span>
</div>
<div class="lp-box-data-content">
<div class="lp-list-questions">
<div class="header">
<div class="table-row">
<div class="sort"></div>
<div class="order">#</div>
<div class="name"><?php esc_html_e( 'Name', 'learnpress' ); ?></div>
<div class="type"><?php esc_html_e( 'Type', 'learnpress' ); ?></div>
<div class="actions"><?php esc_html_e( 'Actions', 'learnpress' ); ?></div>
</div>
</div>
<form @submit.prevent="">
<lp-quiz-questions></lp-quiz-questions>
</form>
<div class="footer" v-if="!disableUpdateList">
<div class="table-row">
<div class="sort lp-sortable-handle"></div>
<div class="order">{{countQuestions() + 1}}</div>
<div class="name add-new-question">
<div class="title">
<form @submit.prevent="">
<input type="text" v-model="new_question.title"
placeholder="<?php _e( 'Create a new question', 'learnpress' ); ?>"
@keyup.enter.prevent="addItem()">
</form>
</div>
<div class="add-new">
<button type="button" class="button" :disabled="!addableNew"
@click.prevent="addItem(new_question.type)">
<?php esc_html_e( 'Add as New...', 'learnpress' ); ?>
</button>
<ul class="question-types">
<li v-for="(type, key) in questionTypes">
<a href="#" :data-type="key" @click.prevent="addItem(key)">{{type}}</a>
</li>
</ul>
</div>
<div class="select-item">
<button type="button" class="button" @click.prevent="openModal">
<?php esc_html_e( 'Select', 'learnpress' ); ?>
</button>
</div>
</div>
</div>
</div>
</div>
<lp-quiz-choose-items @addItems="addItems"></lp-quiz-choose-items>
</div>
</div>
<div v-else>
<div class="lp-place-holder">
<?php learn_press_admin_view( 'placeholder-animation' ); ?>
<div class="notify-reload"><?php esc_html_e( 'Something went wrong! Please reload to continue editing quiz questions.', 'learnpress' ); ?></div>
</div>
</div>
</div>
</script>
<script type="text/javascript">
(function (Vue, $store, $) {
Vue.component('lp-quiz-editor', {
template: '#tmpl-lp-quiz-editor',
data: function () {
return {
new_question: {
'title': '',
'type': ''
}
}
},
created: function () {
setInterval(function () {
$store.dispatch('heartbeat');
}, 60 * 1000);
},
computed: {
heartbeat: function () {
return $store.getters['heartbeat'];
},
// editor status
status: function () {
return $store.getters.status;
},
// list questions close
close: function () {
return $store.getters['lqs/isHiddenListQuestions'];
},
// quiz id
id: function () {
return $store.getters['id'];
},
// addable new
addableNew: function () {
return !!this.new_question.title;
},
// all question types
questionTypes: function () {
return $store.getters['questionTypes'];
},
// trigger user memorize
newQuestionType: function () {
return $store.getters['defaultNewQuestionType'];
},
// disable update list questions
disableUpdateList: function () {
return $store.getters['lqs/disableUpdateList'];
}
},
methods: {
// toggle all questions
toggle: function () {
$store.dispatch('lqs/toggleAll');
},
// add new question
addItem: function (type) {
if (this.new_question.title) {
if (!type) {
type = this.newQuestionType;
}
this.new_question.id = LP.uniqueId()
// new question
this.new_question.type = type;
$store.dispatch('lqs/newQuestion', {
quiz: {
title: $('input[name=post_title]').val(),
content: $('textarea[name=content]').val()
},
question: this.new_question
});
this.new_question.title = '';
}
},
// open modal
openModal: function () {
$store.dispatch('cqi/open', parseInt(this.quizId));
},
// add choose items in modal to quiz
addItems: function (type) {
// add items
$store.dispatch('cqi/addQuestionsToQuiz', {
title: $('input[name=post_title]').val(),
content: $('textarea[name=content]').val()
});
},
countQuestions: function () {
return $store.getters['lqs/listQuestions'].length;
},
textCountQuestions: function () {
var count = this.countQuestions(),
labels = $store.getters['i18n/all'].question_labels;
return count + ' ' + (count > 1 ? labels.plural : labels.singular);
}
}
})
})(Vue, LP_Quiz_Store, jQuery);
</script>
Zerion Mini Shell 1.0