Skip to content

Commit 68c85a8

Browse files
AlexHedleyAlexHedley
committed
Added commemorative chips
1 parent ee24ada commit 68c85a8

File tree

5 files changed

+107
-96
lines changed

5 files changed

+107
-96
lines changed

‎src/images/chips/chip-12thJan2024.jpg‎

72 KB
Loading

‎src/images/chips/chip-14thMar2025.jpg‎

72.7 KB
Loading

‎src/images/chips/chip-1stSept2023.jpg‎

67.7 KB
Loading

‎src/images/chips/chip-31stJan2025.jpg‎

70.3 KB
Loading

‎src/index.html‎

Lines changed: 107 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -97,128 +97,139 @@ <h5>{{game.name}}</h5>
9797
</div>
9898
</div>
9999
</div>
100-
</div>
101100

102-
<div class="row justify-content-md-center">
103-
<div class="">
104-
105-
<table id="results" class="sortable">
106-
<thead>
107-
<tr>
108-
<th>Date</th>
109-
<th>Name</th>
110-
</tr>
111-
</thead>
112-
<tbody>
113-
<tr ng-repeat="game in games">
114-
<td>{{game.date}}</td>
115-
<td>{{game.name}}</td>
116-
</tr>
117-
</tbody>
118-
</table>
119101

120-
</div>
121-
</div>
102+
<div class="row justify-content-md-center">
103+
<div class="col">
104+
105+
<table id="results" class="sortable">
106+
<thead>
107+
<tr>
108+
<th>Date</th>
109+
<th>Name</th>
110+
</tr>
111+
</thead>
112+
<tbody>
113+
<tr ng-repeat="game in games">
114+
<td>{{game.date}}</td>
115+
<td>{{game.name}}</td>
116+
</tr>
117+
</tbody>
118+
</table>
122119

123-
<br />
124-
125-
<div class="row justify-content-md-center">
126-
<div class="">
127-
128-
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
129-
<ol class="carousel-indicators">
130-
<li ng-repeat="set in sets" data-target="#carouselExampleCaptions"
131-
data-slide-to="{{$index}}"></li>
132-
</ol>
133-
<div class="carousel-inner">
134-
<div ng-repeat="game in games" class="carousel-item" ng-class='{active:$first}'>
135-
<!-- <img src="/poker/{{game.image}}" class="d-block w-100" alt="{{game.name}}"> -->
136-
<div class="carousel-caption d-none d-md-block">
137-
<h5>{{game.name}}</h5>
138-
<p>{{game.description}}</p>
139-
</div>
140-
</div>
120+
</div>
121+
122+
<div class="col"></div>
123+
124+
<div class="col">
125+
<div class="form-check">
126+
<input type="checkbox" class="form-check-input" id="ui" ng-model="ui"
127+
ng-change="generatePivot()">
128+
<label class="form-check-label" for="ui">UI</label>
129+
</div>
130+
131+
<div id="output" style="margin: 30px;">
132+
<p>Table...</p>
141133
</div>
142-
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
143-
data-slide="prev">
144-
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
145-
<span class="sr-only">Previous</span>
146-
</a>
147-
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
148-
data-slide="next">
149-
<span class="carousel-control-next-icon" aria-hidden="true"></span>
150-
<span class="sr-only">Next</span>
151-
</a>
152134
</div>
153135

154136
</div>
155-
</div>
156137

157-
<br />
138+
<br />
158139

159-
<div class="row">
160-
<div class="col">
140+
<div class="row justify-content-md-center">
141+
<div class="">
161142

162-
<div class="form-check">
163-
<input type="checkbox" class="form-check-input" id="ui" ng-model="ui"
164-
ng-change="generatePivot()">
165-
<label class="form-check-label" for="ui">UI</label>
166-
</div>
143+
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
144+
<ol class="carousel-indicators">
145+
<li ng-repeat="set in sets" data-target="#carouselExampleCaptions"
146+
data-slide-to="{{$index}}"></li>
147+
</ol>
148+
<div class="carousel-inner">
149+
<div ng-repeat="game in games" class="carousel-item" ng-class='{active:$first}'>
150+
<!-- <img src="/poker/{{game.image}}" class="d-block w-100" alt="{{game.name}}"> -->
151+
<div class="carousel-caption d-none d-md-block">
152+
<h5>{{game.name}}</h5>
153+
<p>{{game.description}}</p>
154+
</div>
155+
</div>
156+
</div>
157+
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
158+
data-slide="prev">
159+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
160+
<span class="sr-only">Previous</span>
161+
</a>
162+
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
163+
data-slide="next">
164+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
165+
<span class="sr-only">Next</span>
166+
</a>
167+
</div>
167168

