From d20e462652177633ff47f4632ecf83158541f565 Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Tue, 4 Jun 2024 16:36:39 -0400
Subject: [PATCH] Mimicked UI for Client Perms to USer and Device Licneses
 under Licenses

---
 client_software_add_modal.php  | 108 +++++++++++++++++++++------------
 client_software_edit_modal.php |  27 ++++++---
 2 files changed, 87 insertions(+), 48 deletions(-)

diff --git a/client_software_add_modal.php b/client_software_add_modal.php
index 82b95e03..25b67c22 100644
--- a/client_software_add_modal.php
+++ b/client_software_add_modal.php
@@ -18,6 +18,12 @@
                         <li class="nav-item">
                             <a class="nav-link" data-toggle="pill" href="#pills-licensing">Licensing</a>
                         </li>
+                        <li class="nav-item">
+                            <a class="nav-link" data-toggle="pill" href="#pills-device-licenses">Devices</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" data-toggle="pill" href="#pills-user-licenses">Users</a>
+                        </li>
                         <li class="nav-item">
                             <a class="nav-link" data-toggle="pill" href="#pills-notes">Notes</a>
                         </li>
@@ -133,53 +139,79 @@
                                 </div>
                             </div>
 
-                            <div class="form-group">
-                                <label>Devices</label>
-                                <div class="input-group">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="fa fa-fw fa-desktop"></i></span>
+                        </div>
+
+                        <div class="tab-pane fade" id="pills-device-licenses">
+
+                            <ul class="list-group">
+
+                                <li class="list-group-item bg-dark">
+                                    <div class="form-check">
+                                        <input type="checkbox" class="form-check-input" onclick="this.closest('.tab-pane').querySelectorAll('.asset-checkbox').forEach(checkbox => checkbox.checked = this.checked);">
+                                        <label class="form-check-label ml-3"><strong>Licensed Devices</strong></label>
                                     </div>
-                                    <select class="form-control select2" name="assets[]" data-placeholder="Select licensed Assets" multiple>
-                                        <?php
+                                </li>
 
-                                       $sql = mysqli_query($mysqli, "SELECT * FROM assets LEFT JOIN contacts ON asset_contact_id = contact_id WHERE asset_archived_at IS NULL AND asset_client_id = $client_id ORDER BY asset_name ASC");
 
-                                        while ($row = mysqli_fetch_array($sql)) {
-                                            $asset_id = intval($row['asset_id']);
-                                            $asset_name = nullable_htmlentities($row['asset_name']);
-                                            $asset_type = nullable_htmlentities($row['asset_type']);
-                                            $contact_name = nullable_htmlentities($row['contact_name']);
-                                        ?>
-                                            <option value="<?php echo $asset_id; ?>"><?php echo "$asset_name - $contact_name"; ?></option>
-                                        <?php } ?>
+                                <?php
+                                $sql_assets_select = mysqli_query($mysqli, "SELECT * FROM assets LEFT JOIN contacts ON asset_contact_id = contact_id WHERE (asset_archived_at > '$software_created_at' OR asset_archived_at IS NULL) AND asset_client_id = $client_id ORDER BY asset_archived_at ASC, asset_name ASC");
 
-                                    </select>
-                                </div>
-                            </div>
+                                while ($row = mysqli_fetch_array($sql_assets_select)) {
+                                    $asset_id_select = intval($row['asset_id']);
+                                    $asset_name_select = nullable_htmlentities($row['asset_name']);
+                                    $asset_type_select = nullable_htmlentities($row['asset_type']);
+                                    $asset_archived_at = nullable_htmlentities($row['asset_archived_at']);
+                                    if (empty($asset_archived_at)) {
+                                        $asset_archived_display = "";
+                                    } else {
+                                        $asset_archived_display = "Archived - ";
+                                    }
+                                    $contact_name_select = nullable_htmlentities($row['contact_name']);
 
-                            <div class="form-group">
-                                <label>Users</label>
-                                <div class="input-group">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text"><i class="fa fa-fw fa-users"></i></span>
+                                    ?>
+                                    <li class="list-group-item">
+                                        <div class="form-check">
+                                            <input type="checkbox" class="form-check-input asset-checkbox" name="assets[]" value="<?php echo $asset_id_select; ?>">
+                                            <label class="form-check-label ml-2"><?php echo "$asset_archived_display$asset_name_select - $contact_name_select"; ?></label>
+                                        </div>
+                                    </li>
+
+                                <?php } ?>
+
+                            </ul>
+
+                        </div>
+
+                        <div class="tab-pane fade" id="pills-user-licenses">
+
+                            <ul class="list-group">
+
+                                <li class="list-group-item bg-dark">
+                                    <div class="form-check">
+                                        <input type="checkbox" class="form-check-input" onclick="this.closest('.tab-pane').querySelectorAll('.user-checkbox').forEach(checkbox => checkbox.checked = this.checked);">
+                                        <label class="form-check-label ml-3"><strong>Licensed Users</strong></label>
                                     </div>
-                                    <select class="form-control select2" name="contacts[]" data-placeholder="Select licensed Users" multiple>
-                                        <?php
+                                </li>
 
