study.html
2.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="container">
<ul class="collection st-accordion">
<li class="st-accordion--item">
<div class="st-accordion--header" ng-click="toggleContent($event, $index)">
<i class="mdi-image-filter-drama"></i>
Choose what to study
</div>
<div id="content-x" class="st-accordion--content">
<!-- lots of difficulty with materializecss select and angularjs. If we want to
refactor into a select(which prob looks better), maybe refer to this article:
http://stackoverflow.com/questions/29402495/values-not-showing-up-in-select-button
-->
<!-- Also suffered huge casualties trying to do radios...let's just do buttons...
-->
<!-- Default: all classes button -->
<!-- Button for classes -->
<div class="card">
<!-- Default: all classes button -->
<a class="waves-effect waves-light btn toggley"
ng-init="sectionToStudy = null"
ng-click="toggleSectionToStudy(null)"
ng-class="{'pink white-text': sectionToStudy == null}">
All classes</a>
<!-- Buttons of rest of classes -->
<div ng-repeat="section in UserService.getUserData().sections">
<a class="waves-effect waves-light btn toggley"
ng-click="toggleSectionToStudy(section.id)"
ng-class="{'pink white-text': sectionToStudy == section.id}">
{{section.short_name}}
</a>
</div>
</div> <!-- end of buttons for classes -->
<div class="row">
<div class="card">
<h3>Choose Date</h3>
<input id="start-date" type="date" class="" ng-model="startDate" placeholder="Start Date"/>
<input id="end-date" type="date" class="" ng-model"endDate" placeholder="End Date"/>
</div>
</div>
</div> <!-- end of #content-x -->
</li>
</ul>
<div class="row">
<div class="card-action">
<button class="btn waves-effect waves-light" ng-click="fetchQuiz()">
Fetch!
<i class="mdi-content-send right"></i>
</button>
</div>
</div>
<!-- Fetched card "quiz" -->
<div class="row">
<div class="card">
<div class="card-content">
<span ng-repeat="display in displayText">{{display}}<input ng-model="blank[displayText.indexOf(display)]" ng-show="displayText.indexOf(display) < blankText.length" class="" type="text"/></span>
</div>
<div class="card-action">
<button class="btn waves-effect waves-light" type="submit" ng-click="checkAnswer()" style="position: relative">Check
<i class="mdi-content-send right"></i>
</button>
</div>
</div>
</div>
</div> <!-- End of .container-->