AS1024/itflow
1
0
Fork 0
mirror of https://github.com/itflow-org/itflow synced 2026-02-28 19:04:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added tabs to client asset and vendor modals to reduce amount of inputs on a modal. Added more asset fields, more ui cleanups

Browse Source
This commit is contained in:
root
2019-05-13 19:55:29 -04:00
parent 5f36fd2ec3
commit 6e2e21509f
11 changed files with 811 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
add_vendor_modal.php
View File

@@ -1,5 +1,5 @@
<div class="modal" id="addVendorModal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-dialog">
<div class="modal-content bg-dark">
<div class="modal-header text-white">
<h5 class="modal-title"><i class="fa fa-fw fa-building mr-2"></i>New Vendor</h5>
@@ -9,55 +9,92 @@
</div>
<form action="post.php" method="post" autocomplete="off">
<div class="modal-body bg-white">
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" name="name" required autofocus>
</div>
<div class="form-group">
<label>Description</label>
<input type="text" class="form-control" name="description">
</div>
<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address">
</div>
<div class="form-row">
<div class="form-group col">
<label>City</label>
<input type="text" class="form-control" name="city">
<ul class="nav nav-pills nav-justified mb-3" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-basic-tab" data-toggle="pill" href="#pills-basic" role="tab" aria-controls="pills-basic" aria-selected="true">Basic</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-address-tab" data-toggle="pill" href="#pills-address" role="tab" aria-controls="pills-address" aria-selected="false">Address</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
</li>
</ul>
<hr>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-basic" role="tabpanel" aria-labelledby="pills-basic-tab">
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" name="name" required autofocus>
</div>
<div class="form-group">
<label>Description</label>
<input type="text" class="form-control" name="description">
</div>
<div class="form-group">
<label>Account Number</label>
<input type="text" class="form-control" name="account_number">
</div>
</div>
<div class="form-group col">
<label>State</label>
<select class="form-control" name="state">
<option value="">- State -</option>
<?php foreach($states_array as $state_abbr => $state_name) { ?>
<option value="<?php echo $state_abbr; ?>"><?php echo $state_name; ?></option>
<?php } ?>
</select>
<div class="tab-pane fade" id="pills-address" role="tabpanel" aria-labelledby="pills-address-tab">
<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address">
</div>
<div class="form-group">
<label>City</label>
<input type="text" class="form-control" name="city">
</div>
<div class="form-group">
<label>State</label>
<select class="form-control" name="state">
<option value="">- State -</option>
<?php foreach($states_array as $state_abbr => $state_name) { ?>
<option value="<?php echo $state_abbr; ?>"><?php echo $state_name; ?></option>
<?php } ?>
</select>
</div>
<div class="form-group">
<label>Zip</label>
<input type="text" class="form-control" name="zip">
</div>
</div>
<div class="form-group col">
<label>Zip</label>
<input type="text" class="form-control" name="zip">
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
<div class="form-group">
<label>Phone</label>
<input type="text" class="form-control" name="phone">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="email">
</div>
<div class="form-group">
<label>Website</label>
<input type="text" class="form-control" name="website">
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label>Phone</label>
<input type="text" class="form-control" name="phone">
</div>
<div class="form-group col">
<label>Email</label>
<input type="email" class="form-control" name="email">
</div>
<div class="form-group col">
<label>Website</label>
<input type="text" class="form-control" name="website">
</div>
</div>
<div class="form-group">
<label>Account Number</label>
<input type="text" class="form-control" name="account_number">
</div>
</div>
<div class="modal-footer bg-white">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>