pull/11/head
Dan Gowans 2025-04-23 12:06:29 -04:00
parent d5915db9bd
commit 8f201e05b3
2 changed files with 84 additions and 84 deletions

View File

@ -27,40 +27,40 @@
</h1> </h1>
<div class="box"> <div class="box">
<form id="form--searchFilters"> <form id="form--searchFilters">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="field"> <div class="field">
<label class="label" for="searchFilter--workOrderMilestoneDateFilter">Miestone Date Filter Type</label> <label class="label" for="searchFilter--workOrderMilestoneDateFilter">Miestone Date Filter Type</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select id="searchFilter--workOrderMilestoneDateFilter" name="workOrderMilestoneDateFilter" accesskey="f"> <select id="searchFilter--workOrderMilestoneDateFilter" name="workOrderMilestoneDateFilter" accesskey="f">
<option value="upcomingMissed" selected>Upcoming and Missed</option> <option value="upcomingMissed" selected>Upcoming and Missed</option>
<option value="recent">Recent</option> <option value="recent">Recent</option>
<option value="date">Specific Date</option> <option value="date">Specific Date</option>
</select> </select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<fieldset disabled>
<div class="field">
<label class="label" for="searchFilter--workOrderMilestoneDateString">Milestone Date</label>
<div class="control has-icons-left">
<input class="input" id="searchFilter--workOrderMilestoneDateString" name="workOrderMilestoneDateString" type="date" value="<%= dateTimeFunctions.dateToString(new Date()) %>" required />
<span class="icon is-small is-left">
<i class="fas fa-calendar" aria-hidden="true"></i>
</span>
</div>
</div>
</fieldset>
</div> </div>
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div> </div>
</form> </div>
<div class="column">
<fieldset disabled>
<div class="field">
<label class="label" for="searchFilter--workOrderMilestoneDateString">Milestone Date</label>
<div class="control has-icons-left">
<input class="input" id="searchFilter--workOrderMilestoneDateString" name="workOrderMilestoneDateString" type="date" value="<%= dateTimeFunctions.dateToString(new Date()) %>" required />
<span class="icon is-small is-left">
<i class="fas fa-calendar" aria-hidden="true"></i>
</span>
</div>
</div>
</fieldset>
</div>
</div>
</form>
</div> </div>
<div id="container--milestoneCalendar"></div> <div id="container--milestoneCalendar"></div>

View File

@ -27,61 +27,61 @@
</h1> </h1>
<div class="panel" id="panel--icsFilters"> <div class="panel" id="panel--icsFilters">
<h2 class="panel-heading">Work Order Milestone Calendar (ICS)</h2> <h2 class="panel-heading">Work Order Milestone Calendar (ICS)</h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
Recent milestones can be exported in the iCalendar format. Recent milestones can be exported in the iCalendar format.
They can then imported into Outlook as Internet calendars that can be regularly refreshed. They can then imported into Outlook as Internet calendars that can be regularly refreshed.
</p> </p>
</div>
<div class="columns">
<div class="column">
<label class="label" for="icsFilters--workOrderTypeIds">Work Order Types</label>
<label class="checkbox is-block">
<input id="icsFilters--workOrderTypeIds-all" type="checkbox" checked />
All Work Order Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderType of workOrderTypes) { %>
<option value="<%= workOrderType.workOrderTypeId %>" selected>
<%= workOrderType.workOrderType %>
</option>
<% } %>
</select>
</div>
</div>
</div>
<div class="column">
<label class="label" for="icsFilters--workOrderMilestoneTypeIds">Milestone Types</label>
<label class="checkbox is-block">
<input id="icsFilters--workOrderMilestoneTypeIds-all" type="checkbox" checked />
All Work Order Milestone Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderMilestoneTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderMilestoneType of workOrderMilestoneTypes) { %>
<option value="<%= workOrderMilestoneType.workOrderMilestoneTypeId %>" selected>
<%= workOrderMilestoneType.workOrderMilestoneType %>
</option>
<% } %>
</select>
</div>
</div>
</div>
</div>
</div> </div>
<div class="panel-block is-block"> <div class="columns">
<div class="field"> <div class="column">
<label class="label" for="icsFilters--calendarURL">ICS Calendar Link</label> <label class="label" for="icsFilters--workOrderTypeIds">Work Order Types</label>
<div class="control"> <label class="checkbox is-block">
<textarea class="textarea" id="icsFilters--calendarURL" name="calendarURL" style="cursor:text" readonly></textarea> <input id="icsFilters--workOrderTypeIds-all" type="checkbox" checked />
</div> All Work Order Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderType of workOrderTypes) { %>
<option value="<%= workOrderType.workOrderTypeId %>" selected>
<%= workOrderType.workOrderType %>
</option>
<% } %>
</select>
</div>
</div> </div>
</div>
<div class="column">
<label class="label" for="icsFilters--workOrderMilestoneTypeIds">Milestone Types</label>
<label class="checkbox is-block">
<input id="icsFilters--workOrderMilestoneTypeIds-all" type="checkbox" checked />
All Work Order Milestone Types
</label>
<div class="control mt-2">
<div class="select is-multiple is-fullwidth">
<select id="icsFilters--workOrderMilestoneTypeIds" multiple size="<%= Math.min(Math.max(workOrderTypes.length, workOrderMilestoneTypes.length), 6) %>" disabled>
<% for (const workOrderMilestoneType of workOrderMilestoneTypes) { %>
<option value="<%= workOrderMilestoneType.workOrderMilestoneTypeId %>" selected>
<%= workOrderMilestoneType.workOrderMilestoneType %>
</option>
<% } %>
</select>
</div>
</div>
</div>
</div> </div>
</div>
<div class="panel-block is-block">
<div class="field">
<label class="label" for="icsFilters--calendarURL">ICS Calendar Link</label>
<div class="control">
<textarea class="textarea" id="icsFilters--calendarURL" name="calendarURL" style="cursor:text" readonly></textarea>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>