196 lines
10 KiB
HTML
196 lines
10 KiB
HTML
<div class="modal">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card" style="width:900px">
|
|
<header class="modal-card-head">
|
|
<h3 class="modal-card-title">
|
|
Update Fee
|
|
</h3>
|
|
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
|
</header>
|
|
<section class="modal-card-body">
|
|
<form id="form--feeEdit">
|
|
<input id="feeEdit--feeId" name="feeId" type="hidden" />
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--feeCategoryId">Fee Category</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeEdit--feeCategoryId" name="feeCategoryId" required></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--feeName">Fee Name</label>
|
|
<div class="control">
|
|
<input class="input" id="feeEdit--feeName" name="feeName" maxlength="100" required />
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--feeDescription">Fee Description</label>
|
|
<div class="control">
|
|
<textarea class="textarea" id="feeEdit--feeDescription" name="feeDescription"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="message is-info is-small">
|
|
<p class="message-body">
|
|
Filters can be used to show or hide available filters depending on the
|
|
<span class="alias" data-alias="occupancy"></span> type and
|
|
<span class="alias" data-alias="lot"></span> type selected
|
|
when creating the
|
|
<span class="alias" data-alias="lot"></span> <span class="alias" data-alias="occupancy"></span>
|
|
record.
|
|
</p>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--occupancyTypeId"><span class="alias" data-alias="Occupancy"></span> Type Filter</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeEdit--occupancyTypeId" name="occupancyTypeId">
|
|
<option value="">(All Types)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--lotTypeId"><span class="alias" data-alias="Lot"></span> Type Filter</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeEdit--lotTypeId" name="lotTypeId">
|
|
<option value="">(All Types)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="message is-info is-small">
|
|
<p class="message-body">
|
|
Fees can be simply flat amounts,
|
|
or calculated by functions defined by the application administrator.
|
|
Note that if both an amount and a function are set,
|
|
<strong>the function will be used.</strong>
|
|
</p>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--feeAmount">Fee Amount</label>
|
|
<div class="control has-icons-left">
|
|
<input class="input has-text-right" id="feeEdit--feeAmount" name="feeAmount" type="number" step="0.01" min="0" max="9999.99" value="0" onwheel="return false" />
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--feeFunction">Fee Function</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeEdit--feeFunction" name="feeFunction">
|
|
<option value="">(No Function Selected)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="message is-info is-small">
|
|
<p class="message-body">
|
|
Taxes can be defined as flat amounts,
|
|
or as percentages of the fee amount.
|
|
Note that if both an amount and a percentage are set,
|
|
<strong>the percentage will be used.</strong>
|
|
</p>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--taxAmount">Tax Amount</label>
|
|
<div class="control has-icons-left">
|
|
<input class="input has-text-right" id="feeEdit--taxAmount" name="taxAmount" type="number" step="0.01" min="0" max="9999.99" onwheel="return false" />
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--taxPercentage">Tax Percentage</label>
|
|
<div class="control has-icons-right">
|
|
<input class="input has-text-right" id="feeEdit--taxPercentage" name="taxPercentage" type="number" step="0.01" min="0" max="100" value="0" onwheel="return false" />
|
|
<span class="icon is-small is-right">
|
|
<i class="fas fa-percent" aria-hidden="true"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--includeQuantity">Include Quantity</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeEdit--includeQuantity" name="includeQuantity">
|
|
<option value="" selected>No Quantity</option>
|
|
<option value="1">Quantity Available</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--quantityUnit">Quantity Unit</label>
|
|
<div class="control">
|
|
<input class="input" id="feeEdit--quantityUnit" name="quantityUnit" maxlength="30" required />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="feeEdit--isRequired">Fee Is Required</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeEdit--isRequired" name="isRequired">
|
|
<option value="" selected>No, Fee is Optional</option>
|
|
<option value="1">Yes, Fee is Required</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
<footer class="modal-card-foot justify-right">
|
|
<button class="button is-success" type="submit" form="form--feeEdit">
|
|
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
|
<span>Update Fee</span>
|
|
</button>
|
|
<div class="dropdown is-up is-right mr-2">
|
|
<div class="dropdown-trigger">
|
|
<button class="button" type="button">
|
|
<span>More Options</span>
|
|
<span class="icon is-small">
|
|
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-content">
|
|
<a class="dropdown-item button--deleteFee" href="#">
|
|
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
|
|
<span>Delete Fee</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="button is-close-modal-button" type="button">Cancel</button>
|
|
</footer>
|
|
</div>
|
|
</div> |