format modal html

deepsource-autofix-76c6eb20
Dan Gowans 2023-01-24 13:16:15 -05:00
parent 1aadc33bd7
commit 45fee9bbc8
31 changed files with 2989 additions and 1856 deletions

View File

@ -1,177 +1,245 @@
<div class="modal" role="dialog" aria-label="Add Fee"> <div class="modal" role="dialog" aria-label="Add Fee">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card" style="width:900px"> <div class="modal-card" style="width: 900px">
<div class="modal-card-head"> <div class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Fee</h3>
Add Fee <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</div> type="button"
<section class="modal-card-body"> ></button>
<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> </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>

View File

@ -1,28 +1,43 @@
<div class="modal" role="dialog" aria-label="Add Fee Category"> <div class="modal" role="dialog" aria-label="Add Fee Category">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<div class="modal-card-head"> <div class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Fee Category</h3>
Add Fee Category <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</div> type="button"
<section class="modal-card-body"> ></button>
<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>
</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>

View File

@ -1,196 +1,264 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Update Fee</h3>
Update Fee <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--feeEdit"> </header>
<input id="feeEdit--feeId" name="feeId" type="hidden" /> <section class="modal-card-body">
<div class="field"> <form id="form--feeEdit">
<label class="label" for="feeEdit--feeCategoryId">Fee Category</label> <input id="feeEdit--feeId" name="feeId" type="hidden" />
<div class="control"> <div class="field">
<div class="select is-fullwidth"> <label class="label" for="feeEdit--feeCategoryId">Fee Category</label>
<select id="feeEdit--feeCategoryId" name="feeCategoryId" required></select> <div class="control">
</div> <div class="select is-fullwidth">
</div> <select
</div> id="feeEdit--feeCategoryId"
<div class="field"> name="feeCategoryId"
<label class="label" for="feeEdit--feeName">Fee Name</label> required
<div class="control"> ></select>
<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> </div>
<button class="button is-close-modal-button" type="button">Cancel</button> </div>
</footer> </div>
</div> <div class="field">
</div> <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>

View File

@ -1,29 +1,48 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Update Fee Category</h3>
Update Fee Category <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--feeCategoryEdit"> </header>
<input id="feeCategoryEdit--feeCategoryId" name="feeCategoryId" type="hidden" /> <section class="modal-card-body">
<div class="field"> <form id="form--feeCategoryEdit">
<label class="label" for="feeCategoryEdit--feeCategory">Fee Category</label> <input
<div class="control"> id="feeCategoryEdit--feeCategoryId"
<input class="input" id="feeCategoryEdit--feeCategory" name="feeCategory" maxlength="100" autocomplete="off" required /> name="feeCategoryId"
</div> type="hidden"
</div> />
</form> <div class="field">
</section> <label class="label" for="feeCategoryEdit--feeCategory"
<footer class="modal-card-foot justify-right"> >Fee Category</label
<button class="button is-success" type="submit" form="form--feeCategoryEdit"> >
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <div class="control">
<span>Update Fee Category</span> <input
</button> class="input"
<button class="button is-close-modal-button" type="button">Cancel</button> id="feeCategoryEdit--feeCategory"
</footer> name="feeCategory"
</div> maxlength="100"
</div> 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>

View File

@ -1,28 +1,41 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Lot"></span> Type Add <span class="alias" data-alias="Lot"></span> Type
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotTypeAdd"> type="button"
<div class="field"> ></button>
<label class="label" for="lotTypeAdd--lotType"><span class="alias" data-alias="Lot"></span> Type</label> </header>
<div class="control"> <section class="modal-card-body">
<input class="input" id="lotTypeAdd--lotType" name="lotType" type="text" maxlength="100" required /> <form id="form--lotTypeAdd">
</div> <div class="field">
</div> <label class="label" for="lotTypeAdd--lotType"
</form> ><span class="alias" data-alias="Lot"></span> Type</label
</section> >
<footer class="modal-card-foot justify-right"> <div class="control">
<button class="button is-success" type="submit" form="form--lotTypeAdd"> <input
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> class="input"
<span>Add <span class="alias" data-alias="Lot"></span> Type</span> id="lotTypeAdd--lotType"
</button> name="lotType"
<button class="button is-close-modal-button" type="button">Cancel</button> type="text"
</footer> maxlength="100"
</div> required
</div> />
</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>

View File

@ -1,29 +1,51 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Lot"></span> Type Field Add <span class="alias" data-alias="Lot"></span> Type Field
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotTypeFieldAdd"> type="button"
<input class="input" id="lotTypeFieldAdd--lotTypeId" name="lotTypeId" type="hidden" /> ></button>
<div class="field"> </header>
<label class="label" for="lotTypeFieldAdd--lotTypeField">New Field Name</label> <section class="modal-card-body">
<div class="control"> <form id="form--lotTypeFieldAdd">
<input class="input" id="lotTypeFieldAdd--lotTypeField" name="lotTypeField" type="text" maxlength="100" required /> <input
</div> class="input"
</div> id="lotTypeFieldAdd--lotTypeId"
</form> name="lotTypeId"
</section> type="hidden"
<footer class="modal-card-foot justify-right"> />
<button class="button is-success" type="submit" form="form--lotTypeFieldAdd"> <div class="field">
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <label class="label" for="lotTypeFieldAdd--lotTypeField"
<span>Add Field</span> >New Field Name</label
</button> >
<button class="button is-close-modal-button" type="button">Cancel</button> <div class="control">
</footer> <input
</div> class="input"
</div> 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>

View File

@ -1,29 +1,47 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Update <span class="alias" data-alias="Lot"></span> Type Update <span class="alias" data-alias="Lot"></span> Type
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotTypeEdit"> type="button"
<input class="input" id="lotTypeEdit--lotTypeId" name="lotTypeId" type="hidden" /> ></button>
<div class="field"> </header>
<label class="label" for="lotTypeEdit--lotType"><span class="alias" data-alias="Lot"></span> Type</label> <section class="modal-card-body">
<div class="control"> <form id="form--lotTypeEdit">
<input class="input" id="lotTypeEdit--lotType" name="lotType" type="text" maxlength="100" required /> <input
</div> class="input"
</div> id="lotTypeEdit--lotTypeId"
</form> name="lotTypeId"
</section> type="hidden"
<footer class="modal-card-foot justify-right"> />
<button class="button is-success" type="submit" form="form--lotTypeEdit"> <div class="field">
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <label class="label" for="lotTypeEdit--lotType"
<span>Update <span class="alias" data-alias="Lot"></span> Type</span> ><span class="alias" data-alias="Lot"></span> Type</label
</button> >
<button class="button is-close-modal-button" type="button">Cancel</button> <div class="control">
</footer> <input
</div> class="input"
</div> 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>

View File

@ -1,105 +1,167 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Update <span class="alias" data-alias="Lot"></span> Type Field Update <span class="alias" data-alias="Lot"></span> Type Field
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotTypeFieldEdit"> type="button"
<input class="input" id="lotTypeFieldEdit--lotTypeFieldId" name="lotTypeFieldId" type="hidden" /> ></button>
<div class="columns"> </header>
<div class="column is-8"> <section class="modal-card-body">
<div class="field"> <form id="form--lotTypeFieldEdit">
<label class="label" for="lotTypeFieldEdit--lotTypeField">Field Name</label> <input
<div class="control"> class="input"
<input class="input" id="lotTypeFieldEdit--lotTypeField" name="lotTypeField" type="text" maxlength="100" required /> id="lotTypeFieldEdit--lotTypeFieldId"
</div> name="lotTypeFieldId"
</div> type="hidden"
</div> />
<div class="column"> <div class="columns">
<div class="field"> <div class="column is-8">
<label class="label" for="lotTypeFieldEdit--isRequired">Required</label> <div class="field">
<div class="control"> <label class="label" for="lotTypeFieldEdit--lotTypeField"
<div class="select is-fullwidth"> >Field Name</label
<select id="lotTypeFieldEdit--isRequired" name="isRequired"> >
<option value="0">Not Required</option> <div class="control">
<option value="1">Required</option> <input
</select> class="input"
</div> id="lotTypeFieldEdit--lotTypeField"
</div> name="lotTypeField"
</div> type="text"
</div> maxlength="100"
</div> required
/>
<div class="columns"> </div>
<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> </div>
<button class="button is-close-modal-button" type="button">Cancel</button> </div>
</footer> <div class="column">
</div> <div class="field">
</div> <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>

