format modal html
Dan Gowans
parent
1aadc33bd7
commit
45fee9bbc8
|
|
@ -1,177 +1,245 @@
|
|||
<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="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 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 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="feeAdd--occupancyTypeId"><span class="alias" data-alias="Occupancy"></span> Type Filter</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="feeAdd--occupancyTypeId" name="occupancyTypeId">
|
||||
<option value="">(All Types)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="feeAdd--lotTypeId"><span class="alias" data-alias="Lot"></span> Type Filter</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="feeAdd--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="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 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>
|
||||
</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="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 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--occupancyTypeId"
|
||||
><span class="alias" data-alias="Occupancy"></span> Type
|
||||
Filter</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="feeAdd--occupancyTypeId" name="occupancyTypeId">
|
||||
<option value="">(All Types)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="feeAdd--lotTypeId"
|
||||
><span class="alias" data-alias="Lot"></span> Type Filter</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="feeAdd--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="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>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,43 @@
|
|||
<div class="modal" role="dialog" aria-label="Add Fee Category">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<div class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Fee Category
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</div>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--feeCategoryAdd">
|
||||
<div class="field">
|
||||
<label class="label" for="feeCategoryAdd--feeCategory">New Fee Category</label>
|
||||
<div class="control">
|
||||
<input class="input" id="feeCategoryAdd--feeCategory" name="feeCategory" maxlength="100" autocomplete="off" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<div class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--feeCategoryAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Fee Category</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<div class="modal-card-head">
|
||||
<h3 class="modal-card-title">Add Fee Category</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</div>
|
||||
</div>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--feeCategoryAdd">
|
||||
<div class="field">
|
||||
<label class="label" for="feeCategoryAdd--feeCategory"
|
||||
>New Fee Category</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="feeCategoryAdd--feeCategory"
|
||||
name="feeCategory"
|
||||
maxlength="100"
|
||||
autocomplete="off"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<div class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--feeCategoryAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Fee Category</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,196 +1,264 @@
|
|||
<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 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="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 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>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,48 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update Fee Category
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--feeCategoryEdit">
|
||||
<input id="feeCategoryEdit--feeCategoryId" name="feeCategoryId" type="hidden" />
|
||||
<div class="field">
|
||||
<label class="label" for="feeCategoryEdit--feeCategory">Fee Category</label>
|
||||
<div class="control">
|
||||
<input class="input" id="feeCategoryEdit--feeCategory" name="feeCategory" maxlength="100" autocomplete="off" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--feeCategoryEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Fee Category</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Update Fee Category</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--feeCategoryEdit">
|
||||
<input
|
||||
id="feeCategoryEdit--feeCategoryId"
|
||||
name="feeCategoryId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="feeCategoryEdit--feeCategory"
|
||||
>Fee Category</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="feeCategoryEdit--feeCategory"
|
||||
name="feeCategory"
|
||||
maxlength="100"
|
||||
autocomplete="off"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--feeCategoryEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Fee Category</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,41 @@
|
|||
<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">
|
||||
Add <span class="alias" data-alias="Lot"></span> Type
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeAdd">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeAdd--lotType"><span class="alias" data-alias="Lot"></span> Type</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeAdd--lotType" name="lotType" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotTypeAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add <span class="alias" data-alias="Lot"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Lot"></span> Type
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeAdd">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeAdd--lotType"
|
||||
><span class="alias" data-alias="Lot"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeAdd--lotType"
|
||||
name="lotType"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotTypeAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add <span class="alias" data-alias="Lot"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,51 @@
|
|||
<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">
|
||||
Add <span class="alias" data-alias="Lot"></span> Type Field
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeFieldAdd">
|
||||
<input class="input" id="lotTypeFieldAdd--lotTypeId" name="lotTypeId" type="hidden" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldAdd--lotTypeField">New Field Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeFieldAdd--lotTypeField" name="lotTypeField" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotTypeFieldAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Field</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Lot"></span> Type Field
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeFieldAdd">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldAdd--lotTypeId"
|
||||
name="lotTypeId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldAdd--lotTypeField"
|
||||
>New Field Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldAdd--lotTypeField"
|
||||
name="lotTypeField"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotTypeFieldAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Field</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,47 @@
|
|||
<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 <span class="alias" data-alias="Lot"></span> Type
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeEdit">
|
||||
<input class="input" id="lotTypeEdit--lotTypeId" name="lotTypeId" type="hidden" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeEdit--lotType"><span class="alias" data-alias="Lot"></span> Type</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeEdit--lotType" name="lotType" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotTypeEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update <span class="alias" data-alias="Lot"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update <span class="alias" data-alias="Lot"></span> Type
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeEdit">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeEdit--lotTypeId"
|
||||
name="lotTypeId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeEdit--lotType"
|
||||
><span class="alias" data-alias="Lot"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeEdit--lotType"
|
||||
name="lotType"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotTypeEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update <span class="alias" data-alias="Lot"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,105 +1,167 @@
|
|||
<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 <span class="alias" data-alias="Lot"></span> Type Field
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeFieldEdit">
|
||||
<input class="input" id="lotTypeFieldEdit--lotTypeFieldId" name="lotTypeFieldId" type="hidden" />
|
||||
<div class="columns">
|
||||
<div class="column is-8">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--lotTypeField">Field Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeFieldEdit--lotTypeField" name="lotTypeField" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--isRequired">Required</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotTypeFieldEdit--isRequired" name="isRequired">
|
||||
<option value="0">Not Required</option>
|
||||
<option value="1">Required</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-5">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--minimumLength">Minimum Length</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeFieldEdit--minimumLength" name="minimumLength" type="number" min="0" max="32767" step="1" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--maximumLength">Maximum Length</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeFieldEdit--maximumLength" name="maximumLength" type="number" min="0" max="32767" step="1" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--pattern">Regular Expression</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotTypeFieldEdit--pattern" name="pattern" type="text" maxlength="100" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--lotTypeFieldValues">Field Values</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotTypeFieldEdit--lotTypeFieldValues" name="lotTypeFieldValues"></textarea>
|
||||
</div>
|
||||
<p class="help is-info">
|
||||
Place each item on a separate line.
|
||||
Note that when field values are set, only those values can be used to complete the field.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotTypeFieldEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Field</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" id="button--deleteLotTypeField" href="#">
|
||||
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
|
||||
<span>Delete Field</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update <span class="alias" data-alias="Lot"></span> Type Field
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotTypeFieldEdit">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldEdit--lotTypeFieldId"
|
||||
name="lotTypeFieldId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="columns">
|
||||
<div class="column is-8">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--lotTypeField"
|
||||
>Field Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldEdit--lotTypeField"
|
||||
name="lotTypeField"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--isRequired"
|
||||
>Required</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotTypeFieldEdit--isRequired" name="isRequired">
|
||||
<option value="0">Not Required</option>
|
||||
<option value="1">Required</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-5">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--minimumLength"
|
||||
>Minimum Length</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldEdit--minimumLength"
|
||||
name="minimumLength"
|
||||
type="number"
|
||||
min="0"
|
||||
max="32767"
|
||||
step="1"
|
||||
onwheel="return false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--maximumLength"
|
||||
>Maximum Length</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldEdit--maximumLength"
|
||||
name="maximumLength"
|
||||
type="number"
|
||||
min="0"
|
||||
max="32767"
|
||||
step="1"
|
||||
onwheel="return false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--pattern"
|
||||
>Regular Expression</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotTypeFieldEdit--pattern"
|
||||
name="pattern"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotTypeFieldEdit--lotTypeFieldValues"
|
||||
>Field Values</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotTypeFieldEdit--lotTypeFieldValues"
|
||||
name="lotTypeFieldValues"
|
||||
></textarea>
|
||||
</div>
|
||||
<p class="help is-info">
|
||||
Place each item on a separate line. Note that when field values
|
||||
are set, only those values can be used to complete the field.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotTypeFieldEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Field</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" id="button--deleteLotTypeField" href="#">
|
||||
<span class="icon is-small"
|
||||
><i class="fas fa-trash has-text-danger" aria-hidden="true"></i
|
||||
></span>
|
||||
<span>Delete Field</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,45 @@
|
|||
<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">
|
||||
Add <span class="alias" data-alias="Occupancy"></span> Type
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeAdd">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeAdd--occupancyType"><span class="alias" data-alias="Occupancy"></span> Type</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeAdd--occupancyType" name="occupancyType" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--occupancyTypeAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add <span class="alias" data-alias="Occupancy"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Occupancy"></span> Type
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeAdd">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeAdd--occupancyType"
|
||||
><span class="alias" data-alias="Occupancy"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeAdd--occupancyType"
|
||||
name="occupancyType"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--occupancyTypeAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add <span class="alias" data-alias="Occupancy"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,51 @@
|
|||
<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">
|
||||
Add <span class="alias" data-alias="Occupancy"></span> Type Field
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeFieldAdd">
|
||||
<input class="input" id="occupancyTypeFieldAdd--occupancyTypeId" name="occupancyTypeId" type="hidden" />
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldAdd--occupancyTypeField">New Field Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeFieldAdd--occupancyTypeField" name="occupancyTypeField" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--occupancyTypeFieldAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Field</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Occupancy"></span> Type Field
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeFieldAdd">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldAdd--occupancyTypeId"
|
||||
name="occupancyTypeId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldAdd--occupancyTypeField"
|
||||
>New Field Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldAdd--occupancyTypeField"
|
||||
name="occupancyTypeField"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--occupancyTypeFieldAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Field</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,34 +1,53 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Occupancy"></span> Type Print
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypePrintAdd">
|
||||
<input class="input" id="occupancyTypePrintAdd--occupancyTypeId" name="occupancyTypeId" type="hidden" />
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypePrintAdd--printEJS">Print</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="occupancyTypePrintAdd--printEJS" name="printEJS" required>
|
||||
<option value="">(Select a Print)</option>
|
||||
<option value="*">(All Available Prints)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--occupancyTypePrintAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Print</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Occupancy"></span> Type Print
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypePrintAdd">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypePrintAdd--occupancyTypeId"
|
||||
name="occupancyTypeId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypePrintAdd--printEJS"
|
||||
>Print</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="occupancyTypePrintAdd--printEJS"
|
||||
name="printEJS"
|
||||
required
|
||||
>
|
||||
<option value="">(Select a Print)</option>
|
||||
<option value="*">(All Available Prints)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--occupancyTypePrintAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Print</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,53 @@
|
|||
<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 <span class="alias" data-alias="Occupancy"></span> Type
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeEdit">
|
||||
<input class="input" id="occupancyTypeEdit--occupancyTypeId" name="occupancyTypeId" type="hidden" />
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeEdit--occupancyType"><span class="alias" data-alias="Occupancy"></span> Type</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeEdit--occupancyType" name="occupancyType" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--occupancyTypeEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update <span class="alias" data-alias="Occupancy"></span> Type</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update <span class="alias" data-alias="Occupancy"></span> Type
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeEdit">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeEdit--occupancyTypeId"
|
||||
name="occupancyTypeId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeEdit--occupancyType"
|
||||
><span class="alias" data-alias="Occupancy"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeEdit--occupancyType"
|
||||
name="occupancyType"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--occupancyTypeEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span
|
||||
>Update <span class="alias" data-alias="Occupancy"></span> Type</span
|
||||
>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,105 +1,182 @@
|
|||
<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 <span class="alias" data-alias="Occupancy"></span> Type Field
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeFieldEdit">
|
||||
<input class="input" id="occupancyTypeFieldEdit--occupancyTypeFieldId" name="occupancyTypeFieldId" type="hidden" />
|
||||
<div class="columns">
|
||||
<div class="column is-8">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--occupancyTypeField">Field Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeFieldEdit--occupancyTypeField" name="occupancyTypeField" type="text" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--isRequired">Required</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="occupancyTypeFieldEdit--isRequired" name="isRequired">
|
||||
<option value="0">Not Required</option>
|
||||
<option value="1">Required</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-5">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--minimumLength">Minimum Length</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeFieldEdit--minimumLength" name="minimumLength" type="number" min="0" max="32767" step="1" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--maximumLength">Maximum Length</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeFieldEdit--maximumLength" name="maximumLength" type="number" min="0" max="32767" step="1" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--pattern">Regular Expression</label>
|
||||
<div class="control">
|
||||
<input class="input" id="occupancyTypeFieldEdit--pattern" name="pattern" type="text" maxlength="100" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--occupancyTypeFieldValues">Field Values</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="occupancyTypeFieldEdit--occupancyTypeFieldValues" name="occupancyTypeFieldValues"></textarea>
|
||||
</div>
|
||||
<p class="help is-info">
|
||||
Place each item on a separate line.
|
||||
Note that when field values are set, only those values can be used to complete the field.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--occupancyTypeFieldEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Field</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" id="button--deleteOccupancyTypeField" href="#">
|
||||
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
|
||||
<span>Delete Field</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update <span class="alias" data-alias="Occupancy"></span> Type Field
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--occupancyTypeFieldEdit">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldEdit--occupancyTypeFieldId"
|
||||
name="occupancyTypeFieldId"
|
||||
type="hidden"
|
||||
/>
|
||||
<div class="columns">
|
||||
<div class="column is-8">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="occupancyTypeFieldEdit--occupancyTypeField"
|
||||
>Field Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldEdit--occupancyTypeField"
|
||||
name="occupancyTypeField"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--isRequired"
|
||||
>Required</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="occupancyTypeFieldEdit--isRequired"
|
||||
name="isRequired"
|
||||
>
|
||||
<option value="0">Not Required</option>
|
||||
<option value="1">Required</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-5">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="occupancyTypeFieldEdit--minimumLength"
|
||||
>Minimum Length</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldEdit--minimumLength"
|
||||
name="minimumLength"
|
||||
type="number"
|
||||
min="0"
|
||||
max="32767"
|
||||
step="1"
|
||||
onwheel="return false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="occupancyTypeFieldEdit--maximumLength"
|
||||
>Maximum Length</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldEdit--maximumLength"
|
||||
name="maximumLength"
|
||||
type="number"
|
||||
min="0"
|
||||
max="32767"
|
||||
step="1"
|
||||
onwheel="return false"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="occupancyTypeFieldEdit--pattern"
|
||||
>Regular Expression</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="occupancyTypeFieldEdit--pattern"
|
||||
name="pattern"
|
||||
type="text"
|
||||
maxlength="100"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="occupancyTypeFieldEdit--occupancyTypeFieldValues"
|
||||
>Field Values</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="occupancyTypeFieldEdit--occupancyTypeFieldValues"
|
||||
name="occupancyTypeFieldValues"
|
||||
></textarea>
|
||||
</div>
|
||||
<p class="help is-info">
|
||||
Place each item on a separate line. Note that when field values
|
||||
are set, only those values can be used to complete the field.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--occupancyTypeFieldEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Field</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"
|
||||
id="button--deleteOccupancyTypeField"
|
||||
href="#"
|
||||
>
|
||||
<span class="icon is-small"
|
||||
><i class="fas fa-trash has-text-danger" aria-hidden="true"></i
|
||||
></span>
|
||||
<span>Delete Field</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,42 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Lot"></span> Comment
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotCommentAdd">
|
||||
<input id="lotCommentAdd--lotId" name="lotId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentAdd--lotComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotCommentAdd--lotComment" name="lotComment" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotCommentAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Lot"></span> Comment
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotCommentAdd">
|
||||
<input id="lotCommentAdd--lotId" name="lotId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentAdd--lotComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotCommentAdd--lotComment"
|
||||
name="lotComment"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotCommentAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,54 +1,86 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Edit Comment
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotCommentEdit">
|
||||
<input id="lotCommentEdit--lotId" name="lotId" type="hidden" value="" />
|
||||
<input id="lotCommentEdit--lotCommentId" name="lotCommentId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentEdit--lotComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotCommentEdit--lotComment" name="lotComment" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentEdit--lotCommentDateString">Comment Date</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotCommentEdit--lotCommentDateString" name="lotCommentDateString" type="date" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentEdit--lotCommentTimeString">Comment Time</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotCommentEdit--lotCommentTimeString" name="lotCommentTimeString" type="time" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotCommentEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Edit Comment</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotCommentEdit">
|
||||
<input id="lotCommentEdit--lotId" name="lotId" type="hidden" value="" />
|
||||
<input
|
||||
id="lotCommentEdit--lotCommentId"
|
||||
name="lotCommentId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentEdit--lotComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotCommentEdit--lotComment"
|
||||
name="lotComment"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentEdit--lotCommentDateString"
|
||||
>Comment Date</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotCommentEdit--lotCommentDateString"
|
||||
name="lotCommentDateString"
|
||||
type="date"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCommentEdit--lotCommentTimeString"
|
||||
>Comment Time</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotCommentEdit--lotCommentTimeString"
|
||||
name="lotCommentTimeString"
|
||||
type="time"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotCommentEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,41 +1,54 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Edit <span class="alias" data-alias="Lot"></span> Status
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotStatusEdit">
|
||||
<input id="lotStatusEdit--lotId" name="lotId" type="hidden" value="" />
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Edit <span class="alias" data-alias="Lot"></span> Status
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotStatusEdit">
|
||||
<input id="lotStatusEdit--lotId" name="lotId" type="hidden" value="" />
|
||||
|
||||
<div class="field">
|
||||
<label class="label" for="lotStatusEdit--lotName"><span class="alias" data-alias="Lot"></span> Name</label>
|
||||
<div class="control">
|
||||
<input class="input is-readonly" id="lotStatusEdit--lotName" readonly/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotStatusEdit--lotStatusId">Status</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotStatusEdit--lotStatusId" name="lotStatusId">
|
||||
<option value="">(No Status)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotStatusEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Status</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotStatusEdit--lotName"
|
||||
><span class="alias" data-alias="Lot"></span> Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input is-readonly"
|
||||
id="lotStatusEdit--lotName"
|
||||
readonly
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotStatusEdit--lotStatusId">Status</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotStatusEdit--lotStatusId" name="lotStatusId">
|
||||
<option value="">(No Status)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotStatusEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Status</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,47 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Comment
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyCommentAdd">
|
||||
<input id="lotOccupancyCommentAdd--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyCommentAdd--lotOccupancyComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotOccupancyCommentAdd--lotOccupancyComment" name="lotOccupancyComment" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotOccupancyCommentAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Add Comment</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyCommentAdd">
|
||||
<input
|
||||
id="lotOccupancyCommentAdd--lotOccupancyId"
|
||||
name="lotOccupancyId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyCommentAdd--lotOccupancyComment"
|
||||
>Comment</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotOccupancyCommentAdd--lotOccupancyComment"
|
||||
name="lotOccupancyComment"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotOccupancyCommentAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,34 +1,44 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header 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>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="box">
|
||||
<form id="form--feeSelect">
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="feeSelect--feeName" name="feeName" type="text" placeholder="Filter Fees" aria-label="Fee Search" disabled />
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header 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>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="box">
|
||||
<form id="form--feeSelect">
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="feeSelect--feeName"
|
||||
name="feeName"
|
||||
type="text"
|
||||
placeholder="Filter Fees"
|
||||
aria-label="Fee Search"
|
||||
disabled
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div id="resultsContainer--feeSelect">
|
||||
<p class="has-text-centered">
|
||||
<i class="fas fa-4x fa-pulse fa-spinner" aria-hidden="true"></i><br />
|
||||
Loading available fees...
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Close</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="resultsContainer--feeSelect">
|
||||
<p class="has-text-centered">
|
||||
<i class="fas fa-4x fa-pulse fa-spinner" aria-hidden="true"></i><br />
|
||||
Loading available fees...
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Close</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,148 +1,270 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Occupant"></span>
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="tabs is-boxed">
|
||||
<ul>
|
||||
<li class="is-active">
|
||||
<a href="#tab--lotOccupancyOccupantAdd-new">
|
||||
Create New
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab--lotOccupancyOccupantAdd-copy">
|
||||
Copy Previous
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-container">
|
||||
<div id="tab--lotOccupancyOccupantAdd-new">
|
||||
<form id="form--lotOccupancyOccupantAdd">
|
||||
<input id="lotOccupancyOccupantAdd--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--lotOccupantTypeId"><span class="alias" data-alias="Occupant"></span> Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotOccupancyOccupantAdd--lotOccupantTypeId" name="lotOccupantTypeId" required>
|
||||
<option value="">(Select a Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantName"><span class="alias" data-alias="Occupant"></span> Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantName" name="occupantName" type="text" maxlength="200" autocomplete="off" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantAddress1">Address</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantAddress1" name="occupantAddress1" type="text" maxlength="50" placeholder="Line 1" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantAddress2" name="occupantAddress2" type="text" maxlength="50" placeholder="Line 2" autocomplete="off" aria-label="Address Line 2" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantCity">City</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantCity" name="occupantCity" type="text" maxlength="20" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantProvince">Province</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantProvince" name="occupantProvince" type="text" maxlength="2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantPostalCode">Postal Code</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantPostalCode" name="occupantPostalCode" type="text" maxlength="7" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantPhoneNumber">Phone Number</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantPhoneNumber" name="occupantPhoneNumber" type="text" maxlength="30" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantEmailAddress">Email Address</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantAdd--occupantEmailAddress" name="occupantEmailAddress" type="email" maxlength="200" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" id="lotOccupancyOccupantAdd--occupantCommentTitle" for="lotOccupancyOccupantAdd--occupantComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotOccupancyOccupantAdd--occupantComment" name="occupantComment"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="has-text-right">
|
||||
<button class="button is-success" type="submit">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add <span class="alias" data-alias="Occupant"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="is-hidden" id="tab--lotOccupancyOccupantAdd-copy">
|
||||
<div class="box">
|
||||
<form id="form--lotOccupancyOccupantCopy">
|
||||
<input name="limit" type="hidden" value="50" />
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotOccupancyOccupantCopy--searchFilter" name="searchFilter" type="text" placeholder="Filter by name or address" />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-filter" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantCopy--lotOccupantTypeId"><span class="alias" data-alias="Occupant"></span> Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotOccupancyOccupantCopy--lotOccupantTypeId" name="lotOccupantTypeId" required>
|
||||
<option value="">(Select a Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lotOccupancyOccupantCopy--searchResults"></div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add <span class="alias" data-alias="Occupant"></span>
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="tabs is-boxed">
|
||||
<ul>
|
||||
<li class="is-active">
|
||||
<a href="#tab--lotOccupancyOccupantAdd-new">Create New</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab--lotOccupancyOccupantAdd-copy">Copy Previous</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-container">
|
||||
<div id="tab--lotOccupancyOccupantAdd-new">
|
||||
<form id="form--lotOccupancyOccupantAdd">
|
||||
<input
|
||||
id="lotOccupancyOccupantAdd--lotOccupancyId"
|
||||
name="lotOccupancyId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--lotOccupantTypeId"
|
||||
><span class="alias" data-alias="Occupant"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="lotOccupancyOccupantAdd--lotOccupantTypeId"
|
||||
name="lotOccupantTypeId"
|
||||
required
|
||||
>
|
||||
<option value="">(Select a Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantAdd--occupantName"
|
||||
><span class="alias" data-alias="Occupant"></span> Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantName"
|
||||
name="occupantName"
|
||||
type="text"
|
||||
maxlength="200"
|
||||
autocomplete="off"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--occupantAddress1"
|
||||
>Address</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantAddress1"
|
||||
name="occupantAddress1"
|
||||
type="text"
|
||||
maxlength="50"
|
||||
placeholder="Line 1"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantAddress2"
|
||||
name="occupantAddress2"
|
||||
type="text"
|
||||
maxlength="50"
|
||||
placeholder="Line 2"
|
||||
autocomplete="off"
|
||||
aria-label="Address Line 2"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--occupantCity"
|
||||
>City</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantCity"
|
||||
name="occupantCity"
|
||||
type="text"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--occupantProvince"
|
||||
>Province</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantProvince"
|
||||
name="occupantProvince"
|
||||
type="text"
|
||||
maxlength="2"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--occupantPostalCode"
|
||||
>Postal Code</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantPostalCode"
|
||||
name="occupantPostalCode"
|
||||
type="text"
|
||||
maxlength="7"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--occupantPhoneNumber"
|
||||
>Phone Number</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantPhoneNumber"
|
||||
name="occupantPhoneNumber"
|
||||
type="text"
|
||||
maxlength="30"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantAdd--occupantEmailAddress"
|
||||
>Email Address</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantAdd--occupantEmailAddress"
|
||||
name="occupantEmailAddress"
|
||||
type="email"
|
||||
maxlength="200"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
id="lotOccupancyOccupantAdd--occupantCommentTitle"
|
||||
for="lotOccupancyOccupantAdd--occupantComment"
|
||||
>Comment</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotOccupancyOccupantAdd--occupantComment"
|
||||
name="occupantComment"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="has-text-right">
|
||||
<button class="button is-success" type="submit">
|
||||
<span class="icon"
|
||||
><i class="fas fa-plus" aria-hidden="true"></i
|
||||
></span>
|
||||
<span
|
||||
>Add <span class="alias" data-alias="Occupant"></span
|
||||
></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="is-hidden" id="tab--lotOccupancyOccupantAdd-copy">
|
||||
<div class="box">
|
||||
<form id="form--lotOccupancyOccupantCopy">
|
||||
<input name="limit" type="hidden" value="50" />
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantCopy--searchFilter"
|
||||
name="searchFilter"
|
||||
type="text"
|
||||
placeholder="Filter by name or address"
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-filter" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantCopy--lotOccupantTypeId"
|
||||
><span class="alias" data-alias="Occupant"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="lotOccupancyOccupantCopy--lotOccupantTypeId"
|
||||
name="lotOccupantTypeId"
|
||||
required
|
||||
>
|
||||
<option value="">(Select a Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lotOccupancyOccupantCopy--searchResults"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,47 +1,84 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Transaction
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyTransactionAdd">
|
||||
<input id="lotOccupancyTransactionAdd--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Add Transaction</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyTransactionAdd">
|
||||
<input
|
||||
id="lotOccupancyTransactionAdd--lotOccupancyId"
|
||||
name="lotOccupancyId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyTransactionAdd--transactionAmount">Transaction Amount</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input has-text-right" id="lotOccupancyTransactionAdd--transactionAmount" name="transactionAmount" type="number" step="0.01" required />
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyTransactionAdd--externalReceiptNumber">
|
||||
<span class="alias" data-alias="ExternalReceiptNumber"></span>
|
||||
</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyTransactionAdd--externalReceiptNumber" name="externalReceiptNumber" maxlength="100" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyTransactionAdd--transactionNote">Note</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotOccupancyTransactionAdd--transactionNote" name="transactionNote"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotOccupancyTransactionAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Transaction</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyTransactionAdd--transactionAmount"
|
||||
>Transaction Amount</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input has-text-right"
|
||||
id="lotOccupancyTransactionAdd--transactionAmount"
|
||||
name="transactionAmount"
|
||||
type="number"
|
||||
step="0.01"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-dollar-sign" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyTransactionAdd--externalReceiptNumber"
|
||||
>
|
||||
<span class="alias" data-alias="ExternalReceiptNumber"></span>
|
||||
</label>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyTransactionAdd--externalReceiptNumber"
|
||||
name="externalReceiptNumber"
|
||||
maxlength="100"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyTransactionAdd--transactionNote"
|
||||
>Note</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotOccupancyTransactionAdd--transactionNote"
|
||||
name="transactionNote"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotOccupancyTransactionAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Transaction</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,52 +1,93 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Create a New Work Order
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--workOrderCreate">
|
||||
<input id="workOrderCreate--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
|
||||
<input id="workOrderCreate--workOrderOpenDateString" name="workOrderOpenDateString" type="hidden" value="" />
|
||||
<label class="label" for="workOrderCreate--workOrderNumber">Work Order Number</label>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<input class="input" id="workOrderCreate--workOrderNumber" name="workOrderNumber" maxlength="50" readonly />
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button is-unlock-field-button has-tooltip-left" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
|
||||
<i class="fas fa-unlock" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="help mb-2">Leave work order number blank to autopopulate.</p>
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCreate--workOrderTypeId">Work Order Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="workOrderCreate--workOrderTypeId" name="workOrderTypeId" required>
|
||||
<option value="">(Select Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCreate--workOrderDescription">Description</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="workOrderCreate--workOrderDescription" name="workOrderDescription"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--workOrderCreate">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Create Work Order</span>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Create a New Work Order</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--workOrderCreate">
|
||||
<input
|
||||
id="workOrderCreate--lotOccupancyId"
|
||||
name="lotOccupancyId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
id="workOrderCreate--workOrderOpenDateString"
|
||||
name="workOrderOpenDateString"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<label class="label" for="workOrderCreate--workOrderNumber"
|
||||
>Work Order Number</label
|
||||
>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<input
|
||||
class="input"
|
||||
id="workOrderCreate--workOrderNumber"
|
||||
name="workOrderNumber"
|
||||
maxlength="50"
|
||||
readonly
|
||||
/>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button
|
||||
class="button is-unlock-field-button has-tooltip-left"
|
||||
data-tooltip="Unlock Field"
|
||||
type="button"
|
||||
aria-label="Unlock Field"
|
||||
>
|
||||
<i class="fas fa-unlock" aria-hidden="true"></i>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="help mb-2">Leave work order number blank to autopopulate.</p>
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCreate--workOrderTypeId"
|
||||
>Work Order Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="workOrderCreate--workOrderTypeId"
|
||||
name="workOrderTypeId"
|
||||
required
|
||||
>
|
||||
<option value="">(Select Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCreate--workOrderDescription"
|
||||
>Description</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="workOrderCreate--workOrderDescription"
|
||||
name="workOrderDescription"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--workOrderCreate"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Create Work Order</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,54 +1,99 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Edit Comment
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyCommentEdit">
|
||||
<input id="lotOccupancyCommentEdit--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
|
||||
<input id="lotOccupancyCommentEdit--lotOccupancyCommentId" name="lotOccupancyCommentId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyCommentEdit--lotOccupancyComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotOccupancyCommentEdit--lotOccupancyComment" name="lotOccupancyComment" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyCommentEdit--lotOccupancyCommentDateString">Comment Date</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotOccupancyCommentEdit--lotOccupancyCommentDateString" name="lotOccupancyCommentDateString" type="date" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyCommentEdit--lotOccupancyCommentTimeString">Comment Time</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotOccupancyCommentEdit--lotOccupancyCommentTimeString" name="lotOccupancyCommentTimeString" type="time" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotOccupancyCommentEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Edit Comment</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyCommentEdit">
|
||||
<input
|
||||
id="lotOccupancyCommentEdit--lotOccupancyId"
|
||||
name="lotOccupancyId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
id="lotOccupancyCommentEdit--lotOccupancyCommentId"
|
||||
name="lotOccupancyCommentId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyCommentEdit--lotOccupancyComment"
|
||||
>Comment</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotOccupancyCommentEdit--lotOccupancyComment"
|
||||
name="lotOccupancyComment"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyCommentEdit--lotOccupancyCommentDateString"
|
||||
>Comment Date</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyCommentEdit--lotOccupancyCommentDateString"
|
||||
name="lotOccupancyCommentDateString"
|
||||
type="date"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyCommentEdit--lotOccupancyCommentTimeString"
|
||||
>Comment Time</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyCommentEdit--lotOccupancyCommentTimeString"
|
||||
name="lotOccupancyCommentTimeString"
|
||||
type="time"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotOccupancyCommentEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,99 +1,212 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update <span class="alias" data-alias="Occupant"></span>
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyOccupantEdit">
|
||||
<input id="lotOccupancyOccupantEdit--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" />
|
||||
<input id="lotOccupancyOccupantEdit--lotOccupantIndex" name="lotOccupantIndex" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--lotOccupantTypeId"><span class="alias" data-alias="Occupant"></span> Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotOccupancyOccupantEdit--lotOccupantTypeId" name="lotOccupantTypeId" required></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantName"><span class="alias" data-alias="Occupant"></span> Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantName" name="occupantName" type="text" maxlength="200" autocomplete="off" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantAddress1">Address</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantAddress1" name="occupantAddress1" type="text" maxlength="50" placeholder="Line 1" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantAddress2" name="occupantAddress2" type="text" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantCity">City</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantCity" name="occupantCity" type="text" maxlength="20" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantProvince">Province</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantProvince" name="occupantProvince" type="text" maxlength="2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantPostalCode">Postal Code</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantPostalCode" name="occupantPostalCode" type="text" maxlength="7" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantPhoneNumber">Phone Number</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantPhoneNumber" name="occupantPhoneNumber" type="text" maxlength="30" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantEmailAddress">Email Address</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotOccupancyOccupantEdit--occupantEmailAddress" name="occupantEmailAddress" type="email" maxlength="200" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" id="lotOccupancyOccupantEdit--occupantCommentTitle" for="lotOccupancyOccupantEdit--occupantComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="lotOccupancyOccupantEdit--occupantComment" name="occupantComment"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotOccupancyOccupantEdit">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Update <span class="alias" data-alias="Occupant"></span></span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Update <span class="alias" data-alias="Occupant"></span>
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyOccupantEdit">
|
||||
<input
|
||||
id="lotOccupancyOccupantEdit--lotOccupancyId"
|
||||
name="lotOccupancyId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
id="lotOccupancyOccupantEdit--lotOccupantIndex"
|
||||
name="lotOccupantIndex"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--lotOccupantTypeId"
|
||||
><span class="alias" data-alias="Occupant"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="lotOccupancyOccupantEdit--lotOccupantTypeId"
|
||||
name="lotOccupantTypeId"
|
||||
required
|
||||
></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantName"
|
||||
><span class="alias" data-alias="Occupant"></span> Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantName"
|
||||
name="occupantName"
|
||||
type="text"
|
||||
maxlength="200"
|
||||
autocomplete="off"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantAddress1"
|
||||
>Address</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantAddress1"
|
||||
name="occupantAddress1"
|
||||
type="text"
|
||||
maxlength="50"
|
||||
placeholder="Line 1"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantAddress2"
|
||||
name="occupantAddress2"
|
||||
type="text"
|
||||
maxlength="50"
|
||||
placeholder="Line 2"
|
||||
aria-label="Address Line 2"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancyOccupantEdit--occupantCity"
|
||||
>City</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantCity"
|
||||
name="occupantCity"
|
||||
type="text"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantEdit--occupantProvince"
|
||||
>Province</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantProvince"
|
||||
name="occupantProvince"
|
||||
type="text"
|
||||
maxlength="2"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantEdit--occupantPostalCode"
|
||||
>Postal Code</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantPostalCode"
|
||||
name="occupantPostalCode"
|
||||
type="text"
|
||||
maxlength="7"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantEdit--occupantPhoneNumber"
|
||||
>Phone Number</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantPhoneNumber"
|
||||
name="occupantPhoneNumber"
|
||||
type="text"
|
||||
maxlength="30"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="lotOccupancyOccupantEdit--occupantEmailAddress"
|
||||
>Email Address</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyOccupantEdit--occupantEmailAddress"
|
||||
name="occupantEmailAddress"
|
||||
type="email"
|
||||
maxlength="200"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
id="lotOccupancyOccupantEdit--occupantCommentTitle"
|
||||
for="lotOccupancyOccupantEdit--occupantComment"
|
||||
>Comment</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="lotOccupancyOccupantEdit--occupantComment"
|
||||
name="occupantComment"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotOccupancyOccupantEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Update <span class="alias" data-alias="Occupant"></span></span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,119 +1,157 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Select a <span class="alias" data-alias="Lot"></span>
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="tabs is-boxed">
|
||||
<ul>
|
||||
<li class="is-active">
|
||||
<a href="#tab--lotSelect">From Existing</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab--lotCreate">Create New</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-container">
|
||||
<div id="tab--lotSelect">
|
||||
<div class="box">
|
||||
<form id="form--lotSelect">
|
||||
<input name="limit" type="hidden" value="100" />
|
||||
<input name="offset" type="hidden" value="0" />
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotSelect--lotName" name="lotName" type="text" />
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotSelect--occupancyStatus" name="occupancyStatus">
|
||||
<option value="">(All Statuses)</option>
|
||||
<option value="unoccupied" selected>Currently Unoccupied</option>
|
||||
<option value="occupied">Currently Occupied</option>
|
||||
</select>
|
||||
</div>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-filter" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="resultsContainer--lotSelect"></div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Select a <span class="alias" data-alias="Lot"></span>
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="tabs is-boxed">
|
||||
<ul>
|
||||
<li class="is-active">
|
||||
<a href="#tab--lotSelect">From Existing</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab--lotCreate">Create New</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-container">
|
||||
<div id="tab--lotSelect">
|
||||
<div class="box">
|
||||
<form id="form--lotSelect">
|
||||
<input name="limit" type="hidden" value="100" />
|
||||
<input name="offset" type="hidden" value="0" />
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotSelect--lotName"
|
||||
name="lotName"
|
||||
type="text"
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="is-hidden" id="tab--lotCreate">
|
||||
<div class="message is-info is-small">
|
||||
<p class="message-body">
|
||||
Be sure to confirm if the <span class="alias" data-alias="lot"></span> exists before creating a new one.
|
||||
</p>
|
||||
</div>
|
||||
<form id="form--lotCreate">
|
||||
<input name="mapKey" type="hidden" value="" />
|
||||
<input name="lotLatitude" type="hidden" value="" />
|
||||
<input name="lotLongitude" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--lotName">New <span class="alias" data-alias="Lot"></span> Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lotCreate--lotName" name="lotName" maxlength="100" required />
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--lotTypeId"><span class="alias" data-alias="Lot"></span> Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotCreate--lotTypeId" name="lotTypeId" required>
|
||||
<option value="">(No Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--lotStatusId"><span class="alias" data-alias="Lot"></span> Status</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotCreate--lotStatusId" name="lotStatusId">
|
||||
<option value="">(No Status)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--mapId"><span class="alias" data-alias="Map"></span></label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotCreate--mapId" name="mapId">
|
||||
<option value="">(None Selected)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="has-text-right">
|
||||
<button class="button is-success" type="submit">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Create New <span class="alias" data-alias="Lot"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="lotSelect--occupancyStatus"
|
||||
name="occupancyStatus"
|
||||
>
|
||||
<option value="">(All Statuses)</option>
|
||||
<option value="unoccupied" selected>
|
||||
Currently Unoccupied
|
||||
</option>
|
||||
<option value="occupied">Currently Occupied</option>
|
||||
</select>
|
||||
</div>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-filter" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="resultsContainer--lotSelect"></div>
|
||||
</div>
|
||||
<div class="is-hidden" id="tab--lotCreate">
|
||||
<div class="message is-info is-small">
|
||||
<p class="message-body">
|
||||
Be sure to confirm if the
|
||||
<span class="alias" data-alias="lot"></span> exists before
|
||||
creating a new one.
|
||||
</p>
|
||||
</div>
|
||||
<form id="form--lotCreate">
|
||||
<input name="mapKey" type="hidden" value="" />
|
||||
<input name="lotLatitude" type="hidden" value="" />
|
||||
<input name="lotLongitude" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--lotName"
|
||||
>New <span class="alias" data-alias="Lot"></span> Name</label
|
||||
>
|
||||
<div class="control">
|
||||
<input
|
||||
class="input"
|
||||
id="lotCreate--lotName"
|
||||
name="lotName"
|
||||
maxlength="100"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--lotTypeId"
|
||||
><span class="alias" data-alias="Lot"></span> Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="lotCreate--lotTypeId"
|
||||
name="lotTypeId"
|
||||
required
|
||||
>
|
||||
<option value="">(No Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--lotStatusId"
|
||||
><span class="alias" data-alias="Lot"></span> Status</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotCreate--lotStatusId" name="lotStatusId">
|
||||
<option value="">(No Status)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lotCreate--mapId"
|
||||
><span class="alias" data-alias="Map"></span
|
||||
></label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotCreate--mapId" name="mapId">
|
||||
<option value="">(None Selected)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="has-text-right">
|
||||
<button class="button is-success" type="submit">
|
||||
<span class="icon"
|
||||
><i class="fas fa-plus" aria-hidden="true"></i
|
||||
></span>
|
||||
<span
|
||||
>Create New <span class="alias" data-alias="Lot"></span
|
||||
></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,31 +1,53 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Set Quantity
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyFeeQuantity">
|
||||
<label class="label" for="lotOccupancyFeeQuantity--quantity">Quantity</label>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<input class="input" id="lotOccupancyFeeQuantity--quantity" name="quantity" type="number" value="1" min="0.1" max="999.9" step="0.1" required onwheel="return false" />
|
||||
</div>
|
||||
<div class="control">
|
||||
<span class="button is-static" id="lotOccupancyFeeQuantity--quantityUnit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--lotOccupancyFeeQuantity">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Set Quantity and Add Fee</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Set Quantity</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--lotOccupancyFeeQuantity">
|
||||
<label class="label" for="lotOccupancyFeeQuantity--quantity"
|
||||
>Quantity</label
|
||||
>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancyFeeQuantity--quantity"
|
||||
name="quantity"
|
||||
type="number"
|
||||
value="1"
|
||||
min="0.1"
|
||||
max="999.9"
|
||||
step="0.1"
|
||||
required
|
||||
onwheel="return false"
|
||||
/>
|
||||
</div>
|
||||
<div class="control">
|
||||
<span
|
||||
class="button is-static"
|
||||
id="lotOccupancyFeeQuantity--quantityUnit"
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--lotOccupancyFeeQuantity"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Set Quantity and Add Fee</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,47 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Work Order Comment
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--workOrderCommentAdd">
|
||||
<input id="workOrderCommentAdd--workOrderId" name="workOrderId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCommentAdd--workOrderComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="workOrderCommentAdd--workOrderComment" name="workOrderComment" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--workOrderCommentAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Add Work Order Comment</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--workOrderCommentAdd">
|
||||
<input
|
||||
id="workOrderCommentAdd--workOrderId"
|
||||
name="workOrderId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCommentAdd--workOrderComment"
|
||||
>Comment</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="workOrderCommentAdd--workOrderComment"
|
||||
name="workOrderComment"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--workOrderCommentAdd"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,56 +1,70 @@
|
|||
<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">
|
||||
Add Related <span class="alias" data-alias="Lot"></span> to Work Order
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="box">
|
||||
<form id="form--lotSearch">
|
||||
<input name="limit" type="hidden" value="100" />
|
||||
<input name="offset" type="hidden" value="0" />
|
||||
<input id="lotSearch--notWorkOrderId" name="notWorkOrderId" type="hidden" value="" />
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Related <span class="alias" data-alias="Lot"></span> to Work Order
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="box">
|
||||
<form id="form--lotSearch">
|
||||
<input name="limit" type="hidden" value="100" />
|
||||
<input name="offset" type="hidden" value="0" />
|
||||
<input
|
||||
id="lotSearch--notWorkOrderId"
|
||||
name="notWorkOrderId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotSearch--lotName">
|
||||
<span class="alias" data-alias="Lot"></span>
|
||||
Name
|
||||
</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotSearch--lotName" name="lotName" type="text" />
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotSearch--lotStatusId">Status</label>
|
||||
<div class="control has-icons-left">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotSearch--lotStatusId" name="lotStatusId">
|
||||
<option value="">(All Statuses)</option>
|
||||
</select>
|
||||
</div>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotSearch--lotName">
|
||||
<span class="alias" data-alias="Lot"></span>
|
||||
Name
|
||||
</label>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotSearch--lotName"
|
||||
name="lotName"
|
||||
type="text"
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="resultsContainer--lotAdd"></div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Close</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotSearch--lotStatusId">Status</label>
|
||||
<div class="control has-icons-left">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lotSearch--lotStatusId" name="lotStatusId">
|
||||
<option value="">(All Statuses)</option>
|
||||
</select>
|
||||
</div>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="resultsContainer--lotAdd"></div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Close</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,55 +1,80 @@
|
|||
<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">
|
||||
Add Related <span class="alias" data-alias="Occupancy"></span> to Work Order
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="box">
|
||||
<form id="form--lotOccupancySearch">
|
||||
<input name="limit" type="hidden" value="100" />
|
||||
<input name="offset" type="hidden" value="0" />
|
||||
<input id="lotOccupancySearch--notWorkOrderId" name="notWorkOrderId" type="hidden" value="" />
|
||||
<input id="lotOccupancySearch--occupancyEffectiveDateString" name="occupancyEffectiveDateString" type="hidden" value="" />
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancySearch--occupantName">
|
||||
<span class="alias" data-alias="Occupant"></span>
|
||||
Name
|
||||
</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotOccupancySearch--occupantName" name="occupantName" type="text" />
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancySearch--lotName">
|
||||
<span class="alias" data-alias="Lot"></span>
|
||||
Name
|
||||
</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="lotOccupancySearch--lotName" name="lotName" type="text" />
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card has-width-900">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Related <span class="alias" data-alias="Occupancy"></span> to Work
|
||||
Order
|
||||
</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<div class="box">
|
||||
<form id="form--lotOccupancySearch">
|
||||
<input name="limit" type="hidden" value="100" />
|
||||
<input name="offset" type="hidden" value="0" />
|
||||
<input
|
||||
id="lotOccupancySearch--notWorkOrderId"
|
||||
name="notWorkOrderId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
id="lotOccupancySearch--occupancyEffectiveDateString"
|
||||
name="occupancyEffectiveDateString"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancySearch--occupantName">
|
||||
<span class="alias" data-alias="Occupant"></span>
|
||||
Name
|
||||
</label>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancySearch--occupantName"
|
||||
name="occupantName"
|
||||
type="text"
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="resultsContainer--lotOccupancyAdd"></div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Close</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lotOccupancySearch--lotName">
|
||||
<span class="alias" data-alias="Lot"></span>
|
||||
Name
|
||||
</label>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="lotOccupancySearch--lotName"
|
||||
name="lotName"
|
||||
type="text"
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="resultsContainer--lotOccupancyAdd"></div>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-close-modal-button" type="button">Close</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,64 +1,101 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Add Milestone
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--milestoneAdd">
|
||||
<input id="milestoneAdd--workOrderId" name="workOrderId" type="hidden" value="" />
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Add Milestone</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--milestoneAdd">
|
||||
<input
|
||||
id="milestoneAdd--workOrderId"
|
||||
name="workOrderId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneAdd--workOrderMilestoneTypeId">Milestone Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="milestoneAdd--workOrderMilestoneTypeId" name="workOrderMilestoneTypeId">
|
||||
<option value="">(No Milestone Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneAdd--workOrderMilestoneDateString">Milestone Date</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="milestoneAdd--workOrderMilestoneDateString" name="workOrderMilestoneDateString" type="date" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneAdd--workOrderMilestoneTimeString">Milestone Time</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="milestoneAdd--workOrderMilestoneTimeString" name="workOrderMilestoneTimeString" type="time" />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneAdd--workOrderMilestoneDescription">Description</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="milestoneAdd--workOrderMilestoneDescription" name="workOrderMilestoneDescription"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--milestoneAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Milestone</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneAdd--workOrderMilestoneTypeId"
|
||||
>Milestone Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="milestoneAdd--workOrderMilestoneTypeId"
|
||||
name="workOrderMilestoneTypeId"
|
||||
>
|
||||
<option value="">(No Milestone Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="milestoneAdd--workOrderMilestoneDateString"
|
||||
>Milestone Date</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="milestoneAdd--workOrderMilestoneDateString"
|
||||
name="workOrderMilestoneDateString"
|
||||
type="date"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="milestoneAdd--workOrderMilestoneTimeString"
|
||||
>Milestone Time</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="milestoneAdd--workOrderMilestoneTimeString"
|
||||
name="workOrderMilestoneTimeString"
|
||||
type="time"
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneAdd--workOrderMilestoneDescription"
|
||||
>Description</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="milestoneAdd--workOrderMilestoneDescription"
|
||||
name="workOrderMilestoneDescription"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--milestoneAdd">
|
||||
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add Milestone</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,54 +1,97 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Edit Comment
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--workOrderCommentEdit">
|
||||
<input id="workOrderCommentEdit--workOrderId" name="workOrderId" type="hidden" value="" />
|
||||
<input id="workOrderCommentEdit--workOrderCommentId" name="workOrderCommentId" type="hidden" value="" />
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCommentEdit--workOrderComment">Comment</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="workOrderCommentEdit--workOrderComment" name="workOrderComment" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCommentEdit--workOrderCommentDateString">Comment Date</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="workOrderCommentEdit--workOrderCommentDateString" name="workOrderCommentDateString" type="date" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCommentEdit--workOrderCommentTimeString">Comment Time</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="workOrderCommentEdit--workOrderCommentTimeString" name="workOrderCommentTimeString" type="time" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--workOrderCommentEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Edit Comment</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--workOrderCommentEdit">
|
||||
<input
|
||||
id="workOrderCommentEdit--workOrderId"
|
||||
name="workOrderId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
id="workOrderCommentEdit--workOrderCommentId"
|
||||
name="workOrderCommentId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<div class="field">
|
||||
<label class="label" for="workOrderCommentEdit--workOrderComment"
|
||||
>Comment</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="workOrderCommentEdit--workOrderComment"
|
||||
name="workOrderComment"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="workOrderCommentEdit--workOrderCommentDateString"
|
||||
>Comment Date</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="workOrderCommentEdit--workOrderCommentDateString"
|
||||
name="workOrderCommentDateString"
|
||||
type="date"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="workOrderCommentEdit--workOrderCommentTimeString"
|
||||
>Comment Time</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="workOrderCommentEdit--workOrderCommentTimeString"
|
||||
name="workOrderCommentTimeString"
|
||||
type="time"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--workOrderCommentEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Comment</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,65 +1,113 @@
|
|||
<div class="modal" role="dialog">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">
|
||||
Edit Milestone
|
||||
</h3>
|
||||
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--milestoneEdit">
|
||||
<input id="milestoneEdit--workOrderId" name="workOrderId" type="hidden" value="" />
|
||||
<input id="milestoneEdit--workOrderMilestoneId" name="workOrderMilestoneId" type="hidden" value="" />
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<h3 class="modal-card-title">Edit Milestone</h3>
|
||||
<button
|
||||
class="delete is-close-modal-button"
|
||||
aria-label="close"
|
||||
type="button"
|
||||
></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<form id="form--milestoneEdit">
|
||||
<input
|
||||
id="milestoneEdit--workOrderId"
|
||||
name="workOrderId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
id="milestoneEdit--workOrderMilestoneId"
|
||||
name="workOrderMilestoneId"
|
||||
type="hidden"
|
||||
value=""
|
||||
/>
|
||||
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneEdit--workOrderMilestoneTypeId">Milestone Type</label>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="milestoneEdit--workOrderMilestoneTypeId" name="workOrderMilestoneTypeId">
|
||||
<option value="">(No Milestone Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneEdit--workOrderMilestoneDateString">Milestone Date</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="milestoneEdit--workOrderMilestoneDateString" name="workOrderMilestoneDateString" type="date" required />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneEdit--workOrderMilestoneTimeString">Milestone Time</label>
|
||||
<div class="control has-icons-left">
|
||||
<input class="input" id="milestoneEdit--workOrderMilestoneTimeString" name="workOrderMilestoneTimeString" type="time" />
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneEdit--workOrderMilestoneDescription">Description</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="milestoneEdit--workOrderMilestoneDescription" name="workOrderMilestoneDescription"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button class="button is-success" type="submit" form="form--milestoneEdit">
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Milestone</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="milestoneEdit--workOrderMilestoneTypeId"
|
||||
>Milestone Type</label
|
||||
>
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
id="milestoneEdit--workOrderMilestoneTypeId"
|
||||
name="workOrderMilestoneTypeId"
|
||||
>
|
||||
<option value="">(No Milestone Type)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="milestoneEdit--workOrderMilestoneDateString"
|
||||
>Milestone Date</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="milestoneEdit--workOrderMilestoneDateString"
|
||||
name="workOrderMilestoneDateString"
|
||||
type="date"
|
||||
required
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-calendar" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="milestoneEdit--workOrderMilestoneTimeString"
|
||||
>Milestone Time</label
|
||||
>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input"
|
||||
id="milestoneEdit--workOrderMilestoneTimeString"
|
||||
name="workOrderMilestoneTimeString"
|
||||
type="time"
|
||||
/>
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-clock" aria-hidden="true"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label
|
||||
class="label"
|
||||
for="milestoneEdit--workOrderMilestoneDescription"
|
||||
>Description</label
|
||||
>
|
||||
<div class="control">
|
||||
<textarea
|
||||
class="textarea"
|
||||
id="milestoneEdit--workOrderMilestoneDescription"
|
||||
name="workOrderMilestoneDescription"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<footer class="modal-card-foot justify-right">
|
||||
<button
|
||||
class="button is-success"
|
||||
type="submit"
|
||||
form="form--milestoneEdit"
|
||||
>
|
||||
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>Update Milestone</span>
|
||||
</button>
|
||||
<button class="button is-close-modal-button" type="button">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue