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>
<div class="box">
<form id="form--searchFilters">
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--workOrderMilestoneDateFilter">Miestone Date Filter Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--workOrderMilestoneDateFilter" name="workOrderMilestoneDateFilter" accesskey="f">
<option value="upcomingMissed" selected>Upcoming and Missed</option>
<option value="recent">Recent</option>
<option value="date">Specific Date</option>
</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>
<form id="form--searchFilters">
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="searchFilter--workOrderMilestoneDateFilter">Miestone Date Filter Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="searchFilter--workOrderMilestoneDateFilter" name="workOrderMilestoneDateFilter" accesskey="f">
<option value="upcomingMissed" selected>Upcoming and Missed</option>
<option value="recent">Recent</option>
<option value="date">Specific Date</option>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</form>
</div>
<div 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 id="container--milestoneCalendar"></div>

View File

@ -27,61 +27,61 @@
</h1>
<div class="panel" id="panel--icsFilters">
<h2 class="panel-heading">Work Order Milestone Calendar (ICS)</h2>
<div class="panel-block is-block">
<div class="message is-info">
<p class="message-body">
Recent milestones can be exported in the iCalendar format.
They can then imported into Outlook as Internet calendars that can be regularly refreshed.
</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>
<h2 class="panel-heading">Work Order Milestone Calendar (ICS)</h2>
<div class="panel-block is-block">
<div class="message is-info">
<p class="message-body">
Recent milestones can be exported in the iCalendar format.
They can then imported into Outlook as Internet calendars that can be regularly refreshed.
</p>
</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 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 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>