-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·9 lines (6 loc) · 6.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Quiz Client</title><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Quiz Client"><meta name="theme-color" content="#283593"/><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="site.webmanifest"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><base href="/quiz-client/"><link href="assets/vendors.css" rel="stylesheet"><link href="assets/main.css" rel="stylesheet"><script async src="//www.googletagmanager.com/gtag/js?id=UA-124541017-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-124541017-1');</script></head><body ng-app="quiz-client"><div ng-cloak ng-controller="IntroController as ic"><div ng-intro-options="ic.options" ng-intro-autostart="ic.autostart" ng-intro-method="callMe" ng-intro-oncomplete="ic.done" ng-intro-onexit="ic.done"></div></div><div ng-cloak ng-controller="QuizController as qc"><md-toolbar class="md-hue-2 ng-cloak"><div class="md-toolbar-tools"><h2 id="step-header" flex md-truncate>Quiz Client ([[ qc.quiz.getHeader("Number") ]])</h2><md-button class="md-icon-button" id="step-feedback" aria-label="Error / Feedback" ng-click="qc.error(qc.set.current.id)"><md-tooltip md-direction="bottom">Error / Feedback</md-tooltip><md-icon mb-font-set="md">feedback</md-icon></md-button><md-button class="md-icon-button" id="step-start" aria-label="Start/restart" ng-click="qc.start($event)"><md-tooltip md-direction="bottom">Start / Restart quiz</md-tooltip><md-icon mb-font-set="md">power_settings_new</md-icon><md-progress-circular md-mode="determinate" class="md-warn md-hue-3" value="[[ qc.timerValue ]]" md-diameter="40"></md-progress-circular></md-button><md-button class="md-icon-button" id="step-hint" aria-label="Hint" ng-click="qc.showHint($event)"><md-tooltip md-direction="bottom">Hint</md-tooltip><md-icon mb-font-set="md">help</md-icon></md-button><md-button class="md-icon-button" id="step-history" aria-label="History" ng-click="qc.showHistory($event)"><md-tooltip md-direction="bottom">History</md-tooltip><md-icon mb-font-set="md">history</md-icon></md-button><md-button class="md-icon-button" id="step-settings" aria-label="Settings" ng-click="qc.showSettings($event)"><md-tooltip md-direction="bottom">Settings</md-tooltip><md-icon mb-font-set="md">settings</md-icon></md-button><md-button class="md-icon-button" id="step-info" aria-label="Info" ng-click="qc.showInfo($event)"><md-tooltip md-direction="bottom">Quiz information</md-tooltip><md-icon mb-font-set="md">info</md-icon></md-button></div></md-toolbar><md-toolbar class="md-accent" ng-hide="qc.quiz.getHeader('alert') == null || qc.quiz.getConfig('HIDEALERT') == true"><h2 class="md-toolbar-tools" layout-align="center center"><span>[[ qc.quiz.getHeader("alert") ]]</span></h2></md-toolbar><section class="navigation" layout="row" layout-sm="column" layout-align="center center" layout-wrap><md-button id="step-before" ng-disabled="qc.set.pos == 1" class="md-icon-button" id="step-prev" aria-label="Before" ng-click="qc.before($event)"><md-tooltip md-direction="left">Before question</md-tooltip><md-icon mb-font-set="md">navigate_before</md-icon></md-button><md-button id="step-submit" class="md-raised md-primary" ng-click="qc.submit()" ng-hide="qc.end"><md-tooltip md-direction="top">[[ qc.submitted ? 'Next question' : 'Submit question answers' ]]</md-tooltip>[[ qc.submitted ? qc.set.pos < qc.set.questions.length ? 'Next' : 'Done' : 'Submit' ]]</md-button><md-button id="step-next" ng-disabled="qc.set.questions.length <= qc.set.pos" class="md-icon-button" id="step-next" aria-label="Next" ng-click="qc.next($event)"><md-tooltip md-direction="right">Next question</md-tooltip><md-icon mb-font-set="md">navigate_next</md-icon></md-button></section><div class="questions md-padding demo ng-cloak" ng-show="qc.set.questions.length > 0"><div layout="row" layout-wrap><div flex="100" layout="column"><div id="step-question"><fieldset class="demo-fieldset"><legend class="demo-legend">Question number [[ qc.set.current.id ]] ([[ qc.set.pos + "/" + qc.set.questions.length ]])</legend><md-chips ng-model="qc.set.current.tags" readonly="true" md-removable="false"></md-chips><div layout="row" layout-wrap flex><md-content flex layout-padding><div class="hljs" ng-class="{'hljs-dark': qc.quiz.getConfig('THEME') === 'dark'}" hljs hljs-source="qc.set.current.text"></div></md-content><div class="demo-select-all-checkboxes" flex="100" ng-repeat="variant in qc.set.current.variants"><md-checkbox ng-keypress="false" ng-disabled="qc.disabled[qc.set.current.id] || qc.end" ng-class="qc.showAnswers ? (variant.isCorrect ? 'variant-green' : 'variant-red') : 'variant-default'" ng-checked="qc.exists(variant, qc.answers)" ng-click="qc.toggle(variant, qc.answers)">[[ variant.text ]]</md-checkbox></div><div flex-xs flex="100" ng-show="qc.set.current.variants.length == 0"><md-input-container md-no-float class="md-block" ng-class="qc.submitted ? (!qc.isCorrect ? 'md-input-invalid' : 'md-input-valid') : 'md-input-default'"><md-icon mb-font-set="md">question_answer</md-icon><input ng-disabled="qc.disabled[qc.set.current.id] || qc.end" ng-model="qc.answer" placeholder="Question answer"></md-input-container></div></div></fieldset></div></div></div></div><section layout="row" layout-sm="column" layout-align="center center" layout-wrap><div class="score-counters" id="step-counter"><span class="text-green">[[ qc.correctCount ]]</span> / <span class="text-red">[[ qc.incorrectCount ]]</span><md-tooltip md-direction="bottom">Score, correct percent [[ qc.correctCount / qc.set.questions.length * 100 | number : 0 ]]%</md-tooltip></div></section></div><script src="assets/intro.min.js"></script><script src="assets/vendors.bundle.js"></script><script src="assets/main.js"></script><script src="assets/angular-intro.min.js"></script></body></html>