View File

@ -1,28 +1,45 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Occupancy"></span> Type Add <span class="alias" data-alias="Occupancy"></span> Type
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--occupancyTypeAdd"> type="button"
<div class="field"> ></button>
<label class="label" for="occupancyTypeAdd--occupancyType"><span class="alias" data-alias="Occupancy"></span> Type</label> </header>
<div class="control"> <section class="modal-card-body">
<input class="input" id="occupancyTypeAdd--occupancyType" name="occupancyType" type="text" maxlength="100" required /> <form id="form--occupancyTypeAdd">
</div> <div class="field">
</div> <label class="label" for="occupancyTypeAdd--occupancyType"
</form> ><span class="alias" data-alias="Occupancy"></span> Type</label
</section> >
<footer class="modal-card-foot justify-right"> <div class="control">
<button class="button is-success" type="submit" form="form--occupancyTypeAdd"> <input
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> class="input"
<span>Add <span class="alias" data-alias="Occupancy"></span> Type</span> id="occupancyTypeAdd--occupancyType"
</button> name="occupancyType"
<button class="button is-close-modal-button" type="button">Cancel</button> type="text"
</footer> maxlength="100"
</div> required
</div> />
</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>

View File

@ -1,29 +1,51 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Occupancy"></span> Type Field Add <span class="alias" data-alias="Occupancy"></span> Type Field
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--occupancyTypeFieldAdd"> type="button"
<input class="input" id="occupancyTypeFieldAdd--occupancyTypeId" name="occupancyTypeId" type="hidden" /> ></button>
<div class="field"> </header>
<label class="label" for="occupancyTypeFieldAdd--occupancyTypeField">New Field Name</label> <section class="modal-card-body">
<div class="control"> <form id="form--occupancyTypeFieldAdd">
<input class="input" id="occupancyTypeFieldAdd--occupancyTypeField" name="occupancyTypeField" type="text" maxlength="100" required /> <input
</div> class="input"
</div> id="occupancyTypeFieldAdd--occupancyTypeId"
</form> name="occupancyTypeId"
</section> type="hidden"
<footer class="modal-card-foot justify-right"> />
<button class="button is-success" type="submit" form="form--occupancyTypeFieldAdd"> <div class="field">
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <label class="label" for="occupancyTypeFieldAdd--occupancyTypeField"
<span>Add Field</span> >New Field Name</label
</button> >
<button class="button is-close-modal-button" type="button">Cancel</button> <div class="control">
</footer> <input
</div> class="input"
</div> 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>

View File

@ -1,34 +1,53 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Occupancy"></span> Type Print Add <span class="alias" data-alias="Occupancy"></span> Type Print
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--occupancyTypePrintAdd"> type="button"
<input class="input" id="occupancyTypePrintAdd--occupancyTypeId" name="occupancyTypeId" type="hidden" /> ></button>
<div class="field"> </header>
<label class="label" for="occupancyTypePrintAdd--printEJS">Print</label> <section class="modal-card-body">
<div class="control"> <form id="form--occupancyTypePrintAdd">
<div class="select is-fullwidth"> <input
<select id="occupancyTypePrintAdd--printEJS" name="printEJS" required> class="input"
<option value="">(Select a Print)</option> id="occupancyTypePrintAdd--occupancyTypeId"
<option value="*">(All Available Prints)</option> name="occupancyTypeId"
</select> type="hidden"
</div> />
</div> <div class="field">
</div> <label class="label" for="occupancyTypePrintAdd--printEJS"
</form> >Print</label
</section> >
<footer class="modal-card-foot justify-right"> <div class="control">
<button class="button is-success" type="submit" form="form--occupancyTypePrintAdd"> <div class="select is-fullwidth">
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <select
<span>Add Print</span> id="occupancyTypePrintAdd--printEJS"
</button> name="printEJS"
<button class="button is-close-modal-button" type="button">Cancel</button> required
</footer> >
</div> <option value="">(Select a Print)</option>
</div> <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>

View File

@ -1,29 +1,53 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Update <span class="alias" data-alias="Occupancy"></span> Type Update <span class="alias" data-alias="Occupancy"></span> Type
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--occupancyTypeEdit"> type="button"
<input class="input" id="occupancyTypeEdit--occupancyTypeId" name="occupancyTypeId" type="hidden" /> ></button>
<div class="field"> </header>
<label class="label" for="occupancyTypeEdit--occupancyType"><span class="alias" data-alias="Occupancy"></span> Type</label> <section class="modal-card-body">
<div class="control"> <form id="form--occupancyTypeEdit">
<input class="input" id="occupancyTypeEdit--occupancyType" name="occupancyType" type="text" maxlength="100" required /> <input
</div> class="input"
</div> id="occupancyTypeEdit--occupancyTypeId"
</form> name="occupancyTypeId"
</section> type="hidden"
<footer class="modal-card-foot justify-right"> />
<button class="button is-success" type="submit" form="form--occupancyTypeEdit"> <div class="field">
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <label class="label" for="occupancyTypeEdit--occupancyType"
<span>Update <span class="alias" data-alias="Occupancy"></span> Type</span> ><span class="alias" data-alias="Occupancy"></span> Type</label
</button> >
<button class="button is-close-modal-button" type="button">Cancel</button> <div class="control">
</footer> <input
</div> class="input"
</div> 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>

View File

@ -1,105 +1,182 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Update <span class="alias" data-alias="Occupancy"></span> Type Field Update <span class="alias" data-alias="Occupancy"></span> Type Field
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--occupancyTypeFieldEdit"> type="button"
<input class="input" id="occupancyTypeFieldEdit--occupancyTypeFieldId" name="occupancyTypeFieldId" type="hidden" /> ></button>
<div class="columns"> </header>
<div class="column is-8"> <section class="modal-card-body">
<div class="field"> <form id="form--occupancyTypeFieldEdit">
<label class="label" for="occupancyTypeFieldEdit--occupancyTypeField">Field Name</label> <input
<div class="control"> class="input"
<input class="input" id="occupancyTypeFieldEdit--occupancyTypeField" name="occupancyTypeField" type="text" maxlength="100" required /> id="occupancyTypeFieldEdit--occupancyTypeFieldId"
</div> name="occupancyTypeFieldId"
</div> type="hidden"
</div> />
<div class="column"> <div class="columns">
<div class="field"> <div class="column is-8">
<label class="label" for="occupancyTypeFieldEdit--isRequired">Required</label> <div class="field">
<div class="control"> <label
<div class="select is-fullwidth"> class="label"
<select id="occupancyTypeFieldEdit--isRequired" name="isRequired"> for="occupancyTypeFieldEdit--occupancyTypeField"
<option value="0">Not Required</option> >Field Name</label
<option value="1">Required</option> >
</select> <div class="control">
</div> <input
</div> class="input"
</div> id="occupancyTypeFieldEdit--occupancyTypeField"
</div> name="occupancyTypeField"
</div> type="text"
maxlength="100"
<div class="columns"> required
<div class="column is-5"> />
<div class="columns"> </div>
<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> </div>
<button class="button is-close-modal-button" type="button">Cancel</button> </div>
</footer> <div class="column">
</div> <div class="field">
</div> <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>