-                                       $sql = mysqli_query($mysqli, "SELECT * FROM contacts WHERE contact_archived_at IS NULL AND contact_client_id = $client_id ORDER BY contact_name ASC");
+                                <?php
+                                $sql_contacts_select = mysqli_query($mysqli, "SELECT * FROM contacts WHERE contact_archived_at IS NULL AND contact_client_id = $client_id ORDER BY contact_name ASC");
 
-                                        while ($row = mysqli_fetch_array($sql)) {
-                                            $contact_id = intval($row['contact_id']);
-                                            $contact_name = nullable_htmlentities($row['contact_name']);
-                                            $contact_email = nullable_htmlentities($row['contact_email']);
-                                            
-                                            ?>
-                                            <option value="<?php echo $contact_id; ?>"><?php echo "$contact_name - $contact_email"; ?></option>
-                                        <?php } ?>
+                                while ($row = mysqli_fetch_array($sql_contacts_select)) {
+                                    $contact_id_select = intval($row['contact_id']);
+                                    $contact_name_select = nullable_htmlentities($row['contact_name']);
+                                    $contact_email_select = nullable_htmlentities($row['contact_email']);
 
-                                    </select>
-                                </div>
-                            </div>
+                                    ?>
+                                    <li class="list-group-item">
+                                        <div class="form-check">
+                                            <input type="checkbox" class="form-check-input user-checkbox" name="contacts[]" value="<?php echo $contact_id_select; ?>">
+                                            <label class="form-check-label ml-2"><?php echo "$contact_name_select - $contact_email_select"; ?></label>
+                                        </div>
+                                    </li>
+
+                                <?php } ?>
+
+                            </ul>
 
                         </div>
 
diff --git a/client_software_edit_modal.php b/client_software_edit_modal.php
index fcae235d..96eb6617 100644
--- a/client_software_edit_modal.php
+++ b/client_software_edit_modal.php
@@ -143,12 +143,16 @@
 
                         <div class="tab-pane fade" id="pills-device-licenses<?php echo $software_id; ?>">
 
-                            <div class="alert alert-info">
-                                Select Assets that are licensed for this software
-                            </div>
-
                             <ul class="list-group">
 
+                                <li class="list-group-item bg-dark">
+                                    <div class="form-check">
+                                        <input type="checkbox" class="form-check-input" onclick="this.closest('.tab-pane').querySelectorAll('.asset-checkbox').forEach(checkbox => checkbox.checked = this.checked);">
+                                        <label class="form-check-label ml-3"><strong>Licensed Devices</strong></label>
+                                    </div>
+                                </li>
+
+
                                 <?php
                                 $sql_assets_select = mysqli_query($mysqli, "SELECT * FROM assets LEFT JOIN contacts ON asset_contact_id = contact_id WHERE (asset_archived_at > '$software_created_at' OR asset_archived_at IS NULL) AND asset_client_id = $client_id ORDER BY asset_archived_at ASC, asset_name ASC");
 
@@ -167,7 +171,7 @@
                                     ?>
                                     <li class="list-group-item">
                                         <div class="form-check">
-                                            <input type="checkbox" class="form-check-input" name="assets[]" value="<?php echo $asset_id_select; ?>" <?php if (in_array($asset_id_select, $asset_licenses_array)) { echo "checked"; } ?>>
+                                            <input type="checkbox" class="form-check-input asset-checkbox" name="assets[]" value="<?php echo $asset_id_select; ?>" <?php if (in_array($asset_id_select, $asset_licenses_array)) { echo "checked"; } ?>>
                                             <label class="form-check-label ml-2"><?php echo "$asset_archived_display$asset_name_select - $contact_name_select"; ?></label>
                                         </div>
                                     </li>
@@ -180,12 +184,15 @@
 
                         <div class="tab-pane fade" id="pills-user-licenses<?php echo $software_id; ?>">
 
-                            <div class="alert alert-info">
-                                Select Users that are licensed for this software
-                            </div>
-
                             <ul class="list-group">
 
+                                <li class="list-group-item bg-dark">
+                                    <div class="form-check">
+                                        <input type="checkbox" class="form-check-input" onclick="this.closest('.tab-pane').querySelectorAll('.user-checkbox').forEach(checkbox => checkbox.checked = this.checked);">
+                                        <label class="form-check-label ml-3"><strong>Licensed Users</strong></label>
+                                    </div>
+                                </li>
+
                                 <?php
                                 $sql_contacts_select = mysqli_query($mysqli, "SELECT * FROM contacts WHERE (contact_archived_at > '$software_created_at' OR contact_archived_at IS NULL) AND contact_client_id = $client_id ORDER BY contact_archived_at ASC, contact_name ASC");
 
@@ -203,7 +210,7 @@
                                     ?>
                                     <li class="list-group-item">
                                         <div class="form-check">
-                                            <input type="checkbox" class="form-check-input" name="contacts[]" value="<?php echo $contact_id_select; ?>" <?php if (in_array("$contact_id_select", $contact_licenses_array)) { echo "checked"; } ?>>
+                                            <input type="checkbox" class="form-check-input user-checkbox" name="contacts[]" value="<?php echo $contact_id_select; ?>" <?php if (in_array("$contact_id_select", $contact_licenses_array)) { echo "checked"; } ?>>
                                             <label class="form-check-label ml-2"><?php echo "$contact_archived_display$contact_name_select - $contact_email_select"; ?></label>
                                         </div>
                                     </li>