Protocol inside collapse div

hydrogen2oxygen · Nov 19, 2023 · 821739c · 821739c
1 parent 1ee7f5c
commit 821739c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/server/src/main/ui2/src/app/components/territories/territories.component.html b/server/src/main/ui2/src/app/components/territories/territories.component.html
@@ -128,10 +128,17 @@ <h4 class="collapseHeader" data-bs-toggle="collapse" href="#sorted" role="button
 <button *ngIf="congregation.counterFtpUploadFailed > 0" class="btn btn-sm btn-danger" style="margin-left: 0.5rem; font-weight: bolder" (click)="repairFtpUploads()">REPAIR FTP UPLOADS <i class="bi bi-cloud-slash" style="margin-left: 0.25rem"></i> {{congregation.counterFtpUploadFailed}} failed uploads</button>
 <button *ngIf="congregation.territoriesOlder8Months.length > 0" class="btn btn-sm btn-warning" style="margin-left: 0.5rem; font-weight: bolder" (click)="copyOlderThan12MonthsMessage()">OLDER THAN 12 MONTHS MESSAGE</button>
 <hr>
-<h3>Protocol:</h3>
-<ul>
-  <li *ngFor="let p of congregation.protocol.reverse()"><span class="badge text-bg-dark">{{p}}</span></li>
-</ul>
+<div class="collapseContainer collapseProtocol">
+  <h4 class="collapseHeader" data-bs-toggle="collapse" href="#protocol" role="button" aria-expanded="false" aria-controls="protocol">
+    PROTOCOL
+  </h4>
+  <div class="collapse" id="protocol">
+    <ul>
+      <li *ngFor="let p of congregation.protocol.reverse()"><span class="badge text-bg-dark">{{p}}</span></li>
+    </ul>
+  </div>
+</div>
+
 
 
 <!-- Modal -->

diff --git a/server/src/main/ui2/src/app/components/territories/territories.component.scss b/server/src/main/ui2/src/app/components/territories/territories.component.scss
@@ -28,6 +28,10 @@
   background-color: #323232;
 }
 
+.collapseProtocol {
+  background-color: #000000;
+}
+
 .collapseHeader {
   color: white!important;
 }