poprhythm/hogwarts-point-keeper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change from "Houses" to "Factions"

Browse Source
This commit is contained in:
poprhythm
2019-11-12 11:34:34 -05:00
parent f0c4810810
commit cc6abf9f3e
10 changed files with 88 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app.component.html
+21 -29
View File
@@ -1,36 +1,28 @@
<div class="fluid-container">
<div class="row">
<div id="gryffindor" class="col-sm house-column">
<img src="../assets/img/Gryffindor_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="housePoints">{{housePoints.gryffindor | number}}</p>
<points [amount]="-5" (changeEvent)="changeGryffindorPoints($event)"></points>
<points [amount]="10" (changeEvent)="changeGryffindorPoints($event)"></points>
<points [amount]="50" (changeEvent)="changeGryffindorPoints($event)"></points>
<img src="../assets/img/Gryffindor_Crest.png" class="crest mx-auto d-block"/>
<div id="klingon" class="col-sm faction-column">
<img src="../assets/img/Klingon_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="factionPoints">{{factionPoints.klingon | number}}</p>
<points [amount]="-1" (changeEvent)="changeKlingonPoints($event)"></points>
<points [amount]="1" (changeEvent)="changeKlingonPoints($event)"></points>
<points [amount]="5" (changeEvent)="changeKlingonPoints($event)"></points>
<img src="../assets/img/Klingon_Crest.png" class="crest mx-auto d-block"/>
</div>
<div id="ravenclaw" class="col-sm house-column">
<img src="../assets/img/Ravenclaw_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="housePoints">{{housePoints.ravenclaw | number}}</p>
<points [amount]="-5" (changeEvent)="changeRavenclawPoints($event)"></points>
<points [amount]="10" (changeEvent)="changeRavenclawPoints($event)"></points>
<points [amount]="50" (changeEvent)="changeRavenclawPoints($event)"></points>
<img src="../assets/img/Ravenclaw_Crest.png" class="crest mx-auto d-block"/>
<div id="starfleet" class="col-sm faction-column">
<img src="../assets/img/Starfleet_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="factionPoints">{{factionPoints.starfleet | number}}</p>
<points [amount]="-1" (changeEvent)="changeStarfleetPoints($event)"></points>
<points [amount]="1" (changeEvent)="changeStarfleetPoints($event)"></points>
<points [amount]="5" (changeEvent)="changeStarfleetPoints($event)"></points>
<img src="../assets/img/Starfleet_Crest.png" class="crest mx-auto d-block"/>
</div>
<div id="hufflepuff" class="col-sm house-column">
<img src="../assets/img/Hufflepuff_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="housePoints">{{housePoints.hufflepuff | number}}</p>
<points [amount]="-5" (changeEvent)="changeHufflepuffPoints($event)"></points>
<points [amount]="10" (changeEvent)="changeHufflepuffPoints($event)"></points>
<points [amount]="50" (changeEvent)="changeHufflepuffPoints($event)"></points>
<img src="../assets/img/Hufflepuff_Crest.png" class="crest mx-auto d-block"/>
</div>
<div id="slytherin" class="col-sm house-column">
<img src="../assets/img/Slytherin_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="housePoints">{{housePoints.slytherin | number}}</p>
<points [amount]="-5" (changeEvent)="changeSlytherinPoints($event)"></points>
<points [amount]="10" (changeEvent)="changeSlytherinPoints($event)"></points>
<points [amount]="50" (changeEvent)="changeSlytherinPoints($event)"></points>
<img src="../assets/img/Slytherin_Crest.png" class="crest mx-auto d-block"/>
<div id="romulan" class="col-sm faction-column">
<img src="../assets/img/Romulan_Banner.png" class="banner mx-auto d-block"/>
<p class="points" *ngIf="factionPoints">{{factionPoints.romulan | number}}</p>
<points [amount]="-1" (changeEvent)="changeRomulanPoints($event)"></points>
<points [amount]="1" (changeEvent)="changeRomulanPoints($event)"></points>
<points [amount]="5" (changeEvent)="changeRomulanPoints($event)"></points>
<img src="../assets/img/Romulan_Crest.png" class="crest mx-auto d-block"/>
</div>
</div>
<!-- <button (click)="resetPoints()">Reset</button> -->