work order number colour
parent
44ab9eaf6e
commit
a4b857a869
|
|
@ -0,0 +1 @@
|
|||
export {};
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
(() => {
|
||||
const los = exports.los;
|
||||
const workOrderNumberCircleElements = document.querySelectorAll(".fa-circle[data-work-order-number");
|
||||
for (const workOrderNumberCircleElement of workOrderNumberCircleElements) {
|
||||
workOrderNumberCircleElement.style.color = los.getRandomColor(workOrderNumberCircleElement.dataset.workOrderNumber);
|
||||
}
|
||||
})();
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
/* eslint-disable unicorn/prefer-module */
|
||||
|
||||
import type * as globalTypes from "../types/globalTypes";
|
||||
|
||||
(() => {
|
||||
const los = exports.los as globalTypes.LOS;
|
||||
|
||||
const workOrderNumberCircleElements = document.querySelectorAll(".fa-circle[data-work-order-number") as NodeListOf<HTMLElement>;
|
||||
|
||||
for (const workOrderNumberCircleElement of workOrderNumberCircleElements) {
|
||||
workOrderNumberCircleElement.style.color = los.getRandomColor(workOrderNumberCircleElement.dataset.workOrderNumber);
|
||||
}
|
||||
})();
|
||||
|
|
@ -0,0 +1 @@
|
|||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),(()=>{const e=exports.los,o=document.querySelectorAll(".fa-circle[data-work-order-number");for(const r of o)r.style.color=e.getRandomColor(r.dataset.workOrderNumber)})();
|
||||
|
|
@ -9,19 +9,36 @@
|
|||
<% const workOrderPrints = configFunctions.getProperty("settings.workOrders.prints"); %>
|
||||
<div class="column is-4">
|
||||
<div class="panel is-info">
|
||||
<h2 class="panel-heading">Today's Milestones</h2>
|
||||
<div class="panel-heading">
|
||||
<div class="level is-mobile">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<h2 class="title is-5 has-text-weight-bold has-text-white">
|
||||
Today's Milestones
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<span class="tag"><%= workOrderMilestones.length %></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% for (const milestone of workOrderMilestones) { %>
|
||||
<div class="panel-block is-block">
|
||||
<div class="columns is-mobile">
|
||||
<div class="column is-narrow">
|
||||
<div class="icon is-small">
|
||||
<% if (milestone.workOrderMilestoneCompletionDate) { %>
|
||||
<span class="icon is-small has-tooltip-right" data-tooltip="Completed">
|
||||
<i class="fas fa-check" aria-label="Completed"></i>
|
||||
</span>
|
||||
<% } else { %>
|
||||
<span class="icon is-small has-tooltip-right" data-tooltip="Incomplete">
|
||||
<i class="far fa-square" aria-label="Incomplete"></i>
|
||||
</span>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<% if (workOrderPrints.length > 0) { %>
|
||||
<span class="is-pulled-right">
|
||||
|
|
@ -38,7 +55,7 @@
|
|||
<% } %>
|
||||
<span class="is-size-7">
|
||||
<a href="<%= urlPrefix %>/workOrders/<%= milestone.workOrderId %>">
|
||||
<i class="fas fa-hard-hat" aria-label="Work Order"></i> <%= milestone.workOrderNumber %>
|
||||
<i class="fas fa-circle" data-work-order-number="<%= milestone.workOrderNumber %>" aria-label="Work Order"></i> <%= milestone.workOrderNumber %>
|
||||
</a><br />
|
||||
<%
|
||||
if (milestone.workOrderLots.length > 0) {
|
||||
|
|
@ -366,6 +383,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<%- include('_footerA'); -%>
|
||||
|
||||
<script src="<%= urlPrefix %>/javascripts/dashboard.min.js"></script>
|
||||
|
||||
<%- include('_footerB'); -%>
|
||||
Loading…
Reference in New Issue