From 62b3000e268d0ce9b9c30be35dcc8cec971998bd Mon Sep 17 00:00:00 2001
From: David Manthey <david.manthey@kitware.com>
Date: Wed, 13 Nov 2024 12:23:11 -0500
Subject: [PATCH] Change how buttons are injected in the folder page.

This makes the process more robust for some other layout changes.
---
 server/dive_server/web_client/views/folderPage.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/dive_server/web_client/views/folderPage.js b/server/dive_server/web_client/views/folderPage.js
index 74d1c89..02d68fa 100644
--- a/server/dive_server/web_client/views/folderPage.js
+++ b/server/dive_server/web_client/views/folderPage.js
@@ -6,14 +6,14 @@ wrap(HierarchyWidget, 'render', function (render) {
     render.call(this);
     if (this.parentModel.attributes._modelType === 'folder'){
         if (!this.$el.find('.g-dive-open-item[role="button"]').length && this.parentModel.attributes.meta.annotate) {
-            this.$el.find('.g-folder-header-buttons .btn-group').before(
+            this.$el.find('.g-folder-header-buttons').prepend(
                 `<a class="g-dive-open-item btn btn-sm btn-primary" style="margin-left: 10px" role="button" href="${webrootPath}${this.parentModel.id}" target="_blank">
                         <i class="icon-link-ext"></i>Open in DIVE
                 </a>`
             );
         }
         if (!this.$el.find('.g-dive-open-metadata-item[role="button"]').length && this.parentModel.attributes.meta.DIVEMetadata) {
-            this.$el.find('.g-folder-header-buttons .btn-group').before(
+            this.$el.find('.g-folder-header-buttons').prepend(
                 `<a class="g-dive-open-metadata-item btn btn-sm btn-primary" style="margin-left: 10px" role="button" href="${metadataRootPath}${this.parentModel.id}" target="_blank">
                         <i class="icon-link-ext"></i>Open Metadata in DIVE
                 </a>`
@@ -22,14 +22,14 @@ wrap(HierarchyWidget, 'render', function (render) {
         if (!this.$el.find('.g-dive-open-metadata-filter-item[role="button"]').length && this.parentModel.attributes.meta.DIVEMetadataClonedFilter && this.parentModel.attributes.meta.DIVEMetadataClonedFilterBase) {
             const base = this.parentModel.attributes.meta.DIVEMetadataClonedFilterBase;
             const params= encodeURI(this.parentModel.attributes.meta.DIVEMetadataClonedFilter);
-            this.$el.find('.g-folder-header-buttons .btn-group').before(
+            this.$el.find('.g-folder-header-buttons').prepend(
                 `<a class="g-dive-open-metadata-filter-item btn btn-sm btn-info" style="margin-left: 10px" role="button" href="${metadataRootPath}${base}?filter=${params}" target="_blank">
                         <i class="icon-link-ext"></i>Open Metadata Filter in DIVE
                 </a>`
             );
         }
         if ( !this.$el.find('.g-dive-convert-item[role="button"]').length && !this.parentModel.attributes.meta.annotate && this.parentModel.attributes.meta.MarkForPostProcess === true) {
-            this.$el.find('.g-folder-header-buttons .btn-group').before(
+            this.$el.find('.g-folder-header-buttons').prepend(
                 `<div 
                     class="g-dive-convert-link btn btn-sm btn-primary"
                     item-id=${this.parentModel.id}
@@ -46,4 +46,4 @@ wrap(HierarchyWidget, 'render', function (render) {
         }    
     }
     this.delegateEvents();
-});
\ No newline at end of file
+});