Major UI update on Document Details, do not use TinyMCE to display document, created js function to add class table to tables for nicer look. Redesigned the Header

This commit is contained in:
johnnyq 2023-09-26 13:47:18 -04:00
parent 8b403613a8
commit 48d8fdd760
2 changed files with 29 additions and 7 deletions

View File

@ -54,12 +54,21 @@ $document_parent = intval($row['document_parent']);
<div class="row">
<div class="col-md-9">
<h3><?php echo $document_name; ?></h3>
<small class="text-secondary"><?php echo $document_description; ?></small>
<div class=""><strong>Date:</strong> <?php echo $document_created_at; ?></div>
<div class="mt-1"><strong>Prepared By:</strong> <?php echo $document_created_by_name; ?></div>
<div class="mt-1"><strong>Revision:</strong></div>
<div class="tinymcePreview"><?php echo $document_content; ?></div>
<div class="card">
<div class="card-header bg-dark">
<h3><?php echo $document_name; ?> <small><?php echo $document_description; ?></small></h3>
<div class="row">
<div class="col"><strong>Date:</strong> <?php echo date('Y-m-d', strtotime($document_created_at)); ?></div>
<div class="col"><strong>Prepared By:</strong> <?php echo $document_created_by_name; ?></div>
<div class="col"><strong>Revision:</strong></div>
</div>
</div>
<div class="card-body" id="formatTables">
<?php echo $document_content; ?>
</div>
</div>
</div>
<div class="col-md-3 d-print-none">
@ -275,6 +284,15 @@ $document_parent = intval($row['document_parent']);
</div>
<script>
document.addEventListener("DOMContentLoaded", function(){
let tables = document.querySelectorAll('div#formatTables');
tables.forEach(function(table){
table.classList.add('table');
});
});
</script>
<?php
require_once("client_document_edit_modal.php");

View File

@ -197,8 +197,12 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli, "SELECT FOUND_ROWS()"));
<tr>
<td>
<a href="client_document_details.php?client_id=<?php echo $client_id; ?>&document_id=<?php echo $document_id; ?>"><i class="fas fa-fw fa-file-alt"></i> <?php echo $document_name; ?></a>
<div class="text-secondary mt-1"><?php echo $document_description; ?>
</td>
<td>
<?php echo $document_created_at; ?>
<div class="text-secondary mt-1"><?php echo $document_created_by_name; ?>
</td>
<td><?php echo "$document_created_at by $document_created_by_name"; ?></td>
<td><?php echo $document_updated_at; ?></td>
<td>
<div class="dropdown dropleft text-center">