View File

@ -1,29 +1,42 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Lot"></span> Comment Add <span class="alias" data-alias="Lot"></span> Comment
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotCommentAdd"> type="button"
<input id="lotCommentAdd--lotId" name="lotId" type="hidden" value="" /> ></button>
<div class="field"> </header>
<label class="label" for="lotCommentAdd--lotComment">Comment</label> <section class="modal-card-body">
<div class="control"> <form id="form--lotCommentAdd">
<textarea class="textarea" id="lotCommentAdd--lotComment" name="lotComment" required></textarea> <input id="lotCommentAdd--lotId" name="lotId" type="hidden" value="" />
</div> <div class="field">
</div> <label class="label" for="lotCommentAdd--lotComment">Comment</label>
</form> <div class="control">
</section> <textarea
<footer class="modal-card-foot justify-right"> class="textarea"
<button class="button is-success" type="submit" form="form--lotCommentAdd"> id="lotCommentAdd--lotComment"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> name="lotComment"
<span>Add Comment</span> required
</button> ></textarea>
<button class="button is-close-modal-button" type="button">Cancel</button> </div>
</footer> </div>
</div> </form>
</div> </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>

View File

@ -1,54 +1,86 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Edit Comment</h3>
Edit Comment <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--lotCommentEdit"> </header>
<input id="lotCommentEdit--lotId" name="lotId" type="hidden" value="" /> <section class="modal-card-body">
<input id="lotCommentEdit--lotCommentId" name="lotCommentId" type="hidden" value="" /> <form id="form--lotCommentEdit">
<div class="field"> <input id="lotCommentEdit--lotId" name="lotId" type="hidden" value="" />
<label class="label" for="lotCommentEdit--lotComment">Comment</label> <input
<div class="control"> id="lotCommentEdit--lotCommentId"
<textarea class="textarea" id="lotCommentEdit--lotComment" name="lotComment" required></textarea> name="lotCommentId"
</div> type="hidden"
</div> value=""
<div class="columns"> />
<div class="column"> <div class="field">
<div class="field"> <label class="label" for="lotCommentEdit--lotComment">Comment</label>
<label class="label" for="lotCommentEdit--lotCommentDateString">Comment Date</label> <div class="control">
<div class="control has-icons-left"> <textarea
<input class="input" id="lotCommentEdit--lotCommentDateString" name="lotCommentDateString" type="date" required /> class="textarea"
<span class="icon is-left"> id="lotCommentEdit--lotComment"
<i class="fas fa-calendar" aria-hidden="true"></i> name="lotComment"
</span> required
</div> ></textarea>
</div> </div>
</div> </div>
<div class="column"> <div class="columns">
<div class="field"> <div class="column">
<label class="label" for="lotCommentEdit--lotCommentTimeString">Comment Time</label> <div class="field">
<div class="control has-icons-left"> <label class="label" for="lotCommentEdit--lotCommentDateString"
<input class="input" id="lotCommentEdit--lotCommentTimeString" name="lotCommentTimeString" type="time" required /> >Comment Date</label
<span class="icon is-left"> >
<i class="fas fa-clock" aria-hidden="true"></i> <div class="control has-icons-left">
</span> <input
</div> class="input"
</div> id="lotCommentEdit--lotCommentDateString"
</div> name="lotCommentDateString"
</div> type="date"
</form> required
</section> />
<footer class="modal-card-foot justify-right"> <span class="icon is-left">
<button class="button is-success" type="submit" form="form--lotCommentEdit"> <i class="fas fa-calendar" aria-hidden="true"></i>
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> </span>
<span>Update Comment</span> </div>
</button> </div>
<button class="button is-close-modal-button" type="button">Cancel</button> </div>
</footer> <div class="column">
</div> <div class="field">
</div> <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>

View File

@ -1,41 +1,54 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Edit <span class="alias" data-alias="Lot"></span> Status Edit <span class="alias" data-alias="Lot"></span> Status
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotStatusEdit"> type="button"
<input id="lotStatusEdit--lotId" name="lotId" type="hidden" value="" /> ></button>
</header>
<section class="modal-card-body">
<form id="form--lotStatusEdit">
<input id="lotStatusEdit--lotId" name="lotId" type="hidden" value="" />
<div class="field"> <div class="field">
<label class="label" for="lotStatusEdit--lotName"><span class="alias" data-alias="Lot"></span> Name</label> <label class="label" for="lotStatusEdit--lotName"
<div class="control"> ><span class="alias" data-alias="Lot"></span> Name</label
<input class="input is-readonly" id="lotStatusEdit--lotName" readonly/> >
</div> <div class="control">
</div> <input
<div class="field"> class="input is-readonly"
<label class="label" for="lotStatusEdit--lotStatusId">Status</label> id="lotStatusEdit--lotName"
<div class="control"> readonly
<div class="select is-fullwidth"> />
<select id="lotStatusEdit--lotStatusId" name="lotStatusId"> </div>
<option value="">(No Status)</option> </div>
</select> <div class="field">
</div> <label class="label" for="lotStatusEdit--lotStatusId">Status</label>
</div> <div class="control">
</div> <div class="select is-fullwidth">
<select id="lotStatusEdit--lotStatusId" name="lotStatusId">
</form> <option value="">(No Status)</option>
</section> </select>
<footer class="modal-card-foot justify-right"> </div>
<button class="button is-success" type="submit" form="form--lotStatusEdit"> </div>
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> </div>
<span>Update Status</span> </form>
</button> </section>
<button class="button is-close-modal-button" type="button">Cancel</button> <footer class="modal-card-foot justify-right">
</footer> <button
</div> class="button is-success"
</div> 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>

View File

@ -1,29 +1,47 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Comment</h3>
Add Comment <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--lotOccupancyCommentAdd"> </header>
<input id="lotOccupancyCommentAdd--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" /> <section class="modal-card-body">
<div class="field"> <form id="form--lotOccupancyCommentAdd">
<label class="label" for="lotOccupancyCommentAdd--lotOccupancyComment">Comment</label> <input
<div class="control"> id="lotOccupancyCommentAdd--lotOccupancyId"
<textarea class="textarea" id="lotOccupancyCommentAdd--lotOccupancyComment" name="lotOccupancyComment" required></textarea> name="lotOccupancyId"
</div> type="hidden"
</div> value=""
</form> />
</section> <div class="field">
<footer class="modal-card-foot justify-right"> <label class="label" for="lotOccupancyCommentAdd--lotOccupancyComment"
<button class="button is-success" type="submit" form="form--lotOccupancyCommentAdd"> >Comment</label
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Comment</span> <div class="control">
</button> <textarea
<button class="button is-close-modal-button" type="button">Cancel</button> class="textarea"
</footer> id="lotOccupancyCommentAdd--lotOccupancyComment"
</div> name="lotOccupancyComment"
</div> 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>

View File

