265 lines
9.3 KiB
HTML
265 lines
9.3 KiB
HTML
<div class="modal" role="dialog">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card has-width-900">
|
|
<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"
|
|
autocomplete="off"
|
|
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 fees 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="999999.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-save" 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>
|