263 lines
9.2 KiB
HTML
263 lines
9.2 KiB
HTML
<div class="modal" role="dialog" aria-label="Add Fee">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card" style="width: 900px">
|
|
<div class="modal-card-head">
|
|
<h3 class="modal-card-title">Add Fee</h3>
|
|
<button
|
|
class="delete is-close-modal-button"
|
|
aria-label="close"
|
|
type="button"
|
|
></button>
|
|
</div>
|
|
<section class="modal-card-body">
|
|
<form id="form--feeAdd">
|
|
<div class="field">
|
|
<label class="label" for="feeAdd--feeCategoryId">Fee Category</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select
|
|
id="feeAdd--feeCategoryId"
|
|
name="feeCategoryId"
|
|
required
|
|
></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeAdd--feeName">Fee Name</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
id="feeAdd--feeName"
|
|
name="feeName"
|
|
maxlength="100"
|
|
autocomplete="off"
|
|
required
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeAdd--feeAccount">Fee Account</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
id="feeAdd--feeAccount"
|
|
name="feeAccount"
|
|
maxlength="20"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="feeAdd--feeDescription"
|
|
>Fee Description</label
|
|
>
|
|
<div class="control">
|
|
<textarea
|
|
class="textarea"
|
|
id="feeAdd--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="feeAdd--contractTypeId"
|
|
><span class="alias" data-alias="Occupancy"></span> Type
|
|
Filter</label
|
|
>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeAdd--contractTypeId" name="contractTypeId">
|
|
<option value="">(All Types)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="feeAdd--burialSiteTypeId"
|
|
><span class="alias" data-alias="Lot"></span> Type Filter</label
|
|
>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeAdd--burialSiteTypeId" name="burialSiteTypeId">
|
|
<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="feeAdd--feeAmount">Fee Amount</label>
|
|
<div class="control has-icons-left">
|
|
<input
|
|
class="input has-text-right is-success"
|
|
id="feeAdd--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="feeAdd--feeFunction"
|
|
>Fee Function</label
|
|
>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeAdd--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="feeAdd--taxAmount">Tax Amount</label>
|
|
<div class="control has-icons-left">
|
|
<input
|
|
class="input has-text-right"
|
|
id="feeAdd--taxAmount"
|
|
name="taxAmount"
|
|
type="number"
|
|
step="0.01"
|
|
min="0"
|
|
max="9999.99"
|
|
onwheel="return false"
|
|
disabled
|
|
/>
|
|
<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="feeAdd--taxPercentage"
|
|
>Tax Percentage</label
|
|
>
|
|
<div class="control has-icons-right">
|
|
<input
|
|
class="input has-text-right is-success"
|
|
id="feeAdd--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="feeAdd--includeQuantity"
|
|
>Include Quantity</label
|
|
>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeAdd--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="feeAdd--quantityUnit"
|
|
>Quantity Unit</label
|
|
>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
id="feeAdd--quantityUnit"
|
|
name="quantityUnit"
|
|
maxlength="30"
|
|
disabled
|
|
required
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="feeAdd--isRequired">Fee Is Required</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="feeAdd--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>
|
|
<div class="modal-card-foot justify-right">
|
|
<button class="button is-success" type="submit" form="form--feeAdd">
|
|
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
|
<span>Add Fee</span>
|
|
</button>
|
|
<button class="button is-close-modal-button" type="button">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|