169+
</div>
168170
</div>
169-
</div>
170171

171-
<div class="row">
172-
<div class="col">
172+
<br />
173173

174-
<div id="output" style="margin: 30px;">
175-
<p>Table...</p>
176-
</div>
174+
<div class="row">
175+
<div class="col">
176+
177+
<p>Commemorative Chips:</p>
178+
179+
<img src="images/chips/chip-1stSept2023.jpg" alt="Chip - 1st Sept 2023" style="width: 150px;" />
180+
<img src="images/chips/chip-12thJan2024.jpg" alt="Chip - 12th Jan 2024" style="width: 150px;" />
181+
<img src="images/chips/chip-31stJan2025.jpg" alt="Chip - 31st Jan 2025" style="width: 150px;" />
182+
<img src="images/chips/chip-14thMar2025.jpg" alt="Chip - 14th Mar 2025" style="width: 150px;" />
177183

184+
</div>
178185
</div>
179-
</div>
180186

181-
<div class="row">
182-
<div ng-repeat="game in games | orderBy:'-id' | filter:searchText" class="col-md-3"
183-
style="margin-bottom: 50px;">
184-
<div class="card" style="width: 18rem;" data-id="{{game.id}}">
185-
<img ng-if="game.image.length > 0" ng-src="{{game.image}}" class="card-img-top"
186-
alt="{{game.name}}">
187-
<div class="card-header">
188-
{{game.name}}
189-
</div>
190-
<div class="card-body">
191-
<p class="card-text">{{game.description}}</p>
192-
<div ng-repeat="player in game.players">
193-
<p>{{player.name}}
194-
<!-- <span class="position" title="Position">({{player.position}})</span> -->
195-
<span class="badge badge-primary" title="Position">{{player.position}}</span>
196-
<!-- <span class="buyIns" title="Buy Ins" ng-if="player.buyIns > 0">[{{player.buyIns}}]</span> -->
197-
<span class="badge badge-secondary" title="Buy Ins"
198-
ng-if="player.buyIns > 0">{{player.buyIns}}</span>
199-
<span class="winner" ng-if="player.position == 1"><strong>Winner</strong></span>
200-
</p>
187+
<br />
188+
189+
<div class="row">
190+
<div ng-repeat="game in games | orderBy:'-id' | filter:searchText" class="col-md-3"
191+
style="margin-bottom: 50px;">
192+
<div class="card" style="width: 18rem;" data-id="{{game.id}}">
193+
<img ng-if="game.image.length > 0" ng-src="{{game.image}}" class="card-img-top"
194+
alt="{{game.name}}">
195+
<div class="card-header">
196+
{{game.name}}
201197
</div>
198+
<div class="card-body">
199+
<p class="card-text">{{game.description}}</p>
200+
<div ng-repeat="player in game.players">
201+
<p>{{player.name}}
202+
<!-- <span class="position" title="Position">({{player.position}})</span> -->
203+
<span class="badge badge-primary" title="Position">{{player.position}}</span>
204+
<!-- <span class="buyIns" title="Buy Ins" ng-if="player.buyIns > 0">[{{player.buyIns}}]</span> -->
205+
<span class="badge badge-secondary" title="Buy Ins"
206+
ng-if="player.buyIns > 0">{{player.buyIns}}</span>
207+
<span class="winner" ng-if="player.position == 1"><strong>Winner</strong></span>
208+
</p>
209+
</div>
202210

203-
<!-- Chips -->
204-
<hr />
205-
<div ng-if="game.chips">
206-
<strong>Chips:</strong>
207-
<span ng-repeat="chip in game.chips">
208-
<img src="images/poker-chip.svg" width="15px" style="fill:red" />
209-
<span style="color:{{chip.colour}}">{{chip.amount}}</span> x
210-
<span>{{chip.quantity}}</span>
211-
</span>
211+
<!-- Chips -->
212+
<hr />
213+
<div ng-if="game.chips">
214+
<strong>Chips:</strong>
215+
<span ng-repeat="chip in game.chips">
216+
<img src="images/poker-chip.svg" width="15px" style="fill:red" />
217+
<span style="color:{{chip.colour}}">{{chip.amount}}</span> x
218+
<span>{{chip.quantity}}</span>
219+
</span>
220+
</div>
212221
</div>
213-
</div>
214222

215-
<div class="card-footer text-muted">
216-
{{game.date | toDate | date:'mediumDate'}}
223+
<div class="card-footer text-muted">
224+
{{game.date | toDate | date:'mediumDate'}}
225+
</div>
217226
</div>
218227
</div>
228+
219229
</div>
220230

221231
</div>
232+
<!-- container end -->
222233

223234
</div>
224235

0 commit comments

Comments
 (0)