adding explore button to modal popup

fixes #250
fastenhealth · Sep 10, 2023 · dc7d5a5 · dc7d5a5
1 parent 8b6c321
commit dc7d5a5
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/...end/src/app/components/medical-sources-connected/medical-sources-connected.component.html b/...end/src/app/components/medical-sources-connected/medical-sources-connected.component.html
@@ -30,9 +30,27 @@ <h6>Manage Source</h6>
   </div>
 
   <div class="modal-footer">
-    <button (click)="sourceSyncHandler(modalSelectedSourceListItem.source)" type="button" class="btn btn-indigo">Sync</button>
-<!--    <button (click)="connectHandler($event, modalSelectedSourceListItem.source['source_type'])" type="button" class="btn btn-outline-light">Reconnect</button>-->
-    <button type="button" class="btn disabled btn-outline-danger">Delete</button>
+
+    <a routerLink="/explore/{{modalSelectedSourceListItem?.source?.id}}" (click)="modal.close()" type="button" class="btn btn-indigo mr-auto">Explore</a>
+
+
+    <div class="d-inline-block" ngbDropdown #actionsDrop="ngbDropdown">
+      <button
+        type="button"
+        class="btn btn-outline-indigo me-2"
+        id="dropdownManual"
+        ngbDropdownAnchor
+        (focus)="actionsDrop.open()"
+      >
+        Actions...
+      </button>
+      <div ngbDropdownMenu aria-labelledby="dropdownManual">
+        <button ngbDropdownItem (click)="sourceSyncHandler(modalSelectedSourceListItem.source)" type="button" class="btn btn-indigo">Sync</button>
+        <!--    <button ngbDropdownItem (click)="connectHandler($event, modalSelectedSourceListItem.source['source_type'])" type="button" class="btn btn-outline-light">Reconnect</button>-->
+        <button ngbDropdownItem type="button" class="btn disabled btn-outline-danger">Reconnect</button>
+        <button ngbDropdownItem type="button" class="btn disabled btn-outline-danger">Delete</button>
+      </div>
+    </div>
     <button (click)="modal.dismiss('Close click')" type="button" class="btn btn-outline-light">Close</button>
   </div>
 </ng-template>