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

1.0

Browse Source
This commit is contained in:
poprhythm
2018-11-30 21:56:45 -05:00
parent 90e7fa1931
commit 4d64980323
9 changed files with 91 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app.component.html
+17 -16
View File
@@ -2,35 +2,36 @@
<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">{{housePoints.gryffindor | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeGryffindorPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeGryffindorPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeGryffindorPoints($event)"></points>
<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>
<div id="ravenclaw" class="col-sm house-column">
<img src="../assets/img/Ravenclaw_Banner.png" class="banner mx-auto d-block"/>
<p class="points">{{housePoints.ravenclaw | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeRavenclawPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeRavenclawPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeRavenclawPoints($event)"></points>
<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>
<div id="hufflepuff" class="col-sm house-column">
<img src="../assets/img/Hufflepuff_Banner.png" class="banner mx-auto d-block"/>
<p class="points">{{housePoints.hufflepuff | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeHufflepuffPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeHufflepuffPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeHufflepuffPoints($event)"></points>
<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">{{housePoints.slytherin | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeSlytherinPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeSlytherinPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeSlytherinPoints($event)"></points>
<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>
</div>
<!-- <button (click)="resetPoints()">Reset</button> -->
</div>