@ -1,34 +1,44 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Fee</h3>
Add Fee <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<div class="box"> </header>
<form id="form--feeSelect"> <section class="modal-card-body">
<div class="field"> <div class="box">
<div class="control has-icons-left"> <form id="form--feeSelect">
<input class="input" id="feeSelect--feeName" name="feeName" type="text" placeholder="Filter Fees" aria-label="Fee Search" disabled /> <div class="field">
<span class="icon is-small is-left"> <div class="control has-icons-left">
<i class="fas fa-search" aria-hidden="true"></i> <input
</span> class="input"
</div> id="feeSelect--feeName"
</div> name="feeName"
</form> 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>
<div id="resultsContainer--feeSelect"> </div>
<p class="has-text-centered"> </form>
<i class="fas fa-4x fa-pulse fa-spinner" aria-hidden="true"></i><br /> </div>
Loading available fees... <div id="resultsContainer--feeSelect">
</p> <p class="has-text-centered">
</div> <i class="fas fa-4x fa-pulse fa-spinner" aria-hidden="true"></i><br />
</section> Loading available fees...
<footer class="modal-card-foot justify-right"> </p>
<button class="button is-close-modal-button" type="button">Close</button> </div>
</footer> </section>
</div> <footer class="modal-card-foot justify-right">
</div> <button class="button is-close-modal-button" type="button">Close</button>
</footer>
</div>
</div>

View File

@ -1,148 +1,270 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add <span class="alias" data-alias="Occupant"></span> Add <span class="alias" data-alias="Occupant"></span>
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<div class="tabs is-boxed"> type="button"
<ul> ></button>
<li class="is-active"> </header>
<a href="#tab--lotOccupancyOccupantAdd-new"> <section class="modal-card-body">
Create New <div class="tabs is-boxed">
</a> <ul>
</li> <li class="is-active">
<li> <a href="#tab--lotOccupancyOccupantAdd-new">Create New</a>
<a href="#tab--lotOccupancyOccupantAdd-copy"> </li>
Copy Previous <li>
</a> <a href="#tab--lotOccupancyOccupantAdd-copy">Copy Previous</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="tab-container"> <div class="tab-container">
<div id="tab--lotOccupancyOccupantAdd-new"> <div id="tab--lotOccupancyOccupantAdd-new">
<form id="form--lotOccupancyOccupantAdd"> <form id="form--lotOccupancyOccupantAdd">
<input id="lotOccupancyOccupantAdd--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" /> <input
<div class="field"> id="lotOccupancyOccupantAdd--lotOccupancyId"
<label class="label" for="lotOccupancyOccupantAdd--lotOccupantTypeId"><span class="alias" data-alias="Occupant"></span> Type</label> name="lotOccupancyId"
<div class="control"> type="hidden"
<div class="select is-fullwidth"> value=""
<select id="lotOccupancyOccupantAdd--lotOccupantTypeId" name="lotOccupantTypeId" required> />
<option value="">(Select a Type)</option> <div class="field">
</select> <label
</div> class="label"
</div> for="lotOccupancyOccupantAdd--lotOccupantTypeId"
</div> ><span class="alias" data-alias="Occupant"></span> Type</label
<div class="field"> >
<label class="label" for="lotOccupancyOccupantAdd--occupantName"><span class="alias" data-alias="Occupant"></span> Name</label> <div class="control">
<div class="control"> <div class="select is-fullwidth">
<input class="input" id="lotOccupancyOccupantAdd--occupantName" name="occupantName" type="text" maxlength="200" autocomplete="off" required /> <select
</div> id="lotOccupancyOccupantAdd--lotOccupantTypeId"
</div> name="lotOccupantTypeId"
<div class="field"> required
<label class="label" for="lotOccupancyOccupantAdd--occupantAddress1">Address</label> >
<div class="control"> <option value="">(Select a Type)</option>
<input class="input" id="lotOccupancyOccupantAdd--occupantAddress1" name="occupantAddress1" type="text" maxlength="50" placeholder="Line 1" autocomplete="off" /> </select>
</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>
</div>
</div> </div>
<div class="field">
<label class="label" for="lotOccupancyOccupantAdd--occupantName"
</section> ><span class="alias" data-alias="Occupant"></span> Name</label
<footer class="modal-card-foot justify-right"> >
<button class="button is-close-modal-button" type="button">Cancel</button> <div class="control">
</footer> <input
</div> class="input"
</div> 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>

View File

@ -1,47 +1,84 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Transaction</h3>
Add Transaction <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--lotOccupancyTransactionAdd"> </header>
<input id="lotOccupancyTransactionAdd--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" /> <section class="modal-card-body">
<form id="form--lotOccupancyTransactionAdd">
<input
id="lotOccupancyTransactionAdd--lotOccupancyId"
name="lotOccupancyId"
type="hidden"
value=""
/>
<div class="field"> <div class="field">
<label class="label" for="lotOccupancyTransactionAdd--transactionAmount">Transaction Amount</label> <label
<div class="control has-icons-left"> class="label"
<input class="input has-text-right" id="lotOccupancyTransactionAdd--transactionAmount" name="transactionAmount" type="number" step="0.01" required /> for="lotOccupancyTransactionAdd--transactionAmount"
<span class="icon is-small is-left"> >Transaction Amount</label
<i class="fas fa-dollar-sign" aria-hidden="true"></i> >
</span> <div class="control has-icons-left">
</div> <input
</div> class="input has-text-right"
<div class="field"> id="lotOccupancyTransactionAdd--transactionAmount"
<label class="label" for="lotOccupancyTransactionAdd--externalReceiptNumber"> name="transactionAmount"
<span class="alias" data-alias="ExternalReceiptNumber"></span> type="number"
</label> step="0.01"
<div class="control"> required
<input class="input" id="lotOccupancyTransactionAdd--externalReceiptNumber" name="externalReceiptNumber" maxlength="100" autocomplete="off" /> />
</div> <span class="icon is-small is-left">
</div> <i class="fas fa-dollar-sign" aria-hidden="true"></i>
<div class="field"> </span>
<label class="label" for="lotOccupancyTransactionAdd--transactionNote">Note</label> </div>
<div class="control"> </div>
<textarea class="textarea" id="lotOccupancyTransactionAdd--transactionNote" name="transactionNote"></textarea> <div class="field">
</div> <label
</div> class="label"
</form> for="lotOccupancyTransactionAdd--externalReceiptNumber"
</section> >
<footer class="modal-card-foot justify-right"> <span class="alias" data-alias="ExternalReceiptNumber"></span>
<button class="button is-success" type="submit" form="form--lotOccupancyTransactionAdd"> </label>
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <div class="control">
<span>Add Transaction</span> <input
</button> class="input"
<button class="button is-close-modal-button" type="button">Cancel</button> id="lotOccupancyTransactionAdd--externalReceiptNumber"
</footer> name="externalReceiptNumber"
</div> maxlength="100"
</div> 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>

View File

