agents: add clone button

Author: sni

plugins/plugins-available/agents/templates/agents.tt

@@ -46,7 +46,7 @@
           <th class="w-20">Memory</th>
           <th class="w-20">Disk</th>
           <th class="w-24">Checks</th>
-          <th class="w-32">
+          <th class="w-20">
             <div class="flexrow flex-nowrap gap-x-1 justify-between">
               <div class="flexrow flex-nowrap gap-x-1 h-5">
                 <a href="#" onclick="return agents_run_all(this, '.js-update-btn', {})"><i class="fa-solid fa-arrows-rotate text-sm" title="Update inventory for all visible servers"></i></a>
@@ -156,6 +156,7 @@
                   <a href="#" class="js-update-btn" onclick="return send_form_in_background_and_reload(this)"><i class="fa-solid fa-arrows-rotate text-sm" title="Update inventory"></i></a>
                 </form>
                 <a href="agents.cgi?action=edit&amp;hostname=[% h.name | uri %]&backend=[% h.peer_key | uri %]"><i class="fa-solid fa-pencil text-sm" title='Edit this host'></i></a>
+                <a href="agents.cgi?action=clone&amp;hostname=[% h.name | uri %]&backend=[% h.peer_key | uri %]"><i class="fa-solid fa-clone text-sm" title='Clone this host'></i></a>
                 [% PROCESS _button btn = {
                   form   => { action => 'agents.cgi', },
                   data   => { 'action' => 'remove', 'hostname' => h.name, backend => h.peer_key, CSRFtoken => get_user_token(c), },

plugins/plugins-available/agents/templates/agents_edit.tt

@@ -310,7 +310,25 @@
         <a href="agents.cgi" class="button header-button rounded w-[70px]" title="Go back to agent list"><i class="uil uil-angle-double-left"></i>Back</a>
       </div>
       <h3>[% IF agent.hostname != "new" %]Edit[% ELSE%]Add[% END %] Agent</h3>
-      <div class="w-40"></div>
+      <div class="w-40 flex justify-end relative">
+        <button class="w-fit ml-2 pr-1" onClick="toggleElement('action_menu', undefined, true); return false;">Actions <i class="uil uil-angle-down mr-0" title='More Host Actions'></i></button>
+        <div id="action_menu" style="display: none;" class="context_menu w-[160px] left-0 top-[30px]">
+          <form action="agents.cgi" method="POST">
+            <input type="hidden" name="CSRFtoken" value="[% get_user_token(c) %]">
+            <input type="hidden" name="hostname" value="[% agent.hostname | html %]">
+            <input type="hidden" name="backend" value="[% agent.peer_key | html %]">
+            <ul class="w-full">
+              <li>
+                <a href="agents.cgi?action=clone&amp;hostname=[% agent.hostname | uri %]&backend=[% agent.peer_key | uri %]" class="[% IF agent.hostname == "new" %]disabled[% END %]" onclick=""><i class="fa-solid fa-clone text-xs"></i> Clone</a>
+              </li>
+              <li><hr></li>
+              <li class="[% IF agent.hostname != "new" %]hover-red[% END %]">
+                <a href="" class="[% IF agent.hostname == "new" %]disabled[% END %]" onclick="if(confirm('really remove host: [% agent.hostname | html %]?')) { return send_form_in_background_and_forward(this, {action: 'remove' }, null, 'agents.cgi') }; return false;"><i class="fa-solid fa-trash text-xs"></i> Remove</a>
+              </li>
+            </ul>
+          </form>
+        </div>
+      </div>
     </div>
     <form action="agents.cgi" method="POST" class="flexcol gap-y-0 w-full h-[calc(100%-50px)]" onsubmit="setFormBtnSpinner(this)">
       <input type="submit" onclick="return false;" class="hidden"><!--do not submit on enter-->
@@ -455,9 +473,6 @@
           [% PROCESS _check_type type="disabled" sub="sub_4" %]
         </div>
       </div>
-      <div class="footer" style="flex: 0 0 40px;">
-        [% IF agent.hostname != "new" %]<button name="action" value="remove" class="hover-red w-32" onclick="return(confirm('really remove host: [% agent.hostname | html %]?'))"><i class="uil uil-trash-alt"></i> Delete</button>[% END %]
-      </div>
     </form>
   </div>
 

root/thruk/javascript/thruk-3.20.2.js

@@ -5064,15 +5064,17 @@ function submitFormInBackground(form, cb, extraData) {
             'Accept': "application/json; charset=utf-8"
         },
         success: function(data, textStatus, jqXHR) {
-            showMessageFromCookie();
             if(cb) {
                 cb(form, true, data, textStatus, jqXHR);
+            } else {
+                showMessageFromCookie();
             }
         },
         error: function(jqXHR, textStatus, errorThrown) {
-            showMessageFromCookie();
             if(cb) {
                 cb(form, false, null, textStatus, jqXHR);
+            } else {
+                showMessageFromCookie();
             }
             ajax_xhr_error_logonly(jqXHR, textStatus, errorThrown);
         }
@@ -5081,12 +5083,21 @@ function submitFormInBackground(form, cb, extraData) {
 }
 
 function send_form_in_background_and_reload(btn, extraData, skipTimeout) {
-    send_form_in_background_with_callback(btn, extraData, function() {
+    send_form_in_background_with_callback(btn, extraData, function(form, success) {
         reloadPage();
     }, skipTimeout);
     return(false);
 }
 
+function send_form_in_background_and_forward(btn, extraData, skipTimeout, url) {
+    send_form_in_background_with_callback(btn, extraData, function(form, success) {
+        if(success) {
+          redirect_url(url);
+        }
+    }, skipTimeout);
+    return(false);
+}
+
 function send_form_in_background_with_callback(btn, extraData, cb, skipTimeout) {
     var form = jQuery(btn).parents('FORM');
     if(!checkRequiredFields(form)) {

themes/base.css

@@ -1580,6 +1580,9 @@ DIV.action_menu, DIV.context_menu {
         SPAN.icon {
           @apply inline-flex w-[20px] h-[20px];
         }
+        &.disabled {
+          @apply cursor-default pointer-events-none;
+        }
       }
       &.no-hover {
         @apply hover:bg-inherit;