From 1b0aaf4d27d420ac1fd0b82527a9f8324c58def5 Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Tue, 6 Jun 2023 18:48:19 -0400
Subject: [PATCH] Update Document details to use TinyMCE Readonly mode on
 display. Add Print Button. UI Updates etc

---
 client_assets.php           |  4 ++-
 client_document_details.php | 64 ++++++++++++++++++++++++++-----------
 inc_client_top_head.php     |  2 +-
 js/app.js                   | 13 ++++++++
 4 files changed, 63 insertions(+), 20 deletions(-)

diff --git a/client_assets.php b/client_assets.php
index f2f39e4d..cdc7885b 100644
--- a/client_assets.php
+++ b/client_assets.php
@@ -302,10 +302,12 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli, "SELECT FOUND_ROWS()"));
                                 <div class="dropdown dropleft text-center">
                                     <button class="btn btn-secondary btn-sm" type="button" data-toggle="dropdown"><i class="fas fa-ellipsis-h"></i></button>
                                     <div class="dropdown-menu">
+                                        <!-- Interfaces is still in Development also we may not complete this and may recommend to document in notes or seperate document linking to the asset
                                         <a class="dropdown-item" href="#" data-toggle="modal" data-target="#addAssetInterfaceModal<?php echo $asset_id; ?>">
                                             <i class="fas fa-fw fa-ethernet mr-2"></i>Interfaces
                                         </a>
                                         <div class="dropdown-divider"></div>
+                                        -->
                                         <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editAssetModal<?php echo $asset_id; ?>">
                                             <i class="fas fa-fw fa-edit mr-2"></i>Edit
                                         </a>
@@ -341,7 +343,7 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli, "SELECT FOUND_ROWS()"));
                         require("client_asset_edit_modal.php");
                         require("client_asset_copy_modal.php");
                         require("client_asset_tickets_modal.php");
-                        require("client_asset_interface_add_modal.php");
+                        //require("client_asset_interface_add_modal.php");
                     }
 
                     ?>
diff --git a/client_document_details.php b/client_document_details.php
index 1c0b7f6d..d444d08a 100644
--- a/client_document_details.php
+++ b/client_document_details.php
@@ -50,34 +50,61 @@ $document_folder_id = intval($row['document_folder_id']);
 <div class="row">
 
   <div class="col-md-9">
-		<div class="card">
-		  <div class="card-body">
-        <h3><?php echo $document_name; ?></h3>
-        <?php echo $document_content; ?>
-      </div>
-    </div>
-	</div>
+    <div class="tinymcePreview"><?php echo $document_content; ?></div>
+  </div>
 
-	<div class="col-md-3">
+	<div class="col-md-3 d-print-none">
     <div class="card bg-light">
       <div class="card-body">
-        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#editDocumentModal<?php echo $document_id; ?>">
+        <button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#editDocumentModal<?php echo $document_id; ?>">
           <i class="fas fa-fw fa-edit mr-2"></i>Edit
         </button>
-        <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#editDocumentModal">
+        <button type="button" class="btn btn-secondary btn-block" data-toggle="modal" data-target="#editDocumentModal">
           <i class="fas fa-fw fa-copy mr-2"></i>Copy
         </button>
-        <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#shareModal"
+        <button type="button" class="btn btn-secondary btn-block" data-toggle="modal" data-target="#shareModal"
           onclick="populateShareModal(<?php echo "$client_id, 'Document', $document_id"; ?>)">
           <i class="fas fa-fw fa-share mr-2"></i>Share
         </button>
+        <button type="button" class="btn btn-secondary btn-block" onclick="window.print();"><i class="fas fa-fw fa-print mr-2"></i>Print</button>
         <hr>
-        <h6><i class="fas fa-fw fa-paperclip mr-2"></i>Files</h6>
-        <h6><i class="fas fa-fw fa-key mr-2"></i>Passwords</h6>
-        <h6><i class="fas fa-fw fa-users mr-2"></i>Contacts</h6>
-        <h6><i class="fas fa-fw fa-laptop mr-2"></i>Assets</h6>
-        <h6><i class="fas fa-fw fa-cube mr-2"></i>Software</h6>
-        <h6><i class="fas fa-fw fa-building mr-2"></i>Vendors</h6>
+        <h5>Related</h5>
+        <h6>
+          <i class="fas fa-fw fa-paperclip text-secondary mr-2"></i>Files
+          <button type="button" class="btn btn-link btn-sm">
+            <i class="fas fa-fw fa-plus"></i>
+          </button>
+        </h6>
+        <h6>
+          <i class="fas fa-fw fa-key text-secondary mr-2"></i>Passwords
+          <button type="button" class="btn btn-link btn-sm">
+            <i class="fas fa-fw fa-plus"></i>
+          </button>
+        </h6>
+        <h6>
+          <i class="fas fa-fw fa-users text-secondary mr-2"></i>Contacts
+          <button type="button" class="btn btn-link btn-sm">
+            <i class="fas fa-fw fa-plus"></i>
+          </button>
+        </h6>
+        <h6>
+          <i class="fas fa-fw fa-laptop text-secondary mr-2"></i>Assets
+          <button type="button" class="btn btn-link btn-sm">
+            <i class="fas fa-fw fa-plus"></i>
+          </button>
+        </h6>
+        <h6>
+          <i class="fas fa-fw fa-cube text-secondary mr-2"></i>Software
+          <button type="button" class="btn btn-link btn-sm">
+            <i class="fas fa-fw fa-plus"></i>
+          </button>
+        </h6>
+        <h6>
+          <i class="fas fa-fw fa-building text-secondary mr-2"></i>Vendors
+          <button type="button" class="btn btn-link btn-sm">
+            <i class="fas fa-fw fa-plus"></i>
+          </button>
+        </h6>
 
       </div>
     </div>
@@ -90,5 +117,6 @@ $document_folder_id = intval($row['document_folder_id']);
 
 require_once("client_document_edit_modal.php");
 require_once("share_modal.php");
-
 require_once("footer.php");
+
+?>
diff --git a/inc_client_top_head.php b/inc_client_top_head.php
index 2db0418e..43bcb7de 100644
--- a/inc_client_top_head.php
+++ b/inc_client_top_head.php
@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card d-print-none">
     <div class="card-body">
         <div class="row">
             <div class="col-md">
diff --git a/js/app.js b/js/app.js
index 3c8b395d..c37f58d4 100644
--- a/js/app.js
+++ b/js/app.js
@@ -42,6 +42,19 @@ tinymce.init({
     plugins: 'link image lists table code codesample fullscreen autoresize',
 });
 
+// Initialize TinyMCE
+tinymce.init({
+    selector: '.tinymcePreview',
+    resize: false,
+    promotion: false,
+    branding: false,
+    menubar: false,
+    toolbar: false,
+    statusbar: false,
+    readonly: false,
+    plugins: 'autoresize',
+});
+
 // DateTime
 $('.datetimepicker').datetimepicker({
 });