add bonds tab

module/actor/actor-sheet.js

@@ -62,6 +62,9 @@ export default class DeltaGreenActorSheet extends DGSheetMixin(ActorSheetV2) {
       template: `${this.TEMPLATE_PATH}/actor/parts/bio-tab.html`,
       templates: [`${this.TEMPLATE_PATH}/actor/partials/cv-partial.html`],
     },
+    bonds: {
+      template: `${this.TEMPLATE_PATH}/actor/parts/bonds-tab.html`,
+    },
   });
 
   /* -------------------------------------------- */

templates/actor/parts/bonds-tab.html

@@ -0,0 +1,57 @@
+<div class="tab bonds {{tabs.bonds.cssClass}}"
+     data-group="primary"
+     data-tab="bonds">
+    <div class="horizontal-bar-section-divider">
+        <span>{{localize "DG.Sheet.BlockHeaders.BondsRelationshipsContacts"}}</span>
+    </div>
+
+    <div>
+        <ol class="items-list">
+            <li class="item flexrow item-header">
+
+                <div class="item-icon">
+                    <a class="clear-all-bond-damage-checks"
+                       title="{{localizeWithFallback 'DG.Generic.ClearAll' 'Clear All'}}"><i class="fas fa-arrow-rotate-left"></i></a>
+                </div>
+                <div class="item-image"></div>
+                <div class="item-name">{{localize 'DG.Bonds.Name'}}</div>
+                <div class="item-name">{{localize 'DG.Bonds.Relationship'}}</div>
+                <div class="item-name">{{localize 'DG.Bonds.Score'}}</div>
+                <div class="item-controls">
+                    <a class="item-control item-create action-pill"
+                       title="Create item"
+                       data-type="bond"><i class="fas fa-plus"></i> {{localize 'DG.Generic.AddButtonLabel'}}</a>
+                </div>
+            </li>
+
+            {{#each actor.items as |item id| }}
+                {{#if_eq item.type "bond" }}
+
+                    <li class="item flexrow" data-item-id="{{item.id}}">
+                        <input class="bond-has-been-damaged-agent-sheet-checkbox"
+                               type="checkbox"
+                               {{checked item.system.hasBeenDamagedSinceLastHomeScene}}
+                               data-dtype="Boolean"
+                               title="Check if bond has been damaged since last home scene." />
+                        <div class="item-image">
+                            <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
+                        </div>
+                        <h4 style="word-wrap: break-word;" class="item-name">{{item.name}}</h4>
+                        <span>{{item.system.relationship}}</span>
+                        <span>{{item.system.score}}</span>
+                        <div class="item-controls">
+                            <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
+                            <a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
+                        </div>
+                    </li>
+
+                {{/if_eq}}
+            {{/each}}
+        </ol>
+
+        <div>
+            <span>{{localizeWithFallback "DG.Generic.CheckDamagedBondsBoxUntilNextHomeScene" "Check a damaged Bond's box until the next Home scene ends." }}</span>
+        </div>
+
+    </div>
+</div>