retold-facto 0.0.4

package/source/services/web-app/pict-app-full/views/PictView-Facto-Full-Datasets.js

@@ -0,0 +1,178 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-Datasets",
+
+	DefaultRenderable: "Facto-Full-Datasets-Content",
+	DefaultDestinationAddress: "#Facto-Full-Content-Container",
+
+	AutoRender: false,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-Datasets-Template",
+			Template: /*html*/`
+<div class="facto-content">
+	<div class="facto-content-header">
+		<h1>Data Sets</h1>
+		<p>Manage datasets and their configurations.</p>
+	</div>
+
+	<div id="Facto-Full-Datasets-List"></div>
+	<div id="Facto-Full-Datasets-Stats" style="display:none; margin-top:1.25em; padding-top:1.25em; border-top:1px solid var(--facto-border-subtle);"></div>
+
+	<div class="facto-section" style="margin-top:2em;">
+		<div class="facto-section-title">Add Dataset</div>
+		<div class="facto-inline-group">
+			<div>
+				<label>Name</label>
+				<input type="text" id="Facto-Full-Dataset-Name" placeholder="Dataset name">
+			</div>
+			<div>
+				<label>Type</label>
+				<select id="Facto-Full-Dataset-Type">
+					<option value="Raw">Raw</option>
+					<option value="Compositional">Compositional</option>
+					<option value="Projection">Projection</option>
+					<option value="Derived">Derived</option>
+				</select>
+			</div>
+			<div>
+				<label>Description</label>
+				<input type="text" id="Facto-Full-Dataset-Desc" placeholder="Description">
+			</div>
+		</div>
+		<button class="facto-btn facto-btn-primary" onclick="{~P~}.views['Facto-Full-Datasets'].addDataset()">Add Dataset</button>
+	</div>
+
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-Datasets-Content",
+			TemplateHash: "Facto-Full-Datasets-Template",
+			DestinationAddress: "#Facto-Full-Content-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class FactoFullDatasetsView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		this.pict.providers.Facto.loadDatasets().then(
+			() => { this.refreshList(); }).catch(
+			(pError) =>
+			{
+				this.pict.views['Pict-Section-Modal'].toast('Error loading datasets: ' + pError.message, {type: 'error'});
+			});
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+
+
+
+	refreshList()
+	{
+		let tmpContainer = document.getElementById('Facto-Full-Datasets-List');
+		if (!tmpContainer) return;
+
+		let tmpDatasets = this.pict.AppData.Facto.Datasets;
+		if (!tmpDatasets || tmpDatasets.length === 0)
+		{
+			tmpContainer.innerHTML = '<div class="facto-empty">No datasets yet. Add one below or provision from Source Research.</div>';
+			return;
+		}
+
+		let tmpHtml = '<table><thead><tr><th>ID</th><th>Hash</th><th>Name</th><th>Type</th><th>Description</th><th>Version Policy</th><th>Actions</th></tr></thead><tbody>';
+		for (let i = 0; i < tmpDatasets.length; i++)
+		{
+			let tmpDS = tmpDatasets[i];
+			let tmpTypeBadge = 'facto-badge-primary';
+			if (tmpDS.Type === 'Projection') tmpTypeBadge = 'facto-badge-warning';
+			else if (tmpDS.Type === 'Derived') tmpTypeBadge = 'facto-badge-muted';
+
+			tmpHtml += '<tr>';
+			tmpHtml += '<td>' + (tmpDS.IDDataset || '') + '</td>';
+			tmpHtml += '<td><code>' + (tmpDS.Hash || '-') + '</code></td>';
+			tmpHtml += '<td>' + (tmpDS.Name || '') + '</td>';
+			tmpHtml += '<td><span class="facto-badge ' + tmpTypeBadge + '">' + (tmpDS.Type || '') + '</span></td>';
+			tmpHtml += '<td>' + (tmpDS.Description || '') + '</td>';
+			tmpHtml += '<td>' + (tmpDS.VersionPolicy || 'Append') + '</td>';
+			tmpHtml += '<td><button class="facto-btn facto-btn-secondary facto-btn-small" onclick="pict.views[\'Facto-Full-Datasets\'].viewStats(' + tmpDS.IDDataset + ')">Stats</button></td>';
+			tmpHtml += '</tr>';
+		}
+		tmpHtml += '</tbody></table>';
+		tmpContainer.innerHTML = tmpHtml;
+	}
+
+	viewStats(pIDDataset)
+	{
+		let tmpStatsContainer = document.getElementById('Facto-Full-Datasets-Stats');
+		if (!tmpStatsContainer) return;
+		tmpStatsContainer.style.display = 'block';
+		tmpStatsContainer.innerHTML = '<p style="color:var(--facto-text-secondary);">Loading stats for Dataset #' + pIDDataset + '...</p>';
+
+		this.pict.providers.Facto.loadDatasetStats(pIDDataset).then(
+			(pResponse) =>
+			{
+				if (pResponse)
+				{
+					let tmpHtml = '<h3>Dataset #' + pIDDataset + ' Statistics</h3>';
+					tmpHtml += '<div class="facto-card-grid" style="margin-top:0.75em;">';
+					tmpHtml += '<div class="facto-card facto-dashboard-stat"><div class="facto-dashboard-stat-value">' + (pResponse.RecordCount || 0) + '</div><div class="facto-dashboard-stat-label">Records</div></div>';
+					tmpHtml += '<div class="facto-card facto-dashboard-stat"><div class="facto-dashboard-stat-value">' + (pResponse.SourceCount || 0) + '</div><div class="facto-dashboard-stat-label">Sources</div></div>';
+					tmpHtml += '<div class="facto-card facto-dashboard-stat"><div class="facto-dashboard-stat-value">' + (pResponse.CurrentVersion || 0) + '</div><div class="facto-dashboard-stat-label">Current Version</div></div>';
+					tmpHtml += '</div>';
+					tmpHtml += '<div style="margin-top:0.75em;"><button class="facto-btn facto-btn-secondary" onclick="document.getElementById(\'Facto-Full-Datasets-Stats\').style.display=\'none\'">Close</button></div>';
+					tmpStatsContainer.innerHTML = tmpHtml;
+				}
+			});
+	}
+
+	addDataset()
+	{
+		let tmpName = this.pict.providers.FactoUI.getVal('Facto-Full-Dataset-Name');
+		let tmpType = this.pict.providers.FactoUI.getVal('Facto-Full-Dataset-Type');
+		let tmpDesc = this.pict.providers.FactoUI.getVal('Facto-Full-Dataset-Desc');
+
+		if (!tmpName)
+		{
+			this.pict.views['Pict-Section-Modal'].toast('Dataset name is required', {type: 'warning'});
+			return;
+		}
+
+		this.pict.providers.Facto.createDataset({ Name: tmpName, Type: tmpType, Description: tmpDesc }).then(
+			(pResponse) =>
+			{
+				if (pResponse && pResponse.IDDataset)
+				{
+					this.pict.views['Pict-Section-Modal'].toast('Dataset created: ' + tmpName, {type: 'success'});
+					document.getElementById('Facto-Full-Dataset-Name').value = '';
+					document.getElementById('Facto-Full-Dataset-Desc').value = '';
+					return this.pict.providers.Facto.loadDatasets();
+				}
+				else
+				{
+					this.pict.views['Pict-Section-Modal'].toast('Error creating dataset', {type: 'error'});
+				}
+			}).then(
+			() => { this.refreshList(); });
+	}
+}
+
+module.exports = FactoFullDatasetsView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/source/services/web-app/pict-app-full/views/PictView-Facto-Full-IngestJobs.js

@@ -0,0 +1,99 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-IngestJobs",
+
+	DefaultRenderable: "Facto-Full-IngestJobs-Content",
+	DefaultDestinationAddress: "#Facto-Full-Content-Container",
+
+	AutoRender: false,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-IngestJobs-Template",
+			Template: /*html*/`
+<div class="facto-content">
+	<div class="facto-content-header">
+		<h1>Ingestion Jobs</h1>
+		<p>Monitor and manage data ingestion jobs.</p>
+	</div>
+
+	<div id="Facto-Full-IngestJobs-List"></div>
+	<div id="Facto-Full-IngestJobs-Status" class="facto-status" style="display:none;"></div>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-IngestJobs-Content",
+			TemplateHash: "Facto-Full-IngestJobs-Template",
+			DestinationAddress: "#Facto-Full-Content-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class FactoFullIngestJobsView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		this.pict.providers.Facto.loadIngestJobs().then(
+			() => { this.refreshList(); }).catch(
+			(pError) =>
+			{
+				this.pict.views['Pict-Section-Modal'].toast('Error loading ingest jobs: ' + pError.message, {type: 'error'});
+			});
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+
+	refreshList()
+	{
+		let tmpContainer = document.getElementById('Facto-Full-IngestJobs-List');
+		if (!tmpContainer) return;
+
+		let tmpJobs = this.pict.AppData.Facto.IngestJobs;
+		if (!tmpJobs || tmpJobs.length === 0)
+		{
+			tmpContainer.innerHTML = '<div class="facto-empty">No ingestion jobs yet. Jobs are created automatically when data is ingested.</div>';
+			return;
+		}
+
+		let tmpHtml = '<table><thead><tr><th>ID</th><th>Source</th><th>Dataset</th><th>Status</th><th>Version</th><th>Records</th><th>Errors</th><th>Created</th></tr></thead><tbody>';
+		for (let i = 0; i < tmpJobs.length; i++)
+		{
+			let tmpJob = tmpJobs[i];
+			let tmpStatusBadge = 'facto-badge-muted';
+			if (tmpJob.Status === 'Complete') tmpStatusBadge = 'facto-badge-success';
+			else if (tmpJob.Status === 'Running') tmpStatusBadge = 'facto-badge-primary';
+			else if (tmpJob.Status === 'Error') tmpStatusBadge = 'facto-badge-error';
+
+			tmpHtml += '<tr>';
+			tmpHtml += '<td>' + (tmpJob.IDIngestJob || '') + '</td>';
+			tmpHtml += '<td>' + (tmpJob.IDSource || '') + '</td>';
+			tmpHtml += '<td>' + (tmpJob.IDDataset || '') + '</td>';
+			tmpHtml += '<td><span class="facto-badge ' + tmpStatusBadge + '">' + (tmpJob.Status || 'Pending') + '</span></td>';
+			tmpHtml += '<td>' + (tmpJob.DatasetVersion || '') + '</td>';
+			tmpHtml += '<td>' + (tmpJob.RecordsIngested || 0) + '</td>';
+			tmpHtml += '<td>' + (tmpJob.RecordsErrored || 0) + '</td>';
+			tmpHtml += '<td>' + (tmpJob.CreatingIDUser ? new Date(tmpJob.CreateDate).toLocaleString() : (tmpJob.CreateDate || '')) + '</td>';
+			tmpHtml += '</tr>';
+		}
+		tmpHtml += '</tbody></table>';
+		tmpContainer.innerHTML = tmpHtml;
+	}
+}
+
+module.exports = FactoFullIngestJobsView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/source/services/web-app/pict-app-full/views/PictView-Facto-Full-Layout.js