@ -1,52 +1,93 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Create a New Work Order</h3>
Create a New Work Order <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--workOrderCreate"> </header>
<input id="workOrderCreate--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" /> <section class="modal-card-body">
<input id="workOrderCreate--workOrderOpenDateString" name="workOrderOpenDateString" type="hidden" value="" /> <form id="form--workOrderCreate">
<label class="label" for="workOrderCreate--workOrderNumber">Work Order Number</label> <input
<div class="field has-addons"> id="workOrderCreate--lotOccupancyId"
<div class="control is-expanded"> name="lotOccupancyId"
<input class="input" id="workOrderCreate--workOrderNumber" name="workOrderNumber" maxlength="50" readonly /> type="hidden"
</div> value=""
<div class="control"> />
<button class="button is-unlock-field-button has-tooltip-left" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field"> <input
<i class="fas fa-unlock" aria-hidden="true"></i> id="workOrderCreate--workOrderOpenDateString"
</button> name="workOrderOpenDateString"
</div> type="hidden"
</div> value=""
<p class="help mb-2">Leave work order number blank to autopopulate.</p> />
<div class="field"> <label class="label" for="workOrderCreate--workOrderNumber"
<label class="label" for="workOrderCreate--workOrderTypeId">Work Order Type</label> >Work Order Number</label
<div class="control"> >
<div class="select is-fullwidth"> <div class="field has-addons">
<select id="workOrderCreate--workOrderTypeId" name="workOrderTypeId" required> <div class="control is-expanded">
<option value="">(Select Type)</option> <input
</select> class="input"
</div> id="workOrderCreate--workOrderNumber"
</div> name="workOrderNumber"
</div> maxlength="50"
<div class="field"> readonly
<label class="label" for="workOrderCreate--workOrderDescription">Description</label> />
<div class="control"> </div>
<textarea class="textarea" id="workOrderCreate--workOrderDescription" name="workOrderDescription"></textarea> <div class="control">
</div> <button
</div> class="button is-unlock-field-button has-tooltip-left"
</form> data-tooltip="Unlock Field"
</section> type="button"
<footer class="modal-card-foot justify-right"> aria-label="Unlock Field"
<button class="button is-success" type="submit" form="form--workOrderCreate"> >
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <i class="fas fa-unlock" aria-hidden="true"></i>
<span>Create Work Order</span>
</button> </button>
<button class="button is-close-modal-button" type="button">Cancel</button> </div>
</footer> </div>
</div> <p class="help mb-2">Leave work order number blank to autopopulate.</p>
</div> <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>

View File

@ -1,54 +1,99 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Edit Comment</h3>
Edit Comment <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--lotOccupancyCommentEdit"> </header>
<input id="lotOccupancyCommentEdit--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" /> <section class="modal-card-body">
<input id="lotOccupancyCommentEdit--lotOccupancyCommentId" name="lotOccupancyCommentId" type="hidden" value="" /> <form id="form--lotOccupancyCommentEdit">
<div class="field"> <input
<label class="label" for="lotOccupancyCommentEdit--lotOccupancyComment">Comment</label> id="lotOccupancyCommentEdit--lotOccupancyId"
<div class="control"> name="lotOccupancyId"
<textarea class="textarea" id="lotOccupancyCommentEdit--lotOccupancyComment" name="lotOccupancyComment" required></textarea> type="hidden"
</div> value=""
</div> />
<div class="columns"> <input
<div class="column"> id="lotOccupancyCommentEdit--lotOccupancyCommentId"
<div class="field"> name="lotOccupancyCommentId"
<label class="label" for="lotOccupancyCommentEdit--lotOccupancyCommentDateString">Comment Date</label> type="hidden"
<div class="control has-icons-left"> value=""
<input class="input" id="lotOccupancyCommentEdit--lotOccupancyCommentDateString" name="lotOccupancyCommentDateString" type="date" required /> />
<span class="icon is-left"> <div class="field">
<i class="fas fa-calendar" aria-hidden="true"></i> <label
</span> class="label"
</div> for="lotOccupancyCommentEdit--lotOccupancyComment"
</div> >Comment</label
</div> >
<div class="column"> <div class="control">
<div class="field"> <textarea
<label class="label" for="lotOccupancyCommentEdit--lotOccupancyCommentTimeString">Comment Time</label> class="textarea"
<div class="control has-icons-left"> id="lotOccupancyCommentEdit--lotOccupancyComment"
<input class="input" id="lotOccupancyCommentEdit--lotOccupancyCommentTimeString" name="lotOccupancyCommentTimeString" type="time" required /> name="lotOccupancyComment"
<span class="icon is-left"> required
<i class="fas fa-clock" aria-hidden="true"></i> ></textarea>
</span> </div>
</div> </div>
</div> <div class="columns">
</div> <div class="column">
</div> <div class="field">
</form> <label
</section> class="label"
<footer class="modal-card-foot justify-right"> for="lotOccupancyCommentEdit--lotOccupancyCommentDateString"
<button class="button is-success" type="submit" form="form--lotOccupancyCommentEdit"> >Comment Date</label
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> >
<span>Update Comment</span> <div class="control has-icons-left">
</button> <input
<button class="button is-close-modal-button" type="button">Cancel</button> class="input"
</footer> id="lotOccupancyCommentEdit--lotOccupancyCommentDateString"
</div> name="lotOccupancyCommentDateString"
</div> 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>

View File

@ -1,99 +1,212 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Update <span class="alias" data-alias="Occupant"></span> Update <span class="alias" data-alias="Occupant"></span>
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<form id="form--lotOccupancyOccupantEdit"> type="button"
<input id="lotOccupancyOccupantEdit--lotOccupancyId" name="lotOccupancyId" type="hidden" value="" /> ></button>
<input id="lotOccupancyOccupantEdit--lotOccupantIndex" name="lotOccupantIndex" type="hidden" value="" /> </header>
<div class="field"> <section class="modal-card-body">
<label class="label" for="lotOccupancyOccupantEdit--lotOccupantTypeId"><span class="alias" data-alias="Occupant"></span> Type</label> <form id="form--lotOccupancyOccupantEdit">
<div class="control"> <input
<div class="select is-fullwidth"> id="lotOccupancyOccupantEdit--lotOccupancyId"
<select id="lotOccupancyOccupantEdit--lotOccupantTypeId" name="lotOccupantTypeId" required></select> name="lotOccupancyId"
</div> type="hidden"
</div> value=""
</div> />
<div class="field"> <input
<label class="label" for="lotOccupancyOccupantEdit--occupantName"><span class="alias" data-alias="Occupant"></span> Name</label> id="lotOccupancyOccupantEdit--lotOccupantIndex"
<div class="control"> name="lotOccupantIndex"
<input class="input" id="lotOccupancyOccupantEdit--occupantName" name="occupantName" type="text" maxlength="200" autocomplete="off" required /> type="hidden"
</div> value=""
</div> />
<div class="field"> <div class="field">
<label class="label" for="lotOccupancyOccupantEdit--occupantAddress1">Address</label> <label class="label" for="lotOccupancyOccupantEdit--lotOccupantTypeId"
<div class="control"> ><span class="alias" data-alias="Occupant"></span> Type</label
<input class="input" id="lotOccupancyOccupantEdit--occupantAddress1" name="occupantAddress1" type="text" maxlength="50" placeholder="Line 1" autocomplete="off" /> >
</div> <div class="control">
</div> <div class="select is-fullwidth">
<div class="field"> <select
<div class="control"> id="lotOccupancyOccupantEdit--lotOccupantTypeId"
<input class="input" id="lotOccupancyOccupantEdit--occupantAddress2" name="occupantAddress2" type="text" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" autocomplete="off" /> name="lotOccupantTypeId"
</div> required
</div> ></select>
<div class="columns"> </div>
<div class="column"> </div>
<div class="field"> </div>
<label class="label" for="lotOccupancyOccupantEdit--occupantCity">City</label> <div class="field">
<div class="control"> <label class="label" for="lotOccupancyOccupantEdit--occupantName"
<input class="input" id="lotOccupancyOccupantEdit--occupantCity" name="occupantCity" type="text" maxlength="20" /> ><span class="alias" data-alias="Occupant"></span> Name</label
</div> >
</div> <div class="control">
</div> <input
<div class="column"> class="input"
<div class="field"> id="lotOccupancyOccupantEdit--occupantName"
<label class="label" for="lotOccupancyOccupantEdit--occupantProvince">Province</label> name="occupantName"
<div class="control"> type="text"
<input class="input" id="lotOccupancyOccupantEdit--occupantProvince" name="occupantProvince" type="text" maxlength="2" /> maxlength="200"
</div> autocomplete="off"
</div> required
</div> />
<div class="column"> </div>
<div class="field"> </div>
<label class="label" for="lotOccupancyOccupantEdit--occupantPostalCode">Postal Code</label> <div class="field">
<div class="control"> <label class="label" for="lotOccupancyOccupantEdit--occupantAddress1"
<input class="input" id="lotOccupancyOccupantEdit--occupantPostalCode" name="occupantPostalCode" type="text" maxlength="7" autocomplete="off" /> >Address</label
</div> >
</div> <div class="control">
</div> <input
</div> class="input"
<div class="columns"> id="lotOccupancyOccupantEdit--occupantAddress1"
<div class="column"> name="occupantAddress1"
<div class="field"> type="text"
<label class="label" for="lotOccupancyOccupantEdit--occupantPhoneNumber">Phone Number</label> maxlength="50"
<div class="control"> placeholder="Line 1"
<input class="input" id="lotOccupancyOccupantEdit--occupantPhoneNumber" name="occupantPhoneNumber" type="text" maxlength="30" autocomplete="off" /> autocomplete="off"
</div> />
</div> </div>
</div> </div>
<div class="column"> <div class="field">
<div class="field"> <div class="control">
<label class="label" for="lotOccupancyOccupantEdit--occupantEmailAddress">Email Address</label> <input
<div class="control"> class="input"
<input class="input" id="lotOccupancyOccupantEdit--occupantEmailAddress" name="occupantEmailAddress" type="email" maxlength="200" autocomplete="off" /> id="lotOccupancyOccupantEdit--occupantAddress2"
</div> name="occupantAddress2"
</div> type="text"
</div> maxlength="50"
</div> placeholder="Line 2"
<div class="field"> aria-label="Address Line 2"
<label class="label" id="lotOccupancyOccupantEdit--occupantCommentTitle" for="lotOccupancyOccupantEdit--occupantComment">Comment</label> autocomplete="off"
<div class="control"> />
<textarea class="textarea" id="lotOccupancyOccupantEdit--occupantComment" name="occupantComment"></textarea> </div>
</div> </div>
</div> <div class="columns">
</form> <div class="column">
</section> <div class="field">
<footer class="modal-card-foot justify-right"> <label class="label" for="lotOccupancyOccupantEdit--occupantCity"
<button class="button is-success" type="submit" form="form--lotOccupancyOccupantEdit"> >City</label
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Update <span class="alias" data-alias="Occupant"></span></span> <div class="control">
</button> <input
<button class="button is-close-modal-button" type="button">Cancel</button> class="input"
</footer> id="lotOccupancyOccupantEdit--occupantCity"
</div> name="occupantCity"
</div> 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>

