← All changes | modules/shortcodes/js/quiz.js +92 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,92 @@
	1	+( function ( $ ) {
	2	+ $.fn.shuffleQuiz = function () {
	3	+ var allElems = this.get(),
	4	+ getRandom = function ( max ) {
	5	+ return Math.floor( Math.random() * max );
	6	+ },
	7	+ shuffled = $.map( allElems, function () {
	8	+ var random = getRandom( allElems.length ),
	9	+ randEl = $( allElems[ random ] ).clone( true )[ 0 ];
	10	+ allElems.splice( random, 1 );
	11	+ return randEl;
	12	+ } );
	13	+
	14	+ this.each( function ( i ) {
	15	+ $( this ).replaceWith( $( shuffled[ i ] ) );
	16	+ } );
	17	+
	18	+ return $( shuffled );
	19	+ };
	20	+} )( jQuery );
	21	+
	22	+jQuery( function ( $ ) {
	23	+ $( '.jetpack-quiz' ).each( function () {
	24	+ var quiz = $( this );
	25	+ quiz.find( 'div.jetpack-quiz-answer' ).shuffleQuiz();
	26	+ quiz.find( 'div[data-correct]' ).removeAttr( 'data-correct' ).data( 'correct', 1 );
	27	+ quiz.find( 'div.jetpack-quiz-answer:last' ).addClass( 'last' );
	28	+ } );
	29	+
	30	+ $( 'div.jetpack-quiz' ).on( 'click', 'div.jetpack-quiz-answer', function () {
	31	+ var trackid,
	32	+ answer = $( this ),
	33	+ quiz = answer.closest( 'div.jetpack-quiz' );
	34	+
	35	+ if ( quiz.data( 'a8ctraining' ) ) {
	36	+ new Image().src =
	37	+ '//pixel.wp.com/b.gif?v=wpcom-no-pv&x_trainingchaos-' +
	38	+ quiz.data( 'username' ) +
	39	+ '=' +
	40	+ quiz.data( 'a8ctraining' ) +
	41	+ '&rand=' +
	42	+ Math.random();
	43	+ quiz.data( 'a8ctraining', false );
	44	+ quiz.data( 'trackid', false );
	45	+ }
	46	+
	47	+ trackid = quiz.data( 'trackid' );
	48	+ if ( answer.data( 'correct' ) ) {
	49	+ answer.addClass( 'correct' );
	50	+ if ( trackid ) {
	51	+ new Image().src =
	52	+ '//pixel.wp.com/b.gif?v=wpcom-no-pv&x_quiz-' + trackid + '=correct&rand=' + Math.random();
	53	+ }
	54	+ } else {
	55	+ answer.addClass( 'wrong' );
	56	+ if ( trackid ) {
	57	+ new Image().src =
	58	+ '//pixel.wp.com/b.gif?v=wpcom-no-pv&x_quiz-' + trackid + '=wrong&rand=' + Math.random();
	59	+ }
	60	+ }
	61	+ // only track the first answer
	62	+ quiz.data( 'trackid', false );
	63	+ } );
	64	+} );
	65	+
	66	+document.querySelectorAll( '.jetpack-quiz-wrapper' ).forEach( function ( quiz ) {
	67	+ quiz.childNodes.forEach( function ( element, number ) {
	68	+ element.style.display = 'none';
	69	+ element.setAttribute( 'quiz-number', number );
	70	+ element.querySelector( '.jetpack-quiz-count' ).innerHTML =
	71	+ number + 1 + '/' + quiz.childElementCount;
	72	+ } );
	73	+
	74	+ quiz.childNodes[ 0 ].style.display = 'block';
	75	+} );
	76	+
	77	+document.querySelectorAll( '.jetpack-quiz-option-button' ).forEach( function ( element ) {
	78	+ element.addEventListener( 'click', function () {
	79	+ var currentQuiz = element.parentElement.parentElement;
	80	+ currentQuiz.style.display = 'none';
	81	+ var switchNumber = element.getAttribute( 'data-quiz-option' ) === 'next' ? 1 : -1;
	82	+ var newQuiz =
	83	+ currentQuiz.parentElement.childNodes[
	84	+ parseInt( currentQuiz.getAttribute( 'quiz-number' ) ) + switchNumber
	85	+ ];
	86	+ newQuiz.style.display = 'block';
	87	+ var newQuizQuestionEl = newQuiz.querySelector( '.jetpack-quiz-question' );
	88	+ if ( newQuizQuestionEl ) {
	89	+ newQuizQuestionEl.focus();
	90	+ }
	91	+ } );
	92	+} );