QuizMode CSA Set 3 Template

beingfluid · Aug 30, 2022 · 3f56384 · 3f56384
1 parent 2ed3721
commit 3f56384
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -195,6 +195,7 @@
         $scope.itemsPerPage = 1;
         $scope.maxSize = 5;
         $scope.showAnswerTrue = false;
+        $scope.totalQuestions = itemsDetails.length;
 
         $scope.numOfPages = function () {
             return Math.ceil( itemsDetails.length / $scope.itemsPerPage );

diff --git a/ucsa1.html b/ucsa1.html
@@ -1,4 +1,4 @@
- <main class="px-3">
+ <main class="px-3" style="font-family: 'Harmattan'; font-size: 22px;">
   <div style="text-align: center;">
     <h1>Servicenow: Certified System Administrator</h1>
     <h3>( Practice Set 2 )</h3>
@@ -12,6 +12,7 @@ <h3>( Practice Set 2 )</h3>
               <div class="shadow-1-strong" style="color: rgb(255, 0, 132)">
                  <strong>{{ itilQue['que']}}</strong>
               </div>
+              <br />
               <ol type="A">
                 <li ng-repeat="itilQueOption in itilQue['opt']" ng-bind-html="itilQueOption"></li>
               </ol>

diff --git a/ucsanew1.html b/ucsanew1.html
@@ -4,10 +4,13 @@ <h1>Servicenow: Certified System Administrator</h1>
                 <h3>( Practice Set 3 )</h3>
             </div>
             <br />
+
+                <label>Current Que: </label><input type="number" min="1" max="totalQuestions" ng-model="curPage" /><span style="text-align: center;vertical-align: top;"> / {{totalQuestions}}</span>
+
             <div  class="container py-5 h-100" ng-repeat="itilQue in filteredItems">
 
                         <div class="shadow-1-strong" style="font-weight: bold; color: rgb(255, 0, 132)">
-                            <p>{{ itilQue['que']}}</p>
+                            <p>Que. {{curPage}}) {{ itilQue['que']}}</p>
                         </div>
                         <ol type="A">
                             <li ng-repeat="itilQueOption in itilQue['opt']" ng-bind-html="itilQueOption"></li>