105 lines
5.8 KiB
HTML
105 lines
5.8 KiB
HTML
<div class="modal" role="dialog">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card" style="width:900px">
|
|
<header class="modal-card-head">
|
|
<h3 class="modal-card-title">
|
|
Update <span class="alias" data-alias="Occupancy"></span> Type Field
|
|
</h3>
|
|
<button class="delete is-close-modal-button" aria-label="close" type="button"></button>
|
|
</header>
|
|
<section class="modal-card-body">
|
|
<form id="form--occupancyTypeFieldEdit">
|
|
<input class="input" id="occupancyTypeFieldEdit--occupancyTypeFieldId" name="occupancyTypeFieldId" type="hidden" />
|
|
<div class="columns">
|
|
<div class="column is-8">
|
|
<div class="field">
|
|
<label class="label" for="occupancyTypeFieldEdit--occupancyTypeField">Field Name</label>
|
|
<div class="control">
|
|
<input class="input" id="occupancyTypeFieldEdit--occupancyTypeField" name="occupancyTypeField" type="text" maxlength="100" required />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="occupancyTypeFieldEdit--isRequired">Required</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">
|
|
<select id="occupancyTypeFieldEdit--isRequired" name="isRequired">
|
|
<option value="0">Not Required</option>
|
|
<option value="1">Required</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
<div class="column is-5">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="occupancyTypeFieldEdit--minimumLength">Minimum Length</label>
|
|
<div class="control">
|
|
<input class="input" id="occupancyTypeFieldEdit--minimumLength" name="minimumLength" type="number" min="0" max="32767" step="1" onwheel="return false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="occupancyTypeFieldEdit--maximumLength">Maximum Length</label>
|
|
<div class="control">
|
|
<input class="input" id="occupancyTypeFieldEdit--maximumLength" name="maximumLength" type="number" min="0" max="32767" step="1" onwheel="return false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="occupancyTypeFieldEdit--pattern">Regular Expression</label>
|
|
<div class="control">
|
|
<input class="input" id="occupancyTypeFieldEdit--pattern" name="pattern" type="text" maxlength="100" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label" for="occupancyTypeFieldEdit--occupancyTypeFieldValues">Field Values</label>
|
|
<div class="control">
|
|
<textarea class="textarea" id="occupancyTypeFieldEdit--occupancyTypeFieldValues" name="occupancyTypeFieldValues"></textarea>
|
|
</div>
|
|
<p class="help is-info">
|
|
Place each item on a separate line.
|
|
Note that when field values are set, only those values can be used to complete the field.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
<footer class="modal-card-foot justify-right">
|
|
<button class="button is-success" type="submit" form="form--occupancyTypeFieldEdit">
|
|
<span class="icon"><i class="fas fa-save" aria-hidden="true"></i></span>
|
|
<span>Update Field</span>
|
|
</button>
|
|
<div class="dropdown is-up is-right mr-2">
|
|
<div class="dropdown-trigger">
|
|
<button class="button" type="button">
|
|
<span>More Options</span>
|
|
<span class="icon is-small">
|
|
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-content">
|
|
<a class="dropdown-item" id="button--deleteOccupancyTypeField" href="#">
|
|
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
|
|
<span>Delete Field</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="button is-close-modal-button" type="button">Cancel</button>
|
|
</footer>
|
|
</div>
|
|
</div> |