deck.html
2.51 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
71
72
73
74
75
76
77
78
<!-- Edit Modal -->
<div id="editModal" class="modal row" style="max-height:none;">
<form id="edit-card-form">
<div class="modal-content col">
<div class="row" style="margin-bottom:0">
<div class="card cyan-text text-darken-2"
style="width:300px; height:180px; margin-bottom:0; font-size:120%;">
<div class="valign-wrapper">
<div id="edit-card-input" ng-model="newCardFormattedText" style="outline:0px solid transparent;"
class="card-content valign center-align"
contenteditable select-non-editable="true" ng-change="refreshEditCardInput()">
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row">
</div>
<div class="row">
<button class="btn modal-close" type="submit" ng-click="saveChanges()"
data-position="left"
data-delay="50" ng-class="submit_enabled?{}:'disabled'">
Save Changes
<i class="mdi-action-done right"></i>
</button>
</div>
<div class="row">
<button class="btn modal-close red" ng-click="discardChanges()"
data-position="left"
data-delay="50">
Discard Changes
<i class="mdi-content-clear right"></i>
</button>
</div>
<div class="row">
<button id="blank-selected" style="float:left" class="btn" data-position="right" data-delay="50">
Blank Selected Text
</button>
</div>
<div class="row" ng-show="editCardText" ng-style="(editCardText.length>160)?{color:'red'}:{}">
{{editCardText.length}}/160 characters
</div>
<div class="row" ng-show="editCardText.length < 5">
Please write a little more!
</div>
<div class="row" ng-show="editCardText.length > 140">
Good flashcards have a<br>
single atomic fact
</div>
</div>
</form>
</div>
<div class="row">
<h2 ng-cloak ng-show="cards.length == 0">This is your deck, but it's blank! Add a card from the feed to see it
here!</h2>
<div class="progress center-align" style="margin: 70px auto auto;width:50%;" ng-if="cards === false">
<div class="indeterminate"></div>
</div>
<div class="cardColumn" ng-repeat="col in cardCols">
<div class="repeated-card" ng-repeat="card in col">
<flashcard flashcard-obj="card"/>
</div>
</div>
</div>