View File

@ -1,119 +1,157 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Select a <span class="alias" data-alias="Lot"></span> Select a <span class="alias" data-alias="Lot"></span>
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<div class="tabs is-boxed"> type="button"
<ul> ></button>
<li class="is-active"> </header>
<a href="#tab--lotSelect">From Existing</a> <section class="modal-card-body">
</li> <div class="tabs is-boxed">
<li> <ul>
<a href="#tab--lotCreate">Create New</a> <li class="is-active">
</li> <a href="#tab--lotSelect">From Existing</a>
</ul> </li>
</div> <li>
<div class="tab-container"> <a href="#tab--lotCreate">Create New</a>
<div id="tab--lotSelect"> </li>
<div class="box"> </ul>
<form id="form--lotSelect"> </div>
<input name="limit" type="hidden" value="100" /> <div class="tab-container">
<input name="offset" type="hidden" value="0" /> <div id="tab--lotSelect">
<div class="field"> <div class="box">
<div class="control has-icons-left"> <form id="form--lotSelect">
<input class="input" id="lotSelect--lotName" name="lotName" type="text" /> <input name="limit" type="hidden" value="100" />
<span class="icon is-small is-left"> <input name="offset" type="hidden" value="0" />
<i class="fas fa-search" aria-hidden="true"></i> <div class="field">
</span> <div class="control has-icons-left">
</div> <input
</div> class="input"
<div class="field"> id="lotSelect--lotName"
<div class="control has-icons-left"> name="lotName"
<div class="select is-fullwidth"> type="text"
<select id="lotSelect--occupancyStatus" name="occupancyStatus"> />
<option value="">(All Statuses)</option> <span class="icon is-small is-left">
<option value="unoccupied" selected>Currently Unoccupied</option> <i class="fas fa-search" aria-hidden="true"></i>
<option value="occupied">Currently Occupied</option> </span>
</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>
<div class="is-hidden" id="tab--lotCreate"> </div>
<div class="message is-info is-small"> <div class="field">
<p class="message-body"> <div class="control has-icons-left">
Be sure to confirm if the <span class="alias" data-alias="lot"></span> exists before creating a new one. <div class="select is-fullwidth">
</p> <select
</div> id="lotSelect--occupancyStatus"
<form id="form--lotCreate"> name="occupancyStatus"
<input name="mapKey" type="hidden" value="" /> >
<input name="lotLatitude" type="hidden" value="" /> <option value="">(All Statuses)</option>
<input name="lotLongitude" type="hidden" value="" /> <option value="unoccupied" selected>
<div class="field"> Currently Unoccupied
<label class="label" for="lotCreate--lotName">New <span class="alias" data-alias="Lot"></span> Name</label> </option>
<div class="control"> <option value="occupied">Currently Occupied</option>
<input class="input" id="lotCreate--lotName" name="lotName" maxlength="100" required /> </select>
</div> </div>
</div> <span class="icon is-small is-left">
<div class="columns"> <i class="fas fa-filter" aria-hidden="true"></i>
<div class="column"> </span>
<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&nbsp;<span class="alias" data-alias="Lot"></span></span>
</button>
</div>
</form>
</div> </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> </div>
</section> <div class="columns">
<footer class="modal-card-foot justify-right"> <div class="column">
<button class="button is-close-modal-button" type="button">Cancel</button> <div class="field">
</footer> <label class="label" for="lotCreate--lotTypeId"
</div> ><span class="alias" data-alias="Lot"></span> Type</label
</div> >
<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&nbsp;<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>

View File

@ -1,31 +1,53 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Set Quantity</h3>
Set Quantity <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--lotOccupancyFeeQuantity"> </header>
<label class="label" for="lotOccupancyFeeQuantity--quantity">Quantity</label> <section class="modal-card-body">
<div class="field has-addons"> <form id="form--lotOccupancyFeeQuantity">
<div class="control is-expanded"> <label class="label" for="lotOccupancyFeeQuantity--quantity"
<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" /> >Quantity</label
</div> >
<div class="control"> <div class="field has-addons">
<span class="button is-static" id="lotOccupancyFeeQuantity--quantityUnit"></span> <div class="control is-expanded">
</div> <input
</div> class="input"
</form> id="lotOccupancyFeeQuantity--quantity"
</section> name="quantity"
<footer class="modal-card-foot justify-right"> type="number"
<button class="button is-success" type="submit" form="form--lotOccupancyFeeQuantity"> value="1"
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> min="0.1"
<span>Set Quantity and Add Fee</span> max="999.9"
</button> step="0.1"
<button class="button is-close-modal-button" type="button">Cancel</button> required
</footer> onwheel="return false"
</div> />
</div> </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>

View File

