From e570516e5e0dc6768ff7de8364ecb81deadb36bb Mon Sep 17 00:00:00 2001
From: mclemente <matheus.xb@gmail.com>
Date: Wed, 5 Jan 2022 21:53:27 -0300
Subject: [PATCH] PF2e Wealth width

https://github.com/mclemente/party-overview/issues/18
---
 module/SystemProvider.js |  4 +++
 templates/pf2e.hbs       | 74 ++++++++++++++++++++--------------------
 2 files changed, 41 insertions(+), 37 deletions(-)

diff --git a/module/SystemProvider.js b/module/SystemProvider.js
index b729206..3eb9f58 100644
--- a/module/SystemProvider.js
+++ b/module/SystemProvider.js
@@ -346,6 +346,10 @@ export class pf2eProvider extends SystemProvider {
 	get template() {
 		return "/modules/party-overview/templates/pf2e.hbs";
 	}
+	
+	get width() {
+		return 600;
+	}
 
 	getCurrency(data) {
 		const coins = ["Platinum Pieces", "Gold Pieces", "Silver Pieces", "Copper Pieces"];
diff --git a/templates/pf2e.hbs b/templates/pf2e.hbs
index 91da6d0..0a1371a 100644
--- a/templates/pf2e.hbs
+++ b/templates/pf2e.hbs
@@ -5,14 +5,14 @@
             <div class="table-row header">
                 {{> "modules/party-overview/templates/parts/FilterButton.html"}}
                 <div class="text">{{localize "party-overview.NAME"}}</div>
-                <div class="num" title="{{localize "PF2E.HeroPointsHeader"}}">Hero</div>
-                <div class="num" title="{{localize "PF2E.HitPointsHeader"}}"><i class="fas fa-heart"></i></div>
-                <div class="num" title="{{localize "PF2E.ArmorClassLabel"}}"><i class="fas fa-shield-alt"></i></div>
-                <div class="num" title="{{localize "PF2E.PerceptionHeader"}}"><i class="far fa-eye"></i></div>
-                {{!-- <div class="num" title="{{localize "PF2E.Speed"}}"><i class="fas fa-tachometer-alt"></i></div> --}}
-                <div class="num" title="{{localize "PF2E.SavesFortitude"}}"><i class="fas fa-hard-hat"></i></div>
-                <div class="num" title="{{localize "PF2E.SavesReflex"}}"><i class="fas fa-running"></i></div>
-                <div class="num" title="{{localize "PF2E.SavesWill"}}"><i class="fas fa-brain"></i></div>
+                <div class="text icon" title="{{localize "PF2E.HeroPointsHeader"}}">Hero</div>
+                <div class="text icon" title="{{localize "PF2E.HitPointsHeader"}}"><i class="fas fa-heart"></i></div>
+                <div class="text icon" title="{{localize "PF2E.ArmorClassLabel"}}"><i class="fas fa-shield-alt"></i></div>
+                <div class="text icon" title="{{localize "PF2E.PerceptionHeader"}}"><i class="far fa-eye"></i></div>
+                {{!-- <div class="text icon" title="{{localize "PF2E.Speed"}}"><i class="fas fa-tachometer-alt"></i></div> --}}
+                <div class="text icon" title="{{localize "PF2E.SavesFortitude"}}"><i class="fas fa-hard-hat"></i></div>
+                <div class="text icon" title="{{localize "PF2E.SavesReflex"}}"><i class="fas fa-running"></i></div>
+                <div class="text icon" title="{{localize "PF2E.SavesWill"}}"><i class="fas fa-brain"></i></div>
             </div>
 
             {{#each actors as | actor | }}
@@ -24,14 +24,14 @@
                     </button>
                 </div>
                 <div class="text">{{ actor.shortestName }}</div>
-                <div class="num">{{ actor.heroPoints.rank }}/{{ actor.heroPoints.max }}</div>
-                <div class="num">{{ actor.hp.value }}/{{ actor.hp.max }}</div>
-                <div class="num">{{ actor.armor }} {{#if actor.shieldAC}}{{ actor.shieldAC }}{{/if}}</div>
-                <div class="num">{{ actor.perception }}</div>
-                {{!-- <div class="num">{{ actor.speed }}</div> --}}
-                <div class="num">{{ actor.saves.fortitude }}</div>
-                <div class="num">{{ actor.saves.reflex }}</div>
-                <div class="num">{{ actor.saves.will }}</div>
+                <div class="text icon">{{ actor.heroPoints.rank }}/{{ actor.heroPoints.max }}</div>
+                <div class="text icon">{{ actor.hp.value }}/{{ actor.hp.max }}</div>
+                <div class="text icon">{{ actor.armor }} {{#if actor.shieldAC}}{{ actor.shieldAC }}{{/if}}</div>
+                <div class="text icon">{{ actor.perception }}</div>
+                {{!-- <div class="text icon">{{ actor.speed }}</div> --}}
+                <div class="text icon">{{ actor.saves.fortitude }}</div>
+                <div class="text icon">{{ actor.saves.reflex }}</div>
+                <div class="text icon">{{ actor.saves.will }}</div>
             </div>
             {{/each}}
         </div>
@@ -46,13 +46,13 @@
             <div class="table-row header">
                 {{> "modules/party-overview/templates/parts/FilterButton.html"}}
                 <div class="text">Name</div>
-                <div class="num" title='{{localize "PF2E.CurrencyPP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.pp"}}</div>
-                <div class="num" title='{{localize "PF2E.CurrencyGP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.gp"}}</div>
-                <div class="num" title='{{localize "PF2E.CurrencySP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.sp"}}</div>
-                <div class="num" title='{{localize "PF2E.CurrencyCP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.cp"}}</div>
-                <div class="num">{{localize "PF2E.StackGroupCoins"}} ({{localize "PF2E.CurrencyGP"}})</div>
-                <div class="num">{{localize "PF2E.Item.Plural"}} ({{localize "PF2E.CurrencyGP"}})</div>
-                <div class="num">{{localize "party-overview.TOTAL"}}</div>
+                <div class="text icon" title='{{localize "PF2E.CurrencyPP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.pp"}}</div>
+                <div class="text icon" title='{{localize "PF2E.CurrencyGP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.gp"}}</div>
+                <div class="text icon" title='{{localize "PF2E.CurrencySP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.sp"}}</div>
+                <div class="text icon" title='{{localize "PF2E.CurrencyCP"}}' style="text-transform: uppercase;">{{localize "PF2E.CurrencyAbbreviations.cp"}}</div>
+                <div class="text icon">{{localize "PF2E.StackGroupCoins"}} ({{localize "PF2E.CurrencyGP"}})</div>
+                <div class="text icon">{{localize "PF2E.Item.Plural"}} ({{localize "PF2E.CurrencyGP"}})</div>
+                <div class="text icon">{{localize "party-overview.TOTAL"}}</div>
             </div>
 
             {{#each actors as | actor | }}
@@ -64,13 +64,13 @@
                     </button>
                 </div>
                 <div class="text">{{ actor.shortestName }}</div>
-                <div class="num">{{currency.pp}}</div>
-                <div class="num">{{currency.gp}}</div>
-                <div class="num">{{currency.sp}}</div>
-                <div class="num">{{currency.cp}}</div>
-                <div class="num"><b>{{actor.totalGP}}</b></div>
-                <div class="num"><b>{{itemsValue}}</b></div>
-                <div class="num"><b>{{actor.sumItemsGP}}</b></div>
+                <div class="text icon">{{currency.pp}}</div>
+                <div class="text icon">{{currency.gp}}</div>
+                <div class="text icon">{{currency.sp}}</div>
+                <div class="text icon">{{currency.cp}}</div>
+                <div class="text icon"><b>{{actor.totalGP}}</b></div>
+                <div class="text icon"><b>{{itemsValue}}</b></div>
+                <div class="text icon"><b>{{actor.sumItemsGP}}</b></div>
             </div>
             {{/each}}
             <div class="table-row">
@@ -78,13 +78,13 @@
 
                 </div>
                 <div class="text">{{localize "party-overview.TOTAL"}}</div>
-                <div class="num">{{totalCurrency.pp}}</div>
-                <div class="num">{{totalCurrency.gp}}</div>
-                <div class="num">{{totalCurrency.sp}}</div>
-                <div class="num">{{totalCurrency.cp}}</div>
-                <div class="num"><b>{{totalPartyGP}}</b></div>
-                <div class="num"><b>{{itemsValue}}</b></div>
-                <div class="num"><b>{{sumItemsGP}}</b></div>
+                <div class="text icon">{{totalCurrency.pp}}</div>
+                <div class="text icon">{{totalCurrency.gp}}</div>
+                <div class="text icon">{{totalCurrency.sp}}</div>
+                <div class="text icon">{{totalCurrency.cp}}</div>
+                <div class="text icon"><b>{{totalPartyGP}}</b></div>
+                <div class="text icon"><b>{{itemsValue}}</b></div>
+                <div class="text icon"><b>{{sumItemsGP}}</b></div>
             </div>
         </div>