jaredandClaude Fable 5.1
cbb91a306d
- Vendor web_template base.css/base.js (v1.2 bbec859) under public/web_template with sync script - Add views/layout.ejs (fixed upstream EJS comment delimiters, mobile drawer, cmd palette, keys help, WS status, theme toggle) and lib/render.js two-step renderer - Add page routes for /, /workers, /workflows, /executions, /quick, /scheduler (stub views) - helmet with strict nonce CSP (script-src-attr 'none'), /csp-report, report-only toggle - lib/pageauth.js: shared users upsert + HTML 401/403 for page routes - PULSE_DEV_READONLY guard disabling background writers for local testing - public/assets/app.js shared runtime (Pulse namespace, delegated actions, WS singleton, themed confirm modal) and app.css - eslint globals for browser files; ignore vendored assets Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01HamVMDrA8RqhyxmUHgiqRp
126 lines
6.0 KiB
Plaintext
126 lines
6.0 KiB
Plaintext
<%#
|
|
Workflows page (WP-D).
|
|
Locals: user, nonce, pageTitle, activeNav, assetVersion, pageConfig.
|
|
All data comes from /api/workflows*; pageConfig only carries the example
|
|
definition JSON used to pre-fill the Create modal.
|
|
%>
|
|
<%- include('../partials/page-header', {
|
|
title: 'Workflows',
|
|
subtitle: 'Reusable multi-step jobs run against one or more workers.',
|
|
actions:
|
|
'<button type="button" class="lt-btn lt-btn-secondary" data-action="app:refresh">Refresh</button>' +
|
|
'<button type="button" class="lt-btn lt-btn-primary" data-action="wf:create-open">+ Create Workflow</button>'
|
|
}) %>
|
|
|
|
<div class="lt-frame">
|
|
<div class="lt-section-header">Workflows</div>
|
|
<div class="lt-section-body" id="wf-list">
|
|
<div class="lt-empty-state">
|
|
<div class="lt-empty-state-icon">⚙</div>
|
|
<div class="lt-empty-state-title">Loading workflows…</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Create Workflow Modal -->
|
|
<div class="lt-modal-overlay" id="wf-create-modal" aria-hidden="true" role="dialog"
|
|
aria-modal="true" aria-labelledby="wf-create-modal-title">
|
|
<div class="lt-modal lt-modal-lg">
|
|
<div class="lt-modal-header">
|
|
<span class="lt-modal-title" id="wf-create-modal-title">Create Workflow</span>
|
|
<button type="button" class="lt-modal-close" data-modal-close aria-label="Close">✕</button>
|
|
</div>
|
|
<form id="wf-create-form" data-submit-action="wf:create-submit">
|
|
<div class="lt-modal-body">
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-create-name">Name</label>
|
|
<input type="text" id="wf-create-name" name="name" class="lt-input" required placeholder="Workflow Name" autocomplete="off">
|
|
</div>
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-create-description">Description</label>
|
|
<textarea id="wf-create-description" name="description" class="lt-textarea" placeholder="Description"></textarea>
|
|
</div>
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-create-definition">Definition (JSON)</label>
|
|
<textarea id="wf-create-definition" name="definition" class="lt-textarea wf-json-textarea" required></textarea>
|
|
<span class="lt-field-hint">Steps run in order against the selected targets.</span>
|
|
</div>
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-create-webhook">Webhook URL (optional)</label>
|
|
<input type="url" id="wf-create-webhook" name="webhook_url" class="lt-input" placeholder="https://example.com/webhook">
|
|
</div>
|
|
<div class="lt-field-error" id="wf-create-error" hidden></div>
|
|
</div>
|
|
<div class="lt-modal-footer">
|
|
<button type="submit" class="lt-btn lt-btn-primary">Create</button>
|
|
<button type="button" class="lt-btn lt-btn-ghost" data-modal-close>Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Workflow Modal (admin) -->
|
|
<div class="lt-modal-overlay" id="wf-edit-modal" aria-hidden="true" role="dialog"
|
|
aria-modal="true" aria-labelledby="wf-edit-modal-title">
|
|
<div class="lt-modal lt-modal-lg">
|
|
<div class="lt-modal-header">
|
|
<span class="lt-modal-title" id="wf-edit-modal-title">Edit Workflow</span>
|
|
<button type="button" class="lt-modal-close" data-modal-close aria-label="Close">✕</button>
|
|
</div>
|
|
<form id="wf-edit-form" data-submit-action="wf:edit-submit">
|
|
<input type="hidden" id="wf-edit-id" name="id">
|
|
<div class="lt-modal-body">
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-edit-name">Name</label>
|
|
<input type="text" id="wf-edit-name" name="name" class="lt-input" required placeholder="Workflow Name" autocomplete="off">
|
|
</div>
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-edit-description">Description</label>
|
|
<textarea id="wf-edit-description" name="description" class="lt-textarea" placeholder="Description"></textarea>
|
|
</div>
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-edit-definition">Definition (JSON)</label>
|
|
<textarea id="wf-edit-definition" name="definition" class="lt-textarea wf-json-textarea wf-json-textarea-lg" required></textarea>
|
|
</div>
|
|
<div class="lt-form-group">
|
|
<label class="lt-label" for="wf-edit-webhook">Webhook URL (optional)</label>
|
|
<input type="url" id="wf-edit-webhook" name="webhook_url" class="lt-input" placeholder="https://example.com/webhook">
|
|
</div>
|
|
<div class="lt-field-error" id="wf-edit-error" hidden></div>
|
|
</div>
|
|
<div class="lt-modal-footer">
|
|
<button type="submit" class="lt-btn lt-btn-primary">Save</button>
|
|
<button type="button" class="lt-btn lt-btn-ghost" data-modal-close>Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Run Workflow Modal (execute, with optional params + dry run) -->
|
|
<div class="lt-modal-overlay" id="wf-run-modal" aria-hidden="true" role="dialog"
|
|
aria-modal="true" aria-labelledby="wf-run-modal-title">
|
|
<div class="lt-modal lt-modal-sm">
|
|
<div class="lt-modal-header">
|
|
<span class="lt-modal-title" id="wf-run-modal-title">Run Workflow</span>
|
|
<button type="button" class="lt-modal-close" data-modal-close aria-label="Close">✕</button>
|
|
</div>
|
|
<form id="wf-run-form" data-submit-action="wf:param-submit">
|
|
<input type="hidden" id="wf-run-workflow-id" name="workflow_id">
|
|
<div class="lt-modal-body">
|
|
<p class="lt-text-sm" id="wf-run-name"></p>
|
|
<div id="wf-run-params"></div>
|
|
<div class="lt-form-group">
|
|
<label class="wf-checkbox-label">
|
|
<input type="checkbox" id="wf-run-dryrun" class="lt-checkbox">
|
|
Dry Run (simulate, no commands executed)
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="lt-modal-footer">
|
|
<button type="submit" class="lt-btn lt-btn-primary">▶ Run</button>
|
|
<button type="button" class="lt-btn lt-btn-ghost" data-modal-close>Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|