ultravisor 1.0.0 → 1.0.2

package/webinterface/source/views/PictView-Ultravisor-BottomBar.js

@@ -0,0 +1,65 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Ultravisor-BottomBar",
+
+	DefaultRenderable: "Ultravisor-BottomBar-Content",
+	DefaultDestinationAddress: "#Ultravisor-BottomBar-Container",
+
+	AutoRender: false,
+
+	CSS: /*css*/`
+		.ultravisor-bottombar {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background-color: #0f3460;
+			color: #607d8b;
+			padding: 0.75em 1.5em;
+			font-size: 0.8em;
+			border-top: 1px solid #1a4a7a;
+		}
+		.ultravisor-bottombar a {
+			color: #4fc3f7;
+			text-decoration: none;
+		}
+		.ultravisor-bottombar a:hover {
+			color: #81d4fa;
+		}
+	`,
+
+	Templates:
+	[
+		{
+			Hash: "Ultravisor-BottomBar-Template",
+			Template: /*html*/`
+<div class="ultravisor-bottombar">
+	Ultravisor Task Server &middot; Retold
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Ultravisor-BottomBar-Content",
+			TemplateHash: "Ultravisor-BottomBar-Template",
+			DestinationAddress: "#Ultravisor-BottomBar-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class UltravisorBottomBarView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+}
+
+module.exports = UltravisorBottomBarView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/webinterface/source/views/PictView-Ultravisor-Dashboard.js

@@ -0,0 +1,236 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Ultravisor-Dashboard",
+
+	DefaultRenderable: "Ultravisor-Dashboard-Content",
+	DefaultDestinationAddress: "#Ultravisor-Content-Container",
+
+	AutoRender: false,
+
+	CSS: /*css*/`
+		.ultravisor-dashboard {
+			padding: 2em;
+			max-width: 1200px;
+			margin: 0 auto;
+		}
+		.ultravisor-dashboard-header {
+			margin: 0 0 1.5em 0;
+			padding-bottom: 1em;
+			border-bottom: 1px solid #2a2a4a;
+		}
+		.ultravisor-dashboard-header h1 {
+			margin: 0 0 0.25em 0;
+			font-size: 2em;
+			font-weight: 300;
+			color: #e0e0e0;
+		}
+		.ultravisor-dashboard-header p {
+			margin: 0;
+			color: #78909c;
+			font-size: 1.1em;
+		}
+		.ultravisor-dashboard-cards {
+			display: grid;
+			grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+			gap: 1.25em;
+			margin-bottom: 2em;
+		}
+		.ultravisor-stat-card {
+			background: #16213e;
+			border: 1px solid #2a2a4a;
+			border-radius: 8px;
+			padding: 1.25em;
+			transition: border-color 0.2s;
+		}
+		.ultravisor-stat-card:hover {
+			border-color: #4fc3f7;
+		}
+		.ultravisor-stat-card-label {
+			font-size: 0.8em;
+			color: #78909c;
+			text-transform: uppercase;
+			letter-spacing: 0.05em;
+			margin-bottom: 0.5em;
+		}
+		.ultravisor-stat-card-value {
+			font-size: 2em;
+			font-weight: 600;
+			color: #4fc3f7;
+		}
+		.ultravisor-stat-card-value.running {
+			color: #66bb6a;
+		}
+		.ultravisor-stat-card-value.stopped {
+			color: #ef5350;
+		}
+		.ultravisor-dashboard-actions {
+			display: flex;
+			gap: 0.75em;
+			margin-top: 1.5em;
+		}
+		.ultravisor-btn {
+			padding: 0.6em 1.25em;
+			border-radius: 4px;
+			font-size: 0.9em;
+			cursor: pointer;
+			border: none;
+			transition: background-color 0.15s;
+		}
+		.ultravisor-btn-primary {
+			background-color: #4fc3f7;
+			color: #0f3460;
+			font-weight: 600;
+		}
+		.ultravisor-btn-primary:hover {
+			background-color: #81d4fa;
+		}
+		.ultravisor-btn-danger {
+			background-color: #ef5350;
+			color: #fff;
+			font-weight: 600;
+		}
+		.ultravisor-btn-danger:hover {
+			background-color: #e53935;
+		}
+		.ultravisor-btn-secondary {
+			background-color: #37474f;
+			color: #e0e0e0;
+		}
+		.ultravisor-btn-secondary:hover {
+			background-color: #455a64;
+		}
+		.ultravisor-dashboard-section-title {
+			font-size: 1.1em;
+			font-weight: 600;
+			color: #b0bec5;
+			margin: 2em 0 1em 0;
+			padding-bottom: 0.5em;
+			border-bottom: 1px solid #2a2a4a;
+		}
+	`,
+
+	Templates:
+	[
+		{
+			Hash: "Ultravisor-Dashboard-Template",
+			Template: /*html*/`
+<div class="ultravisor-dashboard">
+	<div class="ultravisor-dashboard-header">
+		<h1>Dashboard</h1>
+		<p>Ultravisor task server status and quick actions.</p>
+	</div>
+	<div class="ultravisor-dashboard-cards" id="Ultravisor-Dashboard-Cards"></div>
+	<div class="ultravisor-dashboard-section-title">Schedule Control</div>
+	<div class="ultravisor-dashboard-actions" id="Ultravisor-Dashboard-Actions"></div>
+</div>
+`
+		},
+		{
+			Hash: "Ultravisor-Dashboard-Cards-Template",
+			Template: /*html*/`
+<div class="ultravisor-stat-card">
+	<div class="ultravisor-stat-card-label">Server Status</div>
+	<div class="ultravisor-stat-card-value" id="Ultravisor-Dashboard-StatusValue">{~D:AppData.Ultravisor.ServerStatus.Status~}</div>
+</div>
+<div class="ultravisor-stat-card">
+	<div class="ultravisor-stat-card-label">Tasks</div>
+	<div class="ultravisor-stat-card-value" id="Ultravisor-Dashboard-TaskCount">--</div>
+</div>
+<div class="ultravisor-stat-card">
+	<div class="ultravisor-stat-card-label">Operations</div>
+	<div class="ultravisor-stat-card-value" id="Ultravisor-Dashboard-OperationCount">--</div>
+</div>
+<div class="ultravisor-stat-card">
+	<div class="ultravisor-stat-card-label">Schedule Entries</div>
+	<div class="ultravisor-stat-card-value">{~D:AppData.Ultravisor.ServerStatus.ScheduleEntries~}</div>
+</div>
+<div class="ultravisor-stat-card">
+	<div class="ultravisor-stat-card-label">Schedule Running</div>
+	<div class="ultravisor-stat-card-value" id="Ultravisor-Dashboard-ScheduleRunning">--</div>
+</div>
+`
+		},
+		{
+			Hash: "Ultravisor-Dashboard-Actions-Template",
+			Template: /*html*/`
+<button class="ultravisor-btn ultravisor-btn-primary" onclick="{~P~}.PictApplication.startSchedule(function(){ {~P~}.PictApplication.showView('Ultravisor-Dashboard'); })">Start Schedule</button>
+<button class="ultravisor-btn ultravisor-btn-danger" onclick="{~P~}.PictApplication.stopSchedule(function(){ {~P~}.PictApplication.showView('Ultravisor-Dashboard'); })">Stop Schedule</button>
+<button class="ultravisor-btn ultravisor-btn-secondary" onclick="{~P~}.PictApplication.showView('Ultravisor-Dashboard')">Refresh</button>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Ultravisor-Dashboard-Content",
+			TemplateHash: "Ultravisor-Dashboard-Template",
+			DestinationAddress: "#Ultravisor-Content-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class UltravisorDashboardView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		let tmpApp = this.pict.PictApplication;
+
+		// Load status, tasks, operations, and schedule counts
+		tmpApp.loadStatus(
+			function ()
+			{
+				let tmpCardsHTML = this.pict.parseTemplateByHash('Ultravisor-Dashboard-Cards-Template', {}, null, this.pict);
+				this.pict.ContentAssignment.assignContent('#Ultravisor-Dashboard-Cards', tmpCardsHTML);
+
+				let tmpActionsHTML = this.pict.parseTemplateByHash('Ultravisor-Dashboard-Actions-Template', {}, null, this.pict);
+				this.pict.ContentAssignment.assignContent('#Ultravisor-Dashboard-Actions', tmpActionsHTML);
+
+				// Update schedule running indicator
+				let tmpRunning = this.pict.AppData.Ultravisor.ServerStatus.ScheduleRunning;
+				let tmpRunEl = document.getElementById('Ultravisor-Dashboard-ScheduleRunning');
+				if (tmpRunEl)
+				{
+					tmpRunEl.textContent = tmpRunning ? 'Yes' : 'No';
+					tmpRunEl.className = 'ultravisor-stat-card-value ' + (tmpRunning ? 'running' : 'stopped');
+				}
+
+				// Load task count
+				tmpApp.loadTasks(
+					function ()
+					{
+						let tmpCountEl = document.getElementById('Ultravisor-Dashboard-TaskCount');
+						if (tmpCountEl)
+						{
+							tmpCountEl.textContent = this.pict.AppData.Ultravisor.TaskList.length;
+						}
+					}.bind(this));
+
+				// Load operation count
+				tmpApp.loadOperations(
+					function ()
+					{
+						let tmpCountEl = document.getElementById('Ultravisor-Dashboard-OperationCount');
+						if (tmpCountEl)
+						{
+							tmpCountEl.textContent = this.pict.AppData.Ultravisor.OperationList.length;
+						}
+					}.bind(this));
+
+			}.bind(this));
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+}
+
+module.exports = UltravisorDashboardView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/webinterface/source/views/PictView-Ultravisor-Layout.js

@@ -0,0 +1,83 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Ultravisor-Layout",
+
+	DefaultRenderable: "Ultravisor-Layout-Shell",
+	DefaultDestinationAddress: "#Ultravisor-Application-Container",
+
+	AutoRender: false,
+
+	CSS: /*css*/`
+		#Ultravisor-Application-Container {
+			display: flex;
+			flex-direction: column;
+			min-height: 100vh;
+		}
+		#Ultravisor-TopBar-Container {
+			flex-shrink: 0;
+		}
+		#Ultravisor-Content-Container {
+			flex: 1;
+		}
+		#Ultravisor-BottomBar-Container {
+			flex-shrink: 0;
+		}
+	`,
+
+	Templates:
+	[
+		{
+			Hash: "Ultravisor-Layout-Shell-Template",
+			Template: /*html*/`
+<div id="Ultravisor-TopBar-Container"></div>
+<div id="Ultravisor-Content-Container"></div>
+<div id="Ultravisor-BottomBar-Container"></div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Ultravisor-Layout-Shell",
+			TemplateHash: "Ultravisor-Layout-Shell-Template",
+			DestinationAddress: "#Ultravisor-Application-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class UltravisorLayoutView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		// After the layout shell is rendered, render the child views into their containers
+		this.pict.views['Ultravisor-TopBar'].render();
+		this.pict.views['Ultravisor-BottomBar'].render();
+
+		// Render initial content -- the dashboard by default
+		this.pict.views['Ultravisor-Dashboard'].render();
+
+		// Inject all view CSS into the PICT-CSS style element
+		this.pict.CSSMap.injectCSS();
+
+		// Now resolve the router so it picks up the current hash URL
+		if (this.pict.providers.PictRouter)
+		{
+			this.pict.providers.PictRouter.resolve();
+		}
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+}
+
+module.exports = UltravisorLayoutView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/webinterface/source/views/PictView-Ultravisor-ManifestList.js

@@ -0,0 +1,273 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Ultravisor-ManifestList",
+
+	DefaultRenderable: "Ultravisor-ManifestList-Content",
+	DefaultDestinationAddress: "#Ultravisor-Content-Container",
+
+	AutoRender: false,
+
+	CSS: /*css*/`
+		.ultravisor-manifestlist {
+			padding: 2em;
+			max-width: 1200px;
+			margin: 0 auto;
+		}
+		.ultravisor-manifestlist-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 1.5em;
+			padding-bottom: 1em;
+			border-bottom: 1px solid #2a2a4a;
+		}
+		.ultravisor-manifestlist-header h1 {
+			margin: 0;
+			font-size: 2em;
+			font-weight: 300;
+			color: #e0e0e0;
+		}
+		.ultravisor-manifest-table {
+			width: 100%;
+			border-collapse: collapse;
+		}
+		.ultravisor-manifest-table th {
+			background-color: #16213e;
+		}
+		.ultravisor-manifest-table tr:hover td {
+			background-color: #1a2744;
+		}
+		.ultravisor-manifest-status {
+			display: inline-block;
+			padding: 0.15em 0.5em;
+			border-radius: 3px;
+			font-size: 0.8em;
+			font-weight: 600;
+		}
+		.ultravisor-manifest-status.complete {
+			background-color: #2e7d32;
+			color: #c8e6c9;
+		}
+		.ultravisor-manifest-status.running {
+			background-color: #1565c0;
+			color: #bbdefb;
+		}
+		.ultravisor-manifest-status.error {
+			background-color: #c62828;
+			color: #ffcdd2;
+		}
+		.ultravisor-manifest-detail {
+			background: #16213e;
+			border: 1px solid #2a2a4a;
+			border-radius: 8px;
+			padding: 1.5em;
+			margin-top: 1em;
+			display: none;
+		}
+		.ultravisor-manifest-detail.visible {
+			display: block;
+		}
+		.ultravisor-manifest-detail h3 {
+			margin: 0 0 1em 0;
+			color: #b0bec5;
+		}
+		.ultravisor-manifest-task-result {
+			background: #1a1a2e;
+			border-radius: 4px;
+			padding: 0.75em;
+			margin-bottom: 0.5em;
+		}
+		.ultravisor-manifest-task-result-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 0.5em;
+		}
+		.ultravisor-manifest-task-result-header code {
+			color: #4fc3f7;
+		}
+		.ultravisor-manifest-output {
+			background: #0d1117;
+			color: #c9d1d9;
+			border-radius: 4px;
+			padding: 0.75em;
+			font-family: monospace;
+			font-size: 0.85em;
+			white-space: pre-wrap;
+			word-break: break-all;
+			max-height: 200px;
+			overflow-y: auto;
+			margin-top: 0.5em;
+		}
+		.ultravisor-manifest-success-true {
+			color: #66bb6a;
+		}
+		.ultravisor-manifest-success-false {
+			color: #ef5350;
+		}
+	`,
+
+	Templates:
+	[
+		{
+			Hash: "Ultravisor-ManifestList-Template",
+			Template: /*html*/`
+<div class="ultravisor-manifestlist">
+	<div class="ultravisor-manifestlist-header">
+		<h1>Execution Manifests</h1>
+		<button class="ultravisor-btn ultravisor-btn-secondary" onclick="{~P~}.PictApplication.showView('Ultravisor-ManifestList')">Refresh</button>
+	</div>
+	<div id="Ultravisor-ManifestList-Body"></div>
+	<div id="Ultravisor-ManifestList-Detail"></div>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Ultravisor-ManifestList-Content",
+			TemplateHash: "Ultravisor-ManifestList-Template",
+			DestinationAddress: "#Ultravisor-Content-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class UltravisorManifestListView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		this.pict.PictApplication.loadManifests(
+			function ()
+			{
+				this.renderManifestTable();
+			}.bind(this));
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+
+	renderManifestTable()
+	{
+		let tmpManifests = this.pict.AppData.Ultravisor.Manifests;
+		let tmpGlobalRef = '_Pict';
+		let tmpViewRef = tmpGlobalRef + ".views['Ultravisor-ManifestList']";
+
+		if (!tmpManifests || tmpManifests.length === 0)
+		{
+			this.pict.ContentAssignment.assignContent('#Ultravisor-ManifestList-Body',
+				'<div class="ultravisor-empty-message">No execution manifests recorded yet. Execute a task or operation to see results here.</div>');
+			return;
+		}
+
+		let tmpHTML = '<table class="ultravisor-manifest-table">';
+		tmpHTML += '<thead><tr><th>Run GUID</th><th>Operation</th><th>Status</th><th>Success</th><th>Started</th><th>Actions</th></tr></thead>';
+		tmpHTML += '<tbody>';
+
+		for (let i = 0; i < tmpManifests.length; i++)
+		{
+			let tmpManifest = tmpManifests[i];
+			let tmpGUIDRun = tmpManifest.GUIDRun || '';
+			let tmpEscGUID = tmpGUIDRun.replace(/'/g, "\\'");
+			let tmpStatus = tmpManifest.Status || 'Unknown';
+			let tmpStatusClass = tmpStatus.toLowerCase();
+			if (tmpStatusClass !== 'complete' && tmpStatusClass !== 'running' && tmpStatusClass !== 'error')
+			{
+				tmpStatusClass = '';
+			}
+
+			tmpHTML += '<tr>';
+			tmpHTML += '<td><code style="font-size:0.8em;">' + tmpGUIDRun + '</code></td>';
+			tmpHTML += '<td>' + (tmpManifest.Name || tmpManifest.GUIDOperation || '') + '</td>';
+			tmpHTML += '<td><span class="ultravisor-manifest-status ' + tmpStatusClass + '">' + tmpStatus + '</span></td>';
+			tmpHTML += '<td><span class="ultravisor-manifest-success-' + (tmpManifest.Success ? 'true' : 'false') + '">' + (tmpManifest.Success ? 'Yes' : 'No') + '</span></td>';
+			tmpHTML += '<td>' + (tmpManifest.StartTime || '') + '</td>';
+			tmpHTML += '<td><button class="ultravisor-btn-sm ultravisor-btn-edit" onclick="' + tmpViewRef + '.showManifestDetail(\'' + tmpEscGUID + '\')">Details</button></td>';
+			tmpHTML += '</tr>';
+		}
+
+		tmpHTML += '</tbody></table>';
+		this.pict.ContentAssignment.assignContent('#Ultravisor-ManifestList-Body', tmpHTML);
+	}
+
+	showManifestDetail(pGUIDRun)
+	{
+		this.pict.PictApplication.loadManifest(pGUIDRun,
+			function (pError, pManifest)
+			{
+				if (pError || !pManifest)
+				{
+					this.pict.ContentAssignment.assignContent('#Ultravisor-ManifestList-Detail',
+						'<div class="ultravisor-manifest-detail visible"><p style="color:#ef5350;">Error loading manifest details.</p></div>');
+					return;
+				}
+
+				let tmpHTML = '<div class="ultravisor-manifest-detail visible">';
+				tmpHTML += '<h3>Run: ' + (pManifest.GUIDRun || '') + '</h3>';
+				tmpHTML += '<p><strong>Operation:</strong> ' + (pManifest.Name || pManifest.GUIDOperation || '') + '</p>';
+				tmpHTML += '<p><strong>Status:</strong> ' + (pManifest.Status || '') + ' &middot; <strong>Success:</strong> ' + (pManifest.Success ? 'Yes' : 'No') + '</p>';
+				tmpHTML += '<p><strong>Start:</strong> ' + (pManifest.StartTime || '') + ' &middot; <strong>Stop:</strong> ' + (pManifest.StopTime || '') + '</p>';
+
+				if (pManifest.Summary)
+				{
+					tmpHTML += '<p><strong>Summary:</strong> ' + this.escapeHTML(pManifest.Summary) + '</p>';
+				}
+
+				// Task results
+				let tmpTaskResults = pManifest.TaskResults || [];
+				if (tmpTaskResults.length > 0)
+				{
+					tmpHTML += '<h3>Task Results</h3>';
+					for (let i = 0; i < tmpTaskResults.length; i++)
+					{
+						let tmpResult = tmpTaskResults[i];
+						tmpHTML += '<div class="ultravisor-manifest-task-result">';
+						tmpHTML += '<div class="ultravisor-manifest-task-result-header">';
+						tmpHTML += '<code>' + (tmpResult.GUIDTask || '') + '</code>';
+						tmpHTML += '<span class="ultravisor-manifest-status ' + (tmpResult.Status || '').toLowerCase() + '">' + (tmpResult.Status || '') + '</span>';
+						tmpHTML += '</div>';
+						tmpHTML += '<p style="margin:0.25em 0; font-size:0.85em; color:#78909c;">' + (tmpResult.Name || '') + ' (' + (tmpResult.Type || '') + ')</p>';
+
+						if (tmpResult.Output)
+						{
+							tmpHTML += '<div class="ultravisor-manifest-output">' + this.escapeHTML(String(tmpResult.Output)) + '</div>';
+						}
+
+						if (tmpResult.Log && tmpResult.Log.length > 0)
+						{
+							tmpHTML += '<div class="ultravisor-manifest-output">' + this.escapeHTML(tmpResult.Log.join('\n')) + '</div>';
+						}
+						tmpHTML += '</div>';
+					}
+				}
+
+				// Operation log
+				if (pManifest.Log && pManifest.Log.length > 0)
+				{
+					tmpHTML += '<h3>Operation Log</h3>';
+					tmpHTML += '<div class="ultravisor-manifest-output">' + this.escapeHTML(pManifest.Log.join('\n')) + '</div>';
+				}
+
+				tmpHTML += '</div>';
+				this.pict.ContentAssignment.assignContent('#Ultravisor-ManifestList-Detail', tmpHTML);
+			}.bind(this));
+	}
+
+	escapeHTML(pValue)
+	{
+		if (!pValue) return '';
+		return String(pValue).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+	}
+}
+
+module.exports = UltravisorManifestListView;
+
+module.exports.default_configuration = _ViewConfiguration;