Widget:BMSandbox: Difference between revisions

Jump to navigation Jump to search
Briantmeyers (talk | contribs)
No edit summary
Briantmeyers (talk | contribs)
No edit summary
 
(42 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<base target="_blank"><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone.js"></script>


<script src="http://www.wikidoc.org/includes/raty/jquery.timer.js"></script>
<includeonly>
<script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.raty.js"></script>
<head>
 
 
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
          <link rel="stylesheet" href="file:///Users/brian/BoardReview/client/css/libs/animate.css">
          <link rel="stylesheet" href="http://localhost/~brian/BoardReview/css/WBR_11_11_14.css">




<script src='http://dl.dropboxusercontent.com/u/1874620/ChartNew.js'></script>
<script type="text/javascript" src="http://wikidoc.org/extensions/WGTextHighlight/jquery.textHighlighter.js"></script>
<script type="text/javascript" src="http://dl.dropboxusercontent.com/s/8gwddn7dld2dfcm/main.js"></script>
<head>
  <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css">
  <link rel="stylesheet" href="http://dl.dropboxusercontent.com/s/0ee4953bzzzc47w/main.css">
</head>
</head>
        <div id="app-container" ng-app="BR">
        <div ng-view></div>
        </div>
        <div id="chooseQBank" style='height:100%;'></div>


        <div id="testOptions" style='height:100%;'>
        <div class="container" id="tutorOrExamContainer" style="height:140px">
            <div class="round-button" id="myExamBigButton" style="margin-left:calc(50% - 120px); margin-top:10px">
                <div class="round-button-circle">
                    <p class="round-button">MY EXAMS</p>
                </div>
            </div>
            <div id="spacer" style="display: inline"></div>
            <div class="round-button" id="newExamBigButton">
                <div class="round-button-circle">
                    <p class="round-button">NEW EXAM</p>
                </div>
            </div>
            <div id="spacer" style="display: inline"></div>
        </div>
        <div class="container" id="tutorOrExamContainer" style="height:15px">
            <div class='arrow-up' id='myExamsArrow' style="margin-left:calc(50% - 70px); display: inline-block;"></div>
            <div class='arrow-up' id='newExamArrow' style="display: inline-block; margin-left: 130px;"></div>
        </div>
        <div id="wjgContainer" style='display:none ; margin-left:3%;'>
          <br>
          <br>
            <table id="report">
                <thead>
                <tr>
                    <th>Exam ID</th>
                    <th>Date started</th>
                    <th>Performance</th>
                    <th>Date Finished</th>
                    <th>Exam Type</th>
                    <th></th>
                </tr>
                </thead>
            </table>
            <div id="tableContainer">
                <table id="report">
                <tbody>
               
                </tbody>
            </table>
            </div>


<div id="chooseQBank" style='height:100%;'></div>
        </div>


<div id="testOptions" style='height:100%;'>
<div class="container" id="tutorOrExamContainer" style="height:105px">
    <div class="round-button" id="myExamBigButton" style="margin-left:calc(50% - 100px); margin-top:5px">
        <div class="round-button-circle">
            <p class="round-button" style="font-size:1.2em;">My exams</p>
         </div>
         </div>
    </div>
        <div id="exam" style='height:100%;'></div>
    <div id="spacer" style="display: inline"></div>
         <script src="http://www.wikidoc.org/includes/raty/jquery.timer.js"></script>
    <div class="round-button" id="newExamBigButton">
        <script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.raty.js"></script>
         <div class="round-button-circle">
         <script type="text/javascript" src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
            <p class="round-button" style="font-size:1.2em;">New exam</p>
 
        </div>
 
    </div>
    <div id="spacer" style="display: inline"></div>
</div>
<div class="container" id="tutorOrExamContainer" style="height:10px">
    <div class='arrow-up' id='myExamsArrow' style="margin-left:calc(50% - 60px); display: inline-block;"></div>
    <div class='arrow-up' id='newExamArrow' style="display: inline-block; margin-left: 100px;"></div>
</div>
<div id="wjgContainer" style='display:none ; margin-left:3%;'>
<br>
<br>
    <table id="report">
        <thead>
        <tr>
            <th>Exam ID</th>
            <th>Date started</th>
            <th>Performance</th>
            <th>Date Finished</th>
            <th>Exam Type</th>
            <th></th>
        </tr>
         </thead>
    </table>
    <div id="tableContainer">
        <table id="report">
        <tbody>
       
        </tbody>
    </table>
    </div>


</div>
<div id='examOptions' style='display:none'>
    <div style="color:#222; padding:10px;">
        <h3 class='examOptionTitle'>Exam Mode</h3>


         <form id="myForm">
         <script src='http://localhost/~brian/BoardReview/javascripts/libs/ChartNew.js'></script>
            <input type="radio" name="examMode" value="Exam" id="examModeButton" class="css-checkbox" />
            <label for="examModeButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Exam</p>
            <br />
            <input type="radio" name="examMode" value="Tutor" id="tutor" class="css-checkbox" />
            <label for="tutor" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Tutor</p>
            <br />
        </form>
    </div>
    <div style="color:#222; padding:10px;">
        <h3 class='examOptionTitle'>Question Selection</h3>


         <form id="myForm">
         <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/libs/jquery.textHighlighter.min.js"></script>
            <input type="radio" name="CatKey" value="Category" id="Category" class="css-checkbox" />
            <label for="Category" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Category</p>
            <br />
            <input type="radio" name="CatKey" value="Keyword" id="Keyword" class="css-checkbox" />
            <label for="Keyword" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Keyword</p>
        </form>
    </div>
    <div style="color:#222; padding:10px;">
        <h3 class='examOptionTitle'>Timer</h3>


         <form id="myForm">
         <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/libs/angular.js"></script>
            <input type="radio" name="TimerOptions" value="untimed" id="untimedButton" class="css-checkbox" />
        <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/libs/angular-route.js"></script>
            <label for="untimedButton" class="css-label cb0 radGroup2"></label>
        <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/app.js"></script>      
            <p class='examOptionButton' style="display:inline">&nbsp Untimed</p>
        <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/router.js"></script>
            <br />
        <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/controllers/home.js"></script>
            <input type="radio" name="TimerOptions" value="1" id="timer1minButton" class="css-checkbox" />
        <script type="text/javascript" src="http://localhost/~brian/BoardReview/javascripts/WBR_11_11_14_w_updated_api_calls.js"></script>
            <label for="timer1minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 1 minute</p>
            <br/>
            <input type="radio" name="TimerOptions" value="10" id="timer10minButton" class="css-checkbox" />
            <label for="timer10minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 10 minutes</p>
            <br/>
            <input type="radio" name="TimerOptions" value="20" id="timer20minButton" class="css-checkbox" />
            <label for="timer20minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 20 minutes</p>
            <br />
            <input type="radio" name="TimerOptions" value="40" id="timer40minButton" class="css-checkbox" />
            <label for="timer40minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 40 minutes</p>
        </form>
    </div>
</div>
</div>
<div id="exam" style='height:100%;'></div>
</includeonly>
</includeonly>

Latest revision as of 22:13, 26 November 2014