@ -1,29 +1,47 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Work Order Comment</h3>
Add Work Order Comment <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--workOrderCommentAdd"> </header>
<input id="workOrderCommentAdd--workOrderId" name="workOrderId" type="hidden" value="" /> <section class="modal-card-body">
<div class="field"> <form id="form--workOrderCommentAdd">
<label class="label" for="workOrderCommentAdd--workOrderComment">Comment</label> <input
<div class="control"> id="workOrderCommentAdd--workOrderId"
<textarea class="textarea" id="workOrderCommentAdd--workOrderComment" name="workOrderComment" required></textarea> name="workOrderId"
</div> type="hidden"
</div> value=""
</form> />
</section> <div class="field">
<footer class="modal-card-foot justify-right"> <label class="label" for="workOrderCommentAdd--workOrderComment"
<button class="button is-success" type="submit" form="form--workOrderCommentAdd"> >Comment</label
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> >
<span>Add Comment</span> <div class="control">
</button> <textarea
<button class="button is-close-modal-button" type="button">Cancel</button> class="textarea"
</footer> id="workOrderCommentAdd--workOrderComment"
</div> name="workOrderComment"
</div> 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>

View File

@ -1,56 +1,70 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add Related <span class="alias" data-alias="Lot"></span> to Work Order Add Related <span class="alias" data-alias="Lot"></span> to Work Order
</h3> </h3>
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> <button
</header> class="delete is-close-modal-button"
<section class="modal-card-body"> aria-label="close"
<div class="box"> type="button"
<form id="form--lotSearch"> ></button>
<input name="limit" type="hidden" value="100" /> </header>
<input name="offset" type="hidden" value="0" /> <section class="modal-card-body">
<input id="lotSearch--notWorkOrderId" name="notWorkOrderId" type="hidden" value="" /> <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="columns">
<div class="column"> <div class="column">
<div class="field"> <div class="field">
<label class="label" for="lotSearch--lotName"> <label class="label" for="lotSearch--lotName">
<span class="alias" data-alias="Lot"></span> <span class="alias" data-alias="Lot"></span>
Name Name
</label> </label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<input class="input" id="lotSearch--lotName" name="lotName" type="text" /> <input
<span class="icon is-small is-left"> class="input"
<i class="fas fa-search" aria-hidden="true"></i> id="lotSearch--lotName"
</span> name="lotName"
</div> type="text"
</div> />
</div> <span class="icon is-small is-left">
<div class="column"> <i class="fas fa-search" aria-hidden="true"></i>
<div class="field"> </span>
<label class="label" for="lotSearch--lotStatusId">Status</label> </div>
<div class="control has-icons-left"> </div>
<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>
<div id="resultsContainer--lotAdd"></div> <div class="column">
</section> <div class="field">
<footer class="modal-card-foot justify-right"> <label class="label" for="lotSearch--lotStatusId">Status</label>
<button class="button is-close-modal-button" type="button">Close</button> <div class="control has-icons-left">
</footer> <div class="select is-fullwidth">
</div> <select id="lotSearch--lotStatusId" name="lotStatusId">
</div> <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>

View File

@ -1,55 +1,80 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card has-width-900"> <div class="modal-card has-width-900">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">
Add Related <span class="alias" data-alias="Occupancy"></span> to Work Order Add Related <span class="alias" data-alias="Occupancy"></span> to Work
</h3> Order
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> </h3>
</header> <button
<section class="modal-card-body"> class="delete is-close-modal-button"
<div class="box"> aria-label="close"
<form id="form--lotOccupancySearch"> type="button"
<input name="limit" type="hidden" value="100" /> ></button>
<input name="offset" type="hidden" value="0" /> </header>
<input id="lotOccupancySearch--notWorkOrderId" name="notWorkOrderId" type="hidden" value="" /> <section class="modal-card-body">
<input id="lotOccupancySearch--occupancyEffectiveDateString" name="occupancyEffectiveDateString" type="hidden" value="" /> <div class="box">
<div class="columns"> <form id="form--lotOccupancySearch">
<div class="column"> <input name="limit" type="hidden" value="100" />
<div class="field"> <input name="offset" type="hidden" value="0" />
<label class="label" for="lotOccupancySearch--occupantName"> <input
<span class="alias" data-alias="Occupant"></span> id="lotOccupancySearch--notWorkOrderId"
Name name="notWorkOrderId"
</label> type="hidden"
<div class="control has-icons-left"> value=""
<input class="input" id="lotOccupancySearch--occupantName" name="occupantName" type="text" /> />
<span class="icon is-small is-left"> <input
<i class="fas fa-search" aria-hidden="true"></i> id="lotOccupancySearch--occupancyEffectiveDateString"
</span> name="occupancyEffectiveDateString"
</div> type="hidden"
</div> value=""
</div> />
<div class="column"> <div class="columns">
<div class="field"> <div class="column">
<label class="label" for="lotOccupancySearch--lotName"> <div class="field">
<span class="alias" data-alias="Lot"></span> <label class="label" for="lotOccupancySearch--occupantName">
Name <span class="alias" data-alias="Occupant"></span>
</label> Name
<div class="control has-icons-left"> </label>
<input class="input" id="lotOccupancySearch--lotName" name="lotName" type="text" /> <div class="control has-icons-left">
<span class="icon is-small is-left"> <input
<i class="fas fa-search" aria-hidden="true"></i> class="input"
</span> id="lotOccupancySearch--occupantName"
</div> name="occupantName"
</div> type="text"
</div> />
</div> <span class="icon is-small is-left">
</form> <i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div> </div>
<div id="resultsContainer--lotOccupancyAdd"></div> <div class="column">
</section> <div class="field">
<footer class="modal-card-foot justify-right"> <label class="label" for="lotOccupancySearch--lotName">
<button class="button is-close-modal-button" type="button">Close</button> <span class="alias" data-alias="Lot"></span>
</footer> Name
</div> </label>
</div> <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>

View File

@ -1,64 +1,101 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Add Milestone</h3>
Add Milestone <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--milestoneAdd"> </header>
<input id="milestoneAdd--workOrderId" name="workOrderId" type="hidden" value="" /> <section class="modal-card-body">
<form id="form--milestoneAdd">
<input
id="milestoneAdd--workOrderId"
name="workOrderId"
type="hidden"
value=""
/>
<div class="field"> <div class="field">
<label class="label" for="milestoneAdd--workOrderMilestoneTypeId">Milestone Type</label> <label class="label" for="milestoneAdd--workOrderMilestoneTypeId"
<div class="control"> >Milestone Type</label
<div class="select is-fullwidth"> >
<select id="milestoneAdd--workOrderMilestoneTypeId" name="workOrderMilestoneTypeId"> <div class="control">
<option value="">(No Milestone Type)</option> <div class="select is-fullwidth">
</select> <select
</div> id="milestoneAdd--workOrderMilestoneTypeId"
</div> name="workOrderMilestoneTypeId"
</div> >
<div class="columns"> <option value="">(No Milestone Type)</option>
<div class="column"> </select>
<div class="field"> </div>
<label class="label" for="milestoneAdd--workOrderMilestoneDateString">Milestone Date</label> </div>
<div class="control has-icons-left"> </div>
<input class="input" id="milestoneAdd--workOrderMilestoneDateString" name="workOrderMilestoneDateString" type="date" required /> <div class="columns">
<span class="icon is-left"> <div class="column">
<i class="fas fa-calendar" aria-hidden="true"></i> <div class="field">
</span> <label
</div> class="label"
</div> for="milestoneAdd--workOrderMilestoneDateString"
</div> >Milestone Date</label
<div class="column"> >
<div class="field"> <div class="control has-icons-left">
<label class="label" for="milestoneAdd--workOrderMilestoneTimeString">Milestone Time</label> <input
<div class="control has-icons-left"> class="input"
<input class="input" id="milestoneAdd--workOrderMilestoneTimeString" name="workOrderMilestoneTimeString" type="time" /> id="milestoneAdd--workOrderMilestoneDateString"
<span class="icon is-left"> name="workOrderMilestoneDateString"
<i class="fas fa-clock" aria-hidden="true"></i> type="date"
</span> required
</div> />
</div> <span class="icon is-left">
</div> <i class="fas fa-calendar" aria-hidden="true"></i>
</div> </span>
<div class="field"> </div>
<label class="label" for="milestoneAdd--workOrderMilestoneDescription">Description</label> </div>
<div class="control"> </div>
<textarea class="textarea" id="milestoneAdd--workOrderMilestoneDescription" name="workOrderMilestoneDescription"></textarea> <div class="column">
</div> <div class="field">
</div> <label
</form> class="label"
</section> for="milestoneAdd--workOrderMilestoneTimeString"
<footer class="modal-card-foot justify-right"> >Milestone Time</label
<button class="button is-success" type="submit" form="form--milestoneAdd"> >
<span class="icon"><i class="fas fa-plus" aria-hidden="true"></i></span> <div class="control has-icons-left">
<span>Add Milestone</span> <input
</button> class="input"
<button class="button is-close-modal-button" type="button">Cancel</button> id="milestoneAdd--workOrderMilestoneTimeString"
</footer> name="workOrderMilestoneTimeString"
</div> type="time"
</div> />
<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>

