nerdfortress/crusade-tracker
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved unit-detail view adding battle honours, battle scars, and rank #4

Merged
mitch merged 1 commits from feature/update-army-view into master 2022-03-04 03:45:37 +00:00
Conversation 0 Commits 1 Files Changed 1 +19 -7
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/main/webapp/app/entities/army/army-detail-desktop.component.html
View File

@ -61,21 +61,33 @@
<div class="crusade-cards" style="padding-top: 10px"> <div class="crusade-cards" style="padding-top: 10px">
<div class="row"> <div class="row">
<div class="col-md-6" style="border: 1px solid black;">CRUSADE CARDS</div> <div class="col-md-3" style="border: 1px solid black;">CRUSADE CARDS</div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">POWER RATING</div> <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">RANK</div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">CRUSADE POINTS</div> <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">POWER RATING</div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">BATTLE HONOURS</div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">BATTLE SCARS</div>
<div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">CRUSADE POINTS</div>
<div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">ADD TO FORCE</div> <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">ADD TO FORCE</div>
</div> </div>
<div *ngFor="let unit of army.units; let rowIndex=index"> <div *ngFor="let unit of army.units; let rowIndex=index">
<div class="row"> <div class="row">
<div class="col-md-3" style="border: 1px solid black;">Unit {{rowIndex + 1}}:</div> <div class="col-md-3" style="border: 1px solid black;">
<div class="col-md-3" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f"> Unit {{rowIndex + 1}}:
<a [routerLink]="['/unit-army', unit.id, 'view']"> {{ unit.unitName }}</a> <a [routerLink]="['/unit-army', unit.id, 'view']"> {{ unit.unitName }}</a>
</div> </div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f"> <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
{{ unit.rank }}
</div>
<div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
{{ unit.unitPowerLevel }} {{ unit.unitPowerLevel }}
</div> </div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">{{unit.crusadePointsUnit}}</div> <div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
{{ unit.battleHonours}}
</div>
<div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
{{ unit.battleScars}}
</div>
<div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">{{unit.crusadePointsUnit}}</div>
<button type="add" class="btn btn-success" <button type="add" class="btn btn-success"
(click)="addForceUnit(unit)" (click)="addForceUnit(unit)"
>Add</button> >Add</button>