@@ -0,0 +1,62 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-Layout",
+
+	DefaultRenderable: "Facto-Full-Layout-Shell",
+	DefaultDestinationAddress: "#Facto-Full-Application-Container",
+
+	AutoRender: false,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-Layout-Shell-Template",
+			Template: /*html*/`
+<div id="Facto-Full-TopBar-Container"></div>
+<div id="Facto-Full-Content-Container"></div>
+<div id="Facto-Full-BottomBar-Container"></div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-Layout-Shell",
+			TemplateHash: "Facto-Full-Layout-Shell-Template",
+			DestinationAddress: "#Facto-Full-Application-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class FactoFullLayoutView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		// Render shell views
+		this.pict.views['Facto-Full-TopBar'].render();
+		this.pict.views['Facto-Full-BottomBar'].render();
+
+		// Render the dashboard as default content.
+		// The application will call resolve() after this, which will
+		// override with the correct view if a hash route is present.
+		this.pict.views['Facto-Full-Dashboard'].render();
+
+		// Inject all view CSS into the PICT-CSS style element
+		this.pict.CSSMap.injectCSS();
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+}
+
+module.exports = FactoFullLayoutView;
+
+module.exports.default_configuration = _ViewConfiguration;

package/source/services/web-app/pict-app-full/views/PictView-Facto-Full-MappingEditor.js

@@ -0,0 +1,158 @@
+const libMeadowMappingEditorView = require('meadow-integration').MeadowMappingEditorView;
+
+// Facto-specific view configuration: same template HTML as the generic editor
+// but with 'Facto-Full-MappingEditor' in all onclick handlers so pict can
+// resolve the registered view name.  DOM IDs are the generic MeadowMap-*
+// set so inherited JS methods work without modification.
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-MappingEditor",
+
+	DefaultRenderable: "Facto-Full-MappingEditor-Content",
+	DefaultDestinationAddress: "#Facto-Proj-Mapping-Editor-Container",
+
+	AutoRender: false,
+
+	CSS: libMeadowMappingEditorView.default_configuration.CSS,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-MappingEditor-Template",
+			Template: /*html*/`
+<div>
+	<div id="MeadowMap-Editor" class="meadow-mapping-editor">
+		<div class="meadow-mapping-header">
+			<button class="meadow-mapping-btn meadow-mapping-btn-secondary meadow-mapping-btn-small" onclick="{~P~}.views['Facto-Full-MappingEditor'].closeMappingEditor()">&larr; Back</button>
+			<h3 id="MeadowMap-Title">Mapping Editor</h3>
+			<div class="meadow-schema-mode-tabs">
+				<button class="meadow-schema-mode-tab active" id="MeadowMap-Mode-Flow" onclick="{~P~}.views['Facto-Full-MappingEditor'].switchMapMode('flow')">Visual Mapper</button>
+				<button class="meadow-schema-mode-tab" id="MeadowMap-Mode-JSON" onclick="{~P~}.views['Facto-Full-MappingEditor'].switchMapMode('json')">JSON Config</button>
+			</div>
+		</div>
+
+		<div id="MeadowMap-List-Wrap">
+			<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:0.75em;">
+				<div class="meadow-section-title" style="margin:0;">Existing Mappings</div>
+				<button class="meadow-mapping-btn meadow-mapping-btn-primary meadow-mapping-btn-small" onclick="{~P~}.views['Facto-Full-MappingEditor'].newMapping()">+ New Mapping</button>
+			</div>
+			<div id="MeadowMap-List"></div>
+		</div>
+
+		<div id="MeadowMap-Detail" style="display:none;">
+			<div style="display:flex; gap:0.5em; align-items:center; margin-bottom:0.75em;">
+				<label style="font-size:0.78em; font-weight:600;">Mapping Name</label>
+				<input type="text" id="MeadowMap-Name" placeholder="Mapping name" style="flex:1; padding:0.3em 0.5em; font-size:0.85em; border:1px solid var(--facto-border); border-radius:4px; background:var(--facto-bg-input); color:var(--facto-text);">
+			</div>
+
+			<div style="display:flex; gap:0.5em; align-items:center; margin-bottom:0.75em;">
+				<label style="font-size:0.78em; font-weight:600;">Source</label>
+				<select id="MeadowMap-Source" style="flex:1; padding:0.3em 0.5em; font-size:0.85em; border:1px solid var(--facto-border); border-radius:4px;"></select>
+				<button class="meadow-mapping-btn meadow-mapping-btn-secondary meadow-mapping-btn-small" onclick="{~P~}.views['Facto-Full-MappingEditor'].discoverSourceFields()">Discover Fields</button>
+			</div>
+
+			<div id="MeadowMap-Flow-Wrap">
+				<div id="MeadowMap-Flow-Container" class="meadow-flow-container"></div>
+			</div>
+
+			<div id="MeadowMap-JSON-Wrap" style="display:none;">
+				<textarea class="meadow-mapping-json-editor" id="MeadowMap-JSON" placeholder='{"Entity":"MyTable","GUIDTemplate":"{~D:Record.IDRecord~}","Mappings":{},"Solvers":[],"ManyfestAddresses":false}'></textarea>
+			</div>
+
+			<div style="margin-top:0.75em;">
+				<div style="font-size:0.72em; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; color:var(--facto-text-tertiary); margin-bottom:0.35em;">Target Stores</div>
+				<div id="MeadowMap-Stores" class="meadow-mapping-store-checklist"></div>
+			</div>
+
+			<div style="margin-top:0.75em; display:flex; gap:0.5em; flex-wrap:wrap; align-items:center;">
+				<button class="meadow-mapping-btn meadow-mapping-btn-primary" onclick="{~P~}.views['Facto-Full-MappingEditor'].saveMapping()">Save Mapping</button>
+			</div>
+		</div>
+	</div>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-MappingEditor-Content",
+			TemplateHash: "Facto-Full-MappingEditor-Template",
+			DestinationAddress: "#Facto-Proj-Mapping-Editor-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+/**
+ * FactoFullMappingEditorView
+ *
+ * Thin wrapper around MeadowMappingEditorView that wires the generic editor
+ * to retold-facto's API provider.  All visual/canvas/serialization logic
+ * lives in the base class; this subclass only supplies data access and the
+ * close callback.
+ */
+class FactoFullMappingEditorView extends libMeadowMappingEditorView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	// ── Facto-specific data methods ──────────────────────────────────────────
+
+	_doLoadMappings(pContextID)
+	{
+		return this.pict.providers.Facto.loadProjectionMappings(pContextID);
+	}
+
+	_doLoadSources()
+	{
+		return this.pict.providers.Facto.loadSources();
+	}
+
+	_doLoadStores(pContextID)
+	{
+		return this.pict.providers.Facto.loadProjectionStores(pContextID);
+	}
+
+	_doLoadTargetSchema(pContextID)
+	{
+		return this.pict.providers.Facto.loadProjectionSchema(pContextID);
+	}
+
+	_doLoadMapping(pMappingID)
+	{
+		return this.pict.providers.Facto.loadProjectionMapping(pMappingID);
+	}
+
+	_doDeleteMapping(pMappingID)
+	{
+		return this.pict.providers.Facto.deleteProjectionMapping(pMappingID);
+	}
+
+	_doDiscoverSourceFields(pContextID, pSourceID, pRecordLimit)
+	{
+		return this.pict.providers.Facto.discoverFields(pContextID, pSourceID, pRecordLimit);
+	}
+
+	_doCreateMapping(pContextID, pData)
+	{
+		return this.pict.providers.Facto.createProjectionMapping(pContextID, pData);
+	}
+
+	_doUpdateMapping(pMappingID, pData)
+	{
+		return this.pict.providers.Facto.updateProjectionMapping(pMappingID, pData);
+	}
+
+	_onClose()
+	{
+		this.pict.views['Facto-Full-ProjectionDetail'].closeMappingEditor();
+	}
+}
+
+module.exports = FactoFullMappingEditorView;
+
+module.exports.default_configuration = _ViewConfiguration;