Modifed color pickeer logic under categories, you can pick from 20 different colors and it will only show the color not used when adding or editing new, also updated categories listing to now be categrizerd

This commit is contained in:
johnny@pittpc.com
2021-02-15 17:10:01 -05:00
parent 1ef8925774
commit 08fcea5f43
4 changed files with 109 additions and 39 deletions

View File

@@ -2,32 +2,40 @@
<div class="modal-dialog">
<div class="modal-content bg-dark">
<div class="modal-header">
<h5 class="modal-title"><i class="fa fa-fw fa-list"></i> New Category</h5>
<h5 class="modal-title"><i class="fa fa-fw fa-list"></i> New <?php echo $category; ?> Category</h5>
<button type="button" class="close text-white" data-dismiss="modal">
<span>&times;</span>
</button>
</div>
<form action="post.php" method="post" autocomplete="off">
<input type="hidden" name="type" value="<?php echo $category; ?>">
<div class="modal-body bg-white">
<div class="form-group">
<label>Name <strong class="text-danger">*</strong></label>
<input type="text" class="form-control" name="name" placeholder="Category name" required autofocus>
</div>
<div class="form-group">
<label>Type <strong class="text-danger">*</strong></label>
<select class="form-control select2" name="type" required>
<option value="">- Type -</option>
<?php foreach($category_types_array as $category_type) { ?>
<option><?php echo $category_type; ?></option>
<?php } ?>
</select>
</div>
<div class="form-group">
<label>Color <strong class="text-danger">*</strong></label>
<input type="color" class="form-control col-md-2" name="color">
<label>Color <strong class="text-danger">*</strong></label>
<div class="form-row">
<?php
foreach($colors_diff as $color) {
?>
<div class="col-3 mb-3">
<div class="form-check">
<input class="form-check-input" type="radio" name="color" value="<?php echo $color; ?>">
<label class="form-check-label">
<i class="fa fa-fw fa-3x fa-circle" style="color:<?php echo $color; ?>"></i>
</label>
</div>
</div>
<?php } ?>
</div>
</div>