ThaMunsta/itflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhanced the UI for document details removed the lists in replacement of divs, remove items to the far right, removed the span buttons and used normal button as it took up too much space

Browse Source
This commit is contained in:
johnnyq
2024-03-22 13:17:47 -04:00
parent a6a763c24c
commit 90156f4f1b
1 changed files with 135 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client_document_details.php
+40 -47
View File
@@ -75,24 +75,26 @@ $document_parent = intval($row['document_parent']);
</div> </div>
<div class="col-md-3 d-print-none"> <div class="col-md-3 d-print-none">
<div class="card card-body bg-light"> <div class="row">
<button type="button" class="btn btn-primary btn-block" data-toggle="modal" data-target="#editDocumentModal<?php echo $document_id; ?>"> <div class="col-12 mb-3">
<button type="button" class="btn btn-primary mr-2" data-toggle="modal" data-target="#editDocumentModal<?php echo $document_id; ?>">
<i class="fas fa-fw fa-edit mr-2"></i>Edit <i class="fas fa-fw fa-edit mr-2"></i>Edit
</button> </button>
<button type="button" class="btn btn-secondary btn-block" data-toggle="modal" data-target="#shareModal" <button type="button" class="btn btn-secondary mr-2" data-toggle="modal" data-target="#shareModal"
onclick="populateShareModal(<?php echo "$client_id, 'Document', $document_id"; ?>)"> onclick="populateShareModal(<?php echo "$client_id, 'Document', $document_id"; ?>)">
<i class="fas fa-fw fa-share mr-2"></i>Share <i class="fas fa-fw fa-share mr-2"></i>Share
</button> </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> <button type="button" class="btn btn-secondary" onclick="window.print();"><i class="fas fa-fw fa-print mr-2"></i>Print</button>
<hr> </div>
<h5 class="mb-3">Related</h5> </div>
<div class="card card-body bg-light">
<h5 class="mb-3"><i class="fas fa-tags mr-2"></i>Related Items</h5>
<h6> <h6>
<i class="fas fa-fw fa-paperclip text-secondary mr-2"></i>Files <i class="fas fa-fw fa-paperclip text-secondary mr-2"></i>Files
<button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkFileToDocumentModal"> <button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkFileToDocumentModal">
<i class="fas fa-fw fa-plus"></i> <i class="fas fa-fw fa-plus"></i>
</button> </button>
</h6> </h6>
<ul>
<?php <?php
$sql_files = mysqli_query($mysqli, "SELECT * FROM files, document_files $sql_files = mysqli_query($mysqli, "SELECT * FROM files, document_files
WHERE document_files.file_id = files.file_id WHERE document_files.file_id = files.file_id
@@ -110,23 +112,21 @@ $document_parent = intval($row['document_parent']);
$linked_files[] = $file_id; $linked_files[] = $file_id;
?> ?>
<li> <div class="ml-2">
<a href="client_files.php?client_id=<?php echo $client_id; ?>&folder_id=<?php echo $folder_id; ?>&q=<?php echo $file_name; ?>" target="_blank"><?php echo $file_name; ?><i class="fas fa-external-link-alt ml-1"></i></a> <a href="client_files.php?client_id=<?php echo $client_id; ?>&folder_id=<?php echo $folder_id; ?>&q=<?php echo $file_name; ?>" target="_blank"><?php echo $file_name; ?></a>
<a class="confirm-link" href="post.php?unlink_file_from_document&file_id=<?php echo $file_id; ?>&document_id=<?php echo $document_id; ?>"> <a class="confirm-link" href="post.php?unlink_file_from_document&file_id=<?php echo $file_id; ?>&document_id=<?php echo $document_id; ?>">
<i class="fas fa-fw fa-times text-secondary ml-2"></i> <i class="fas fa-fw fa-trash-alt text-secondary float-right"></i>
</a> </a>
</li> </div>
<?php <?php
} }
?> ?>
</ul>
<h6> <h6>
<i class="fas fa-fw fa-users text-secondary mr-2"></i>Contacts <i class="fas fa-fw fa-users text-secondary mt-3 mr-2"></i>Contacts
<button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkContactToDocumentModal"> <button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkContactToDocumentModal">
<i class="fas fa-fw fa-plus"></i> <i class="fas fa-fw fa-plus"></i>
</button> </button>
</h6> </h6>
<ul>
<?php <?php
$sql_contacts = mysqli_query($mysqli, "SELECT * FROM contacts, contact_documents $sql_contacts = mysqli_query($mysqli, "SELECT * FROM contacts, contact_documents
WHERE contacts.contact_id = contact_documents.contact_id WHERE contacts.contact_id = contact_documents.contact_id
@@ -143,23 +143,21 @@ $document_parent = intval($row['document_parent']);
$linked_contacts[] = $contact_id; $linked_contacts[] = $contact_id;
?> ?>
<li> <div class="ml-2">
<a href="client_contact_details.php?client_id=<?php echo $client_id; ?>&contact_id=<?php echo $contact_id; ?>" target="_blank"><?php echo $contact_name; ?><i class="fas fa-external-link-alt ml-1"></i></a> <a href="client_contact_details.php?client_id=<?php echo $client_id; ?>&contact_id=<?php echo $contact_id; ?>" target="_blank"><?php echo $contact_name; ?></a>
<a class="confirm-link" href="post.php?unlink_contact_from_document&contact_id=<?php echo $contact_id; ?>&document_id=<?php echo $document_id; ?>"> <a class="confirm-link float-right" href="post.php?unlink_contact_from_document&contact_id=<?php echo $contact_id; ?>&document_id=<?php echo $document_id; ?>">
<i class="fas fa-fw fa-times text-secondary ml-2"></i> <i class="fas fa-fw fa-trash-alt text-secondary"></i>
</a> </a>
</li> </div>
<?php <?php
} }
?> ?>
</ul>
<h6> <h6>
<i class="fas fa-fw fa-laptop text-secondary mr-2"></i>Assets <i class="fas fa-fw fa-laptop text-secondary mr-2 mt-3"></i>Assets
<button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkAssetToDocumentModal"> <button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkAssetToDocumentModal">
<i class="fas fa-fw fa-plus"></i> <i class="fas fa-fw fa-plus"></i>
</button> </button>
</h6> </h6>
<ul>
<?php <?php
$sql_assets = mysqli_query($mysqli, "SELECT * FROM assets, asset_documents $sql_assets = mysqli_query($mysqli, "SELECT * FROM assets, asset_documents
WHERE assets.asset_id = asset_documents.asset_id WHERE assets.asset_id = asset_documents.asset_id
@@ -176,23 +174,21 @@ $document_parent = intval($row['document_parent']);
$linked_assets[] = $asset_id; $linked_assets[] = $asset_id;
?> ?>
<li> <div class="ml-2">
<a href="client_asset_details.php?client_id=<?php echo $client_id; ?>&asset_id=<?php echo $asset_id; ?>" target="_blank"><?php echo $asset_name; ?><i class="fas fa-external-link-alt ml-1"></i></a> <a href="client_asset_details.php?client_id=<?php echo $client_id; ?>&asset_id=<?php echo $asset_id; ?>" target="_blank"><?php echo $asset_name; ?></a>
<a class="confirm-link" href="post.php?unlink_asset_from_document&asset_id=<?php echo $asset_id; ?>&document_id=<?php echo $document_id; ?>"> <a class="confirm-link float-right" href="post.php?unlink_asset_from_document&asset_id=<?php echo $asset_id; ?>&document_id=<?php echo $document_id; ?>">
<i class="fas fa-fw fa-times text-secondary ml-2"></i> <i class="fas fa-fw fa-trash-alt text-secondary"></i>
</a> </a>
</li> </div>
<?php <?php
} }
?> ?>
</ul>
<h6> <h6>
<i class="fas fa-fw fa-cube text-secondary mr-2"></i>Licenses <i class="fas fa-fw fa-cube text-secondary mr-2 mt-3"></i>Licenses
<button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkSoftwareToDocumentModal"> <button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkSoftwareToDocumentModal">
<i class="fas fa-fw fa-plus"></i> <i class="fas fa-fw fa-plus"></i>
</button> </button>
</h6> </h6>
<ul>
<?php <?php
$sql_software = mysqli_query($mysqli, "SELECT * FROM software, software_documents $sql_software = mysqli_query($mysqli, "SELECT * FROM software, software_documents
WHERE software.software_id = software_documents.software_id WHERE software.software_id = software_documents.software_id
@@ -209,23 +205,21 @@ $document_parent = intval($row['document_parent']);
$linked_software[] = $software_id; $linked_software[] = $software_id;
?> ?>
<li> <div class="ml-2">
<a href="client_software.php?client_id=<?php echo $client_id; ?>&q=<?php echo $software_name; ?>" target="_blank"><?php echo $software_name; ?><i class="fas fa-external-link-alt ml-1"></i></a> <a href="client_software.php?client_id=<?php echo $client_id; ?>&q=<?php echo $software_name; ?>" target="_blank"><?php echo $software_name; ?></a>
<a class="confirm-link" href="post.php?unlink_software_from_document&software_id=<?php echo $software_id; ?>&document_id=<?php echo $document_id; ?>"> <a class="confirm-link float-right" href="post.php?unlink_software_from_document&software_id=<?php echo $software_id; ?>&document_id=<?php echo $document_id; ?>">
<i class="fas fa-fw fa-times text-secondary ml-2"></i> <i class="fas fa-fw fa-trash-alt text-secondary"></i>
</a> </a>
</li> </div>
<?php <?php
} }
?> ?>
</ul>
<h6> <h6>
<i class="fas fa-fw fa-building text-secondary mr-2"></i>Vendors <i class="fas fa-fw fa-building text-secondary mr-2 mt-3"></i>Vendors
<button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkVendorToDocumentModal"> <button type="button" class="btn btn-link btn-sm" data-toggle="modal" data-target="#linkVendorToDocumentModal">
<i class="fas fa-fw fa-plus"></i> <i class="fas fa-fw fa-plus"></i>
</button> </button>
</h6> </h6>
<ul>
<?php <?php
$sql_vendors = mysqli_query($mysqli, "SELECT * FROM vendors, vendor_documents $sql_vendors = mysqli_query($mysqli, "SELECT * FROM vendors, vendor_documents
WHERE vendors.vendor_id = vendor_documents.vendor_id WHERE vendors.vendor_id = vendor_documents.vendor_id
@@ -242,16 +236,15 @@ $document_parent = intval($row['document_parent']);
$associated_vendors[] = $vendor_id; $associated_vendors[] = $vendor_id;
?> ?>
<li> <div class="ml-2">
<a href="client_vendors.php?client_id=<?php echo $client_id; ?>&q=<?php echo $vendor_name; ?>" target="_blank"><?php echo $vendor_name; ?><i class="fas fa-external-link-alt ml-1"></i></a> <a href="client_vendors.php?client_id=<?php echo $client_id; ?>&q=<?php echo $vendor_name; ?>" target="_blank"><?php echo $vendor_name; ?></a>
<a class="confirm-link" href="post.php?unlink_vendor_from_document&vendor_id=<?php echo $vendor_id; ?>&document_id=<?php echo $document_id; ?>"> <a class="confirm-link float-right" href="post.php?unlink_vendor_from_document&vendor_id=<?php echo $vendor_id; ?>&document_id=<?php echo $document_id; ?>">
<i class="fas fa-fw fa-times text-secondary ml-2"></i> <i class="fas fa-fw fa-trash-alt text-secondary"></i>
</a> </a>
</li> </div>
<?php <?php
} }
?> ?>
</ul>
</div> </div>
<div class="card card-body bg-light"> <div class="card card-body bg-light">
@@ -274,10 +267,10 @@ $document_parent = intval($row['document_parent']);
?> ?>
<div class="mt-1 <?php if($document_id == $revision_document_id){ echo "text-bold"; } ?>"> <div class="mt-1 <?php if($document_id == $revision_document_id){ echo "text-bold"; } ?>">
<i class="fas fa-fw fa-history text-secondary mr-2"></i><a href="?client_id=<?php echo $client_id; ?>&document_id=<?php echo $revision_document_id; ?>"><?php echo " $revision_document_created_date"; ?></a><?php if($document_parent == $revision_document_id){ echo " (Parent)"; <i class="fas fa-fw fa-history text-secondary mr-2"></i><a href="?client_id=<?php echo $client_id; ?>&document_id=<?php echo $revision_document_id; ?>"><?php echo " $revision_document_created_date"; ?></a><?php if($document_parent == $revision_document_id){ echo "<span class='float-right'>(Parent)</span>";
} else { ?> } else { ?>
<a href="post.php?delete_document_version=<?php echo $revision_document_id; ?>"> <a class="confirm-link float-right" href="post.php?delete_document_version=<?php echo $revision_document_id; ?>">
<i class="fas fa-fw fa-times text-danger ml-2"></i> <i class="fas fa-fw fa-trash-alt text-secondary"></i>
</a> </a>
<?php <?php
} }