-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patheditCardModal.html
More file actions
81 lines (73 loc) · 4.47 KB
/
Copy patheditCardModal.html
File metadata and controls
81 lines (73 loc) · 4.47 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
79
80
81
<!-- Card Modal -->
<div class="modal fade" id="editCardModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="editCardModalLabel" aria-hidden="true" style="color: #333;">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="editCardModalLabel">
<div>Replace card {{cards.indexOf(activeCard) + 1}} ?</div>
<p class="text-danger">This action cannot be undone.</p>
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" >
<table class="bingoCard">
<thead>
<tr >
<th class="bingoCardHeader">S</th>
<th class="bingoCardHeader">a</th>
<th class="bingoCardHeader">n</th>
<th class="bingoCardHeader">t</th>
<th class="bingoCardHeader">A</th>
</tr>
</thead>
<tbody>
<tr class="bingoCardRow">
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['S'][0]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['a'][0]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['n'][0]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['t'][0]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['A'][0]}}.svg"></td>
</tr>
<tr class="bingoCardRow">
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['S'][1]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['a'][1]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['n'][1]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['t'][1]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['A'][1]}}.svg"></td>
</tr>
<tr class="bingoCardRow">
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['S'][2]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['a'][2]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['n'][2]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['t'][2]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['A'][2]}}.svg"></td>
</tr>
<tr class="bingoCardRow">
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['S'][3]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['a'][3]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['n'][3]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['t'][3]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['A'][3]}}.svg"></td>
</tr>
<tr class="bingoCardRow">
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['S'][4]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['a'][4]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['n'][4]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['t'][4]}}.svg"></td>
<td class="bingCell"><img width="50" height="50" ng-src="./SVG/{{activeCard.card['A'][4]}}.svg"></td>
</tr>
</tbody>
</table>
<div class="text-danger d-flex justify-content-center" >
<small class="m-2 text-secondary text-monospace">CARD ID: {{activeCard.id}}</small>
</div>
</div>
<div class="modal-footer d-flex justify-content-between">
<button type="button" class="btn text-warning" ng-click="replaceCard(cards.indexOf(activeCard))" style="width: 45%;">GET NEW CARD</button>
<button type="button" class="btn text-secondary" style="width: 45%;" data-dismiss="modal" >CANCEL</button>
</div>
</div>
</div>
</div>