Pop Update

* Rückseite der Pop-Racks können nun auch mit HEs bestückt werden

public/js/pages/pop/detail.js

@@ -79,6 +79,7 @@ $(document).ready(function () {
         var hemaxcount = 1;
         var hemaxcountactive = 1;
         var edit = 0;
+        var side = trigger.closest('tbody').data('side');
         $('#module-type option').prop('disabled', false);
         var parent = trigger.closest('tr');
         if (trigger.closest('tr').find('td').eq(1).html() === undefined) {
@@ -130,10 +131,7 @@ $(document).ready(function () {
                     $('#module-ports').val(parent.find('td').eq(1).data('ports')).change();
                     $('#module-plug').val(parent.find('td').eq(1).data('plug'));
                 }
-                //$('#module-type').attr('disabled', 'disabled');
-
                 $('#module-name').val(parent.find('td').eq(1).data('name'));
-                // $('#module-name').attr('disabled', 'disabled');
                 $('#module-type option[value="1"]').prop('disabled', true);
 
 
@@ -207,6 +205,7 @@ $(document).ready(function () {
 
             }
         }
+        $('#module-side').val(side);
     });
 
     $("body").on("change", "#module-type", function () {
@@ -272,6 +271,7 @@ $(document).ready(function () {
 
         if (!error) {
             $.post(linkAddModule + "&poprack_id=" + rackid, {
+                side: $.trim($('#module-side').val()),
                 type: $.trim($('#module-type').val()),
                 device_id: $.trim($('#module-device-id').val()),
                 name: $.trim($('#module-name').val()),
@@ -285,7 +285,8 @@ $(document).ready(function () {
             }, function (data) {
                 if (data.success === true) {
                     $('#rackModuleModal').modal('toggle');
-                    $.get(linkGenerateRack + "&id=" + rackid, function (data, status) {
+                    var currentSide = trigger.closest('tbody').data('side');
+                    $.get(linkGenerateRack + "&id=" + rackid + "&side=" + currentSide, function (data, status) {
                         trigger.closest('tbody').html(data);
                     });
                 }
@@ -299,12 +300,13 @@ $(document).ready(function () {
         var moduleid = $(this).data('moduleid');
         var rackid = trigger.closest('table').find('th').data('rackid');
         if (confirm("Modul entfernen?")) {
+            let side = trigger.closest('tbody').data('side');
             $.post(linkRemoveModule, {
                 id: moduleid
             }, function (data) {
                 if (data.success === true) {
                     $('#rackModuleModal').modal('toggle');
-                    $.get(linkGenerateRack + "&id=" + rackid, function (data, status) {
+                    $.get(linkGenerateRack + "&id=" + rackid + "&side=" + side, function (data, status) {
                         trigger.closest('tbody').html(data);
                     });
                 }
@@ -315,6 +317,7 @@ $(document).ready(function () {
         var moduleid = $(this).data('moduleid');
         var rackid = trigger.closest('table').find('th').data('rackid');
         var error;
+        let side = trigger.closest('tbody').data('side');
         if (!$.trim($('#module-name').val())) {
             error = "Modul Name darf nicht leer sein";
         }
@@ -328,7 +331,7 @@ $(document).ready(function () {
             }, function (data) {
                 if (data.success === true) {
                     $('#rackModuleModal').modal('toggle');
-                    $.get(linkGenerateRack + "&id=" + rackid, function (data, status) {
+                    $.get(linkGenerateRack + "&id=" + rackid + "&side=" + side, function (data, status) {
                         trigger.closest('tbody').html(data);
                     });
                 }
@@ -532,6 +535,38 @@ $(document).ready(function () {
             $('#module-device-text').hide();
         }
     });
+    $("body").on("click", ".switch-rack-side", function () {
+        var icon = $(this);
+        var rackTh = icon.closest('th');
+        var rackId = rackTh.data('rackid');
+        var rackTable = icon.closest('table');
+        var rackBody = rackTable.find('tbody');
+        var sideIndicator = rackTh.find('.rack-side-indicator');
 
+        var currentSide = rackBody.data('side');
+        var newSide = (currentSide === 'front') ? 'back' : 'front';
+        if (icon.hasClass('is-loading')) {
+            return;
+        }
+        icon.addClass('is-loading fa-spin');
+        rackTable.fadeOut(150, function () {
+            $.get(linkGenerateRack + "&id=" + rackId + "&side=" + newSide, function (data, status) {
+                rackBody.html(data);
+                rackBody.data('side', newSide);
+
+                if (newSide === 'front') {
+                    sideIndicator.text('- Vorderseite');
+                } else {
+                    sideIndicator.text('- Rückseite');
+                }
+                rackTable.fadeIn(150);
+            }).fail(function () {
+                rackBody.html('<tr><td colspan="13" class="text-center text-danger p-3">Fehler beim Laden.</td></tr>');
+                rackTable.fadeIn(150);
+            }).always(function () {
+                icon.removeClass('is-loading fa-spin');
+            });
+        });
+    });
 
 });