From 9a526990ec36c98dc7f16b25f91aef97573e4de9 Mon Sep 17 00:00:00 2001
From: mitch <mitchellthom@gmail.com>
Date: Thu, 3 Mar 2022 22:42:04 -0500
Subject: [PATCH] Improved unit-detail view adding battle honours, battle
 scars, and rank

---
 .../army/army-detail-desktop.component.html   | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/main/webapp/app/entities/army/army-detail-desktop.component.html b/src/main/webapp/app/entities/army/army-detail-desktop.component.html
index a0239731..370550b3 100644
--- a/src/main/webapp/app/entities/army/army-detail-desktop.component.html
+++ b/src/main/webapp/app/entities/army/army-detail-desktop.component.html
@@ -61,21 +61,33 @@
 
     <div class="crusade-cards" style="padding-top: 10px">
         <div class="row">
-            <div class="col-md-6" 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-2"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">CRUSADE POINTS</div>
+            <div class="col-md-3" style="border: 1px solid black;">CRUSADE CARDS</div>
+            <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">RANK</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>
     <div *ngFor="let unit of army.units; let rowIndex=index">
         <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; background: whitesmoke; color: #0f0f0f">
+            <div class="col-md-3" style="border: 1px solid black;">
+                Unit {{rowIndex + 1}}:
                 <a [routerLink]="['/unit-army', unit.id, 'view']"> {{ unit.unitName }}</a>
             </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 }}
             </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"
                         (click)="addForceUnit(unit)"
                 >Add</button>