feature: saved exports view/edit/trigger

Disco.Web/ClientSource/Scripts/Core.js

@@ -58668,7 +58668,7 @@ jQuery.fn.DataTable.defaults.aLengthMenu = [[10, 20, 50, 100, 200, -1], [10, 20,
 
         if (navigator.clipboard) {
             window.setTimeout(() => {
-                $('[data-clipboard]')
+                $('[data-clipboard]:not(input)')
                     .on('mouseenter', e => {
                         const $this = $(e.currentTarget);
                         const previousPosition = $this.css('position');
@@ -58699,6 +58699,22 @@ jQuery.fn.DataTable.defaults.aLengthMenu = [[10, 20, 50, 100, 200, -1], [10, 20,
                             $this.removeData('clipboard');
                         }
                     });
+                $('input[data-clipboard]')
+                    .each((i, el) => {
+                        const $this = $(el);
+                        const link = $('<i class="clipboard-button fa fa-clipboard fa-fw">');
+                        link.insertAfter($this);
+                        link.on('click', e => {
+                            e.preventDefault();
+                            const value = $this.val();
+                            navigator.clipboard.writeText(value).then(() => {
+                                link.removeClass('fa-clipboard').addClass('fa-check');
+                                window.setTimeout(() => {
+                                    link.removeClass('fa-check').addClass('fa-clipboard');
+                                }, 1000);
+                            });
+                        });
+                    })
             }, 100);
         }
     });

Disco.Web/ClientSource/Scripts/Core/disco.uicore.js

@@ -198,7 +198,7 @@
 
         if (navigator.clipboard) {
             window.setTimeout(() => {
-                $('[data-clipboard]')
+                $('[data-clipboard]:not(input)')
                     .on('mouseenter', e => {
                         const $this = $(e.currentTarget);
                         const previousPosition = $this.css('position');
@@ -229,6 +229,22 @@
                             $this.removeData('clipboard');
                         }
                     });
+                $('input[data-clipboard]')
+                    .each((i, el) => {
+                        const $this = $(el);
+                        const link = $('<i class="clipboard-button fa fa-clipboard fa-fw">');
+                        link.insertAfter($this);
+                        link.on('click', e => {
+                            e.preventDefault();
+                            const value = $this.val();
+                            navigator.clipboard.writeText(value).then(() => {
+                                link.removeClass('fa-clipboard').addClass('fa-check');
+                                window.setTimeout(() => {
+                                    link.removeClass('fa-check').addClass('fa-clipboard');
+                                }, 1000);
+                            });
+                        });
+                    })
             }, 100);
         }
     });

Disco.Web/ClientSource/Style/BundleSite.css

@@ -5903,6 +5903,9 @@ div.columnHost .column50 {
 .smallText {
   font-size: 0.9em;
 }
+.subtleText {
+  color: #ededed;
+}
 .smallMessage {
   font-style: italic;
   color: #666;
@@ -6026,4 +6029,12 @@ i.clipboard-link {
 }
 i.clipboard-link:hover {
   color: #333;
+}
+i.clipboard-button {
+  cursor: pointer;
+  padding-left: 4px;
+  color: #1e6dab;
+}
+i.clipboard-button:hover {
+  color: #9e9e9e;
 }

Disco.Web/ClientSource/Style/Config.css

@@ -2038,24 +2038,24 @@ h1.Config_DocumentTemplates {
   cursor: not-allowed;
   background-color: #f4f4f4;
 }
-#Config_Export_Create_OnDemand #Config_Export_Create_OnDemand_List {
+#Config_Export_Edit_OnDemand #Config_Export_Edit_OnDemand_List {
   height: 120px;
   overflow-y: auto;
   background-color: #fff;
   border: 1px solid #d8d8d8;
   margin-bottom: 10px;
 }
-#Config_Export_Create_OnDemand #Config_Export_Create_OnDemand_List li {
+#Config_Export_Edit_OnDemand #Config_Export_Edit_OnDemand_List li {
   cursor: pointer;
   margin: 2px 4px;
 }
-#Config_Export_Create_OnDemand #Config_Export_Create_OnDemand_List li:hover {
+#Config_Export_Edit_OnDemand #Config_Export_Edit_OnDemand_List li:hover {
   background-color: #f4f4f4;
 }
-#Config_Export_Create_OnDemand #Config_Export_Create_OnDemand_List li:hover .remove {
+#Config_Export_Edit_OnDemand #Config_Export_Edit_OnDemand_List li:hover .remove {
   opacity: 0.8;
 }
-#Config_Export_Create_OnDemand #Config_Export_Create_OnDemand_List li .remove {
+#Config_Export_Edit_OnDemand #Config_Export_Edit_OnDemand_List li .remove {
   margin-top: 2px;
   padding-right: 6px;
   float: right;
@@ -2064,6 +2064,6 @@ h1.Config_DocumentTemplates {
   color: #e51400;
   font-size: 1.3em;
 }
-#Config_Export_Create_OnDemand #Config_Export_Create_OnDemand_List li .remove:hover {
+#Config_Export_Edit_OnDemand #Config_Export_Edit_OnDemand_List li .remove:hover {
   opacity: 1;
 }

Disco.Web/ClientSource/Style/Config.less

@@ -2461,8 +2461,8 @@ h1.Config_DocumentTemplates {
 .dialog-bulk-generate {
 }
 
-#Config_Export_Create_OnDemand {
-    #Config_Export_Create_OnDemand_List {
+#Config_Export_Edit_OnDemand {
+    #Config_Export_Edit_OnDemand_List {
         height: 120px;
         overflow-y: auto;
         background-color: @white;

Disco.Web/ClientSource/Style/Site.css

@@ -1471,6 +1471,9 @@ div.columnHost .column50 {
 .smallText {
   font-size: 0.9em;
 }
+.subtleText {
+  color: #ededed;
+}
 .smallMessage {
   font-style: italic;
   color: #666;
@@ -1594,4 +1597,12 @@ i.clipboard-link {
 }
 i.clipboard-link:hover {
   color: #333;
+}
+i.clipboard-button {
+  cursor: pointer;
+  padding-left: 4px;
+  color: #1e6dab;
+}
+i.clipboard-button:hover {
+  color: #9e9e9e;
 }

Disco.Web/ClientSource/Style/Site.less

@@ -1546,6 +1546,10 @@ div.columnHost {
     font-size: 0.9em;
 }
 
+.subtleText {
+    color: @SubtleColour;
+}
+
 .smallMessage {
     font-style: italic;
     color: #666;
@@ -1696,3 +1700,13 @@ i.clipboard-link {
         color: @HeaderBackgroundColour;
     }
 }
+
+i.clipboard-button {
+    cursor: pointer;
+    padding-left: 4px;
+    color: @ButtonColour;
+
+    &:hover {
+        color: @ButtonHoverColour;
+    }
+}