View File

@ -1,54 +1,97 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Edit Comment</h3>
Edit Comment <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--workOrderCommentEdit"> </header>
<input id="workOrderCommentEdit--workOrderId" name="workOrderId" type="hidden" value="" /> <section class="modal-card-body">
<input id="workOrderCommentEdit--workOrderCommentId" name="workOrderCommentId" type="hidden" value="" /> <form id="form--workOrderCommentEdit">
<div class="field"> <input
<label class="label" for="workOrderCommentEdit--workOrderComment">Comment</label> id="workOrderCommentEdit--workOrderId"
<div class="control"> name="workOrderId"
<textarea class="textarea" id="workOrderCommentEdit--workOrderComment" name="workOrderComment" required></textarea> type="hidden"
</div> value=""
</div> />
<div class="columns"> <input
<div class="column"> id="workOrderCommentEdit--workOrderCommentId"
<div class="field"> name="workOrderCommentId"
<label class="label" for="workOrderCommentEdit--workOrderCommentDateString">Comment Date</label> type="hidden"
<div class="control has-icons-left"> value=""
<input class="input" id="workOrderCommentEdit--workOrderCommentDateString" name="workOrderCommentDateString" type="date" required /> />
<span class="icon is-left"> <div class="field">
<i class="fas fa-calendar" aria-hidden="true"></i> <label class="label" for="workOrderCommentEdit--workOrderComment"
</span> >Comment</label
</div> >
</div> <div class="control">
</div> <textarea
<div class="column"> class="textarea"
<div class="field"> id="workOrderCommentEdit--workOrderComment"
<label class="label" for="workOrderCommentEdit--workOrderCommentTimeString">Comment Time</label> name="workOrderComment"
<div class="control has-icons-left"> required
<input class="input" id="workOrderCommentEdit--workOrderCommentTimeString" name="workOrderCommentTimeString" type="time" required /> ></textarea>
<span class="icon is-left"> </div>
<i class="fas fa-clock" aria-hidden="true"></i> </div>
</span> <div class="columns">
</div> <div class="column">
</div> <div class="field">
</div> <label
</div> class="label"
</form> for="workOrderCommentEdit--workOrderCommentDateString"
</section> >Comment Date</label
<footer class="modal-card-foot justify-right"> >
<button class="button is-success" type="submit" form="form--workOrderCommentEdit"> <div class="control has-icons-left">
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <input
<span>Update Comment</span> class="input"
</button> id="workOrderCommentEdit--workOrderCommentDateString"
<button class="button is-close-modal-button" type="button">Cancel</button> name="workOrderCommentDateString"
</footer> type="date"
</div> required
</div> />
<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>

View File

@ -1,65 +1,113 @@
<div class="modal" role="dialog"> <div class="modal" role="dialog">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <header class="modal-card-head">
<h3 class="modal-card-title"> <h3 class="modal-card-title">Edit Milestone</h3>
Edit Milestone <button
</h3> class="delete is-close-modal-button"
<button class="delete is-close-modal-button" aria-label="close" type="button"></button> aria-label="close"
</header> type="button"
<section class="modal-card-body"> ></button>
<form id="form--milestoneEdit"> </header>
<input id="milestoneEdit--workOrderId" name="workOrderId" type="hidden" value="" /> <section class="modal-card-body">
<input id="milestoneEdit--workOrderMilestoneId" name="workOrderMilestoneId" type="hidden" value="" /> <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"> <div class="field">
<label class="label" for="milestoneEdit--workOrderMilestoneTypeId">Milestone Type</label> <label class="label" for="milestoneEdit--workOrderMilestoneTypeId"
<div class="control"> >Milestone Type</label
<div class="select is-fullwidth"> >
<select id="milestoneEdit--workOrderMilestoneTypeId" name="workOrderMilestoneTypeId"> <div class="control">
<option value="">(No Milestone Type)</option> <div class="select is-fullwidth">
</select> <select
</div> id="milestoneEdit--workOrderMilestoneTypeId"
</div> name="workOrderMilestoneTypeId"
</div> >
<div class="columns"> <option value="">(No Milestone Type)</option>
<div class="column"> </select>
<div class="field"> </div>
<label class="label" for="milestoneEdit--workOrderMilestoneDateString">Milestone Date</label> </div>
<div class="control has-icons-left"> </div>
<input class="input" id="milestoneEdit--workOrderMilestoneDateString" name="workOrderMilestoneDateString" type="date" required /> <div class="columns">
<span class="icon is-left"> <div class="column">
<i class="fas fa-calendar" aria-hidden="true"></i> <div class="field">
</span> <label
</div> class="label"
</div> for="milestoneEdit--workOrderMilestoneDateString"
</div> >Milestone Date</label
<div class="column"> >
<div class="field"> <div class="control has-icons-left">
<label class="label" for="milestoneEdit--workOrderMilestoneTimeString">Milestone Time</label> <input
<div class="control has-icons-left"> class="input"
<input class="input" id="milestoneEdit--workOrderMilestoneTimeString" name="workOrderMilestoneTimeString" type="time" /> id="milestoneEdit--workOrderMilestoneDateString"
<span class="icon is-left"> name="workOrderMilestoneDateString"
<i class="fas fa-clock" aria-hidden="true"></i> type="date"
</span> required
</div> />
</div> <span class="icon is-left">
</div> <i class="fas fa-calendar" aria-hidden="true"></i>
</div> </span>
<div class="field"> </div>
<label class="label" for="milestoneEdit--workOrderMilestoneDescription">Description</label> </div>
<div class="control"> </div>
<textarea class="textarea" id="milestoneEdit--workOrderMilestoneDescription" name="workOrderMilestoneDescription"></textarea> <div class="column">
</div> <div class="field">
</div> <label
</form> class="label"
</section> for="milestoneEdit--workOrderMilestoneTimeString"
<footer class="modal-card-foot justify-right"> >Milestone Time</label
<button class="button is-success" type="submit" form="form--milestoneEdit"> >
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span> <div class="control has-icons-left">
<span>Update Milestone</span> <input
</button> class="input"
<button class="button is-close-modal-button" type="button">Cancel</button> id="milestoneEdit--workOrderMilestoneTimeString"
</footer> name="workOrderMilestoneTimeString"
</div> type="time"
</div> />
<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>