From 76587065cccc948b67aa0aeee5544d1d57f709e7 Mon Sep 17 00:00:00 2001
From: Aldemir Akpinar <aldemira@users.noreply.github.com>
Date: Wed, 17 Jan 2018 14:06:32 +0300
Subject: [PATCH] webui: New tab in "manage host dependencies" to clear all
 children of a parent (#8085)

* Add dependency info for api

* webui: new tab to clear children of a parent device

* Fix travis CI errors
---
 .../forms/delete-host-dependency.inc.php      |  33 +++-
 .../modal/manage_host_dependencies.inc.php    | 146 ++++++++++++------
 html/pages/device-dependencies.inc.php        |   8 +
 3 files changed, 137 insertions(+), 50 deletions(-)

diff --git a/html/includes/forms/delete-host-dependency.inc.php b/html/includes/forms/delete-host-dependency.inc.php
index 4ba304d851..82e2acd6c7 100644
--- a/html/includes/forms/delete-host-dependency.inc.php
+++ b/html/includes/forms/delete-host-dependency.inc.php
@@ -15,13 +15,34 @@
 if (is_admin() === false) {
     $status = array('status' => 1, 'message' => 'You need to be admin');
 } else {
-    if (!is_numeric($_POST['device_id'])) {
-        $status = array('status' => 1, 'message' => 'Wrong device id!');
-    } else {
-        if (dbDelete('device_relationships', '`child_device_id` = ?', array($_POST['device_id']))) {
-            $status = array('status' => 0, 'message' => 'Device dependency has been deleted.');
+    if ($_POST['device_id']) {
+        if (!is_numeric($_POST['device_id'])) {
+            $status = array('status' => 1, 'message' => 'Wrong device id!');
+        } else {
+            if (dbDelete('device_relationships', '`child_device_id` = ?', array($_POST['device_id']))) {
+                $status = array('status' => 0, 'message' => 'Device dependency has been deleted.');
+            } else {
+                $status = array('status' => 1, 'message' => 'Device dependency cannot be deleted.');
+            }
+        }
+    } else if ($_POST['parent_ids']) {
+        $error = false;
+        foreach ($_POST['parent_ids'] as $parent) {
+            if (is_numeric($parent) && $parent != 0) {
+                if (!dbDelete('device_relationships', ' `parent_device_id` = ?', array($parent))) {
+                    $error = true;
+                    $status = array('status' => 1, 'message' => 'Device dependency cannot be deleted.');
+                }
+            } else if ($parent == 0) {
+                $status = array('status' => 1, 'message' => 'No dependency to delete.');
+                $error = true;
+                break;
+            }
+        }
+
+        if (!$error) {
+            $status = array('status' => 0, 'message' => 'Device dependencies has been deleted');
         } else {
-            $status = array('status' => 1, 'message' => 'Device Dependency cannot be deleted.');
         }
     }
 }
diff --git a/html/includes/modal/manage_host_dependencies.inc.php b/html/includes/modal/manage_host_dependencies.inc.php
index 05e7044ae0..d29ce95cce 100644
--- a/html/includes/modal/manage_host_dependencies.inc.php
+++ b/html/includes/modal/manage_host_dependencies.inc.php
@@ -25,19 +25,34 @@ if (is_admin() === false) {
                 <h5 class="modal-title" id="mandeps">Device Dependency for Multiple Devices</h5>
             </div>
             <div class="modal-body">
-                <div id="mandeps-msg"></div>
-                <p>Here you can modify multiple device dependencies. Setting the parent device to "None" will clear the dependency.</p>
-                <br />
-                <div class="form-group">
-                    <label for="manavailableparents">Parent Host:</label>
-                    <select multiple name="parent_id" class="form-control" id="manavailableparents" style='width: 100%'>
-                    </select>
-                </div>
+                <ul class="nav nav-tabs" role="tablist" id="manhostdepstabs">
+                    <li role="presentation" class="active"><a href="#bulkadd" aria-controls="bulkadd" role="tab" data-toggle="tab">Bulk Add</a></li>
+                    <li role="presentation"><a href="#clearall" aria-controls="clearall" role="tab" data-toggle="tab">Clear All</a></li>
+                </ul>
+                <div class="tab-content">
+                    <div role="tabpanel" class="tab-pane active" id="bulkadd">
+                        <p>Here you can modify multiple device dependencies. Setting the parent device to "None" will clear the dependency.</p>
+                        <br />
+                        <div class="form-group">
+                            <label for="manavailableparents">Parent Host:</label>
+                            <select multiple name="parent_id" class="form-control" id="manavailableparents" style='width: 100%'>
+                            </select>
+                        </div>
 
-                <div class="form-group">
-                    <label for="manalldevices">Child Hosts:</label>
-                    <select multiple name="device_ids" class="form-control" id="manalldevices" style='width: 100%'>
-                    </select>
+                        <div class="form-group">
+                            <label for="manalldevices">Child Hosts:</label>
+                            <select multiple name="device_ids" class="form-control" id="manalldevices" style='width: 100%'>
+                            </select>
+                        </div>
+                    </div>
+                    <div role="tabpanel" class="tab-pane" id="clearall">
+                        <p>Select the parent device to delete its child devices</p>
+                        <div class="form-group">
+                            <label for="manclearchildren">Parent Host:</label>
+                            <select multiple name="parent_id" class="form-control" id="manclearchildren" style='width: 100%'>
+                            </select>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div class="modal-footer">
@@ -71,7 +86,7 @@ function changeParents(e, evttype)
     }
 
     // Set parents to new value
-    $('#manavailableparents').val(temp_arr).trigger('change');
+    $('#manavailableparents').val(parent_ids).trigger('change');
 
     $.ajax({
         type: 'POST',
@@ -104,6 +119,9 @@ $('#manage-dependencies').on('hide.bs.modal', function() {
     $('#manavailableparents').val('0');
     $('#manavailableparents').trigger('change');
 
+    $('#manclearchildren').val('0');
+    $('#manclearchildren').trigger('change');
+
     $('#manalldevices').val(null);
     $('#manalldevices').trigger('change');
 });
@@ -123,8 +141,12 @@ $('#manage-dependencies').on('show.bs.modal', function() {
                 });
                 $('#manalldevices').val(tempArr);
                 $('#manalldevices').trigger('change');
+
                 $('#manavailableparents').val(device_id);
                 $('#manavailableparents').trigger('change');
+
+                $('#manclearchildren').val(device_id);
+                $('#manclearchildren').trigger('change');
             } else {
                 toastr.error(output.message);
             }
@@ -141,44 +163,80 @@ $('#manhostdep-save').click('', function(event) {
     var children = [];
     var parent_id = [];
     var parent_host = '';
+    var btn_text = $('#manhostdep-save').text();
 
-    // Get selections
-    var parents = $('#manavailableparents').select2('data');
-    var devices = $('#manalldevices').select2('data');
+    if (btn_text == 'Save') {
+        // Get selections
+        var parents = $('#manavailableparents').select2('data');
+        var devices = $('#manalldevices').select2('data');
 
-    for (var i=0;i<parents.length;i++) {
-        parent_id.push(parents[i].id);
-        parent_host = parent_host + '<a href="device/device='+ parents[i].id +'/">' + parents[i].text + '</a>, ';
-    }
-    for (var i=0;i<devices.length;i++) {
-        device_ids.push(devices[i].id);
-        children.push(devices[i].text);
-    }
-    parent_host = parent_host.slice(0, -2);
-
-    $.ajax({
-        type: 'POST',
-        url: 'ajax_form.php',
-        data: { type: "save-host-dependency", device_ids: device_ids, parent_ids: parent_id },
-        dataType: "json",
-        success: function(output) {
-            $("#manage-dependencies").modal('hide');
-            $('#hostdeps').bootgrid('reload');
-            if (output.status == 0) {
-                toastr.success('Device dependencies saved successfully');
-            } else {
-                toastr.error('The device dependency could not be saved.');
-            }
-        },
-        error: function() {
-            toastr.error('The device dependency could not be saved.');
-            $("#manage-dependencies").modal('hide');
+        for (var i=0;i<parents.length;i++) {
+            parent_id.push(parents[i].id);
+            parent_host = parent_host + '<a href="device/device='+ parents[i].id +'/">' + parents[i].text + '</a>, ';
         }
-    });
+        for (var i=0;i<devices.length;i++) {
+            device_ids.push(devices[i].id);
+            children.push(devices[i].text);
+        }
+        parent_host = parent_host.slice(0, -2);
+
+        $.ajax({
+            type: 'POST',
+            url: 'ajax_form.php',
+            data: { type: "save-host-dependency", device_ids: device_ids, parent_ids: parent_id },
+            dataType: "json",
+            success: function(output) {
+                $("#manage-dependencies").modal('hide');
+                $('#hostdeps').bootgrid('reload');
+                if (output.status == 0) {
+                    toastr.success('Device dependencies saved successfully');
+                } else {
+                    toastr.error('The device dependency could not be saved.');
+                }
+            },
+            error: function() {
+                toastr.error('The device dependency could not be saved.');
+                $("#manage-dependencies").modal('hide');
+            }
+        });
+    } else if(btn_text == 'Clear') {
+        var parents = $('#manclearchildren').select2('data');
+        for (var i=0;i<parents.length;i++) {
+            parent_id.push(parents[i].id);
+        }
+        $.ajax({
+            type: 'POST',
+            url: 'ajax_form.php',
+            data: { type: "delete-host-dependency", parent_ids: parent_id },
+            dataType: "json",
+            success: function(output) {
+                $("#manage-dependencies").modal('hide');
+                $('#hostdeps').bootgrid('reload');
+                if (output.status == 0) {
+                    toastr.success(output.message);
+                } else {
+                    toastr.error(output.message);
+                }
+            },
+            error: function() {
+                toastr.error('The device dependency could not be deleted.');
+                $("#manage-dependencies").modal('hide');
+            }
+        });
+    }
 });
 
 $(document).ready(function() {
     $('#manavailableparents').on('select2:select', function(e) {changeParents(e, 'select')});
     $('#manavailableparents').on('select2:unselect', function(e) {changeParents(e, 'unselect')});
+
+    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+        if ($(e.target).closest('li').index() == 0) {
+            $('#manhostdep-save').text('Save');
+        } else if ($(e.target).closest('li').index() == 1) {
+            $('#manhostdep-save').text('Clear');
+        }
+
+    });
 });
 </script>
diff --git a/html/pages/device-dependencies.inc.php b/html/pages/device-dependencies.inc.php
index 99b6b0a1d2..a0a3ecd041 100644
--- a/html/pages/device-dependencies.inc.php
+++ b/html/pages/device-dependencies.inc.php
@@ -126,6 +126,12 @@ $(document).ready(function() {
 
     });
 
+    var manParentDevstoClr = $('#manclearchildren').select2({
+        dropdownParent: $('#manage-dependencies'),
+        width: 'resolve',
+        tags: true
+    });
+
     var manParentDevs = $('#manavailableparents').select2({
         dropdownParent: $('#manage-dependencies'),
         width: 'resolve',
@@ -147,10 +153,12 @@ $(document).ready(function() {
             if (output.status == 0) {
                 manParentDevs.append($('<option>', { value: 0, text: 'None'}));
                 editSelect.append($('<option>', { value: 0, text: 'None'}));
+                manParentDevstoClr.append($('<option>', { value: 0, text: 'None'}));
                 $.each(output.deps, function (i,elem) {
                     manParentDevs.append($('<option>',{value:elem.id, text:elem.hostname}));
                     editSelect.append($('<option>',{value:elem.id, text:elem.hostname}));
                     manAllDevs.append($('<option>',{value:elem.id, text:elem.hostname}));
+                    manParentDevstoClr.append($('<option>',{value:elem.id, text:elem.hostname}));
                 });
             } else {
                 toastr.error('Device dependencies could not be retrieved from the database');