88346d8244
Show workers with their status, and allow clicking on a worker to activate it and show its details (which currently is limited to just its ID). Does include Vue Router handling of the active worker ID and CSS classes for worker statuses. This basically copies the `JobsTable` component to `workers/WorkersTable`. The intention is that all the jobs-specific components will move into a `jobs` subdirectory at some point.
19 lines
780 B
JavaScript
19 lines
780 B
JavaScript
import { toTitleCase } from '@/strings';
|
|
|
|
/**
|
|
* Construct HTML for a certain job/task status.
|
|
*
|
|
* This function is implemented here as JavaScript, because we don't know how to
|
|
* get Tabulator to use Vue components in cells.
|
|
*
|
|
* @param {string} status The job/task status. Assumed to only consist of
|
|
* letters and dashes, HTML-safe, and valid as a CSS class name.
|
|
* @param {string} classNamePrefix optional prefix used for the class name
|
|
* @returns the HTML for the status indicator.
|
|
*/
|
|
export function indicator(status, classNamePrefix) {
|
|
const label = toTitleCase(status);
|
|
if (!classNamePrefix) classNamePrefix = ""; // force an empty string for any false value.
|
|
return `<span title="${label}" class="indicator ${classNamePrefix}status-${status}"></span>`;
|
|
}
|