retold-facto 0.0.4

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

@@ -0,0 +1,172 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-Projections",
+
+	DefaultRenderable: "Facto-Full-Projections-Content",
+	DefaultDestinationAddress: "#Facto-Full-Content-Container",
+
+	AutoRender: false,
+
+	CSS: ``,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-Projections-Template",
+			Template: /*html*/`
+<div class="facto-content">
+	<div class="facto-content-header">
+		<h1>Projections</h1>
+		<p>Define schemas and deploy projections to external stores.</p>
+	</div>
+
+	<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:1em;">
+		<div class="facto-section-title" style="margin:0;">Projection Datasets</div>
+		<button class="facto-btn facto-btn-primary" onclick="{~P~}.views['Facto-Full-Projections'].createProjection()">+ New Projection</button>
+	</div>
+	<div id="Facto-Proj-List"></div>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-Projections-Content",
+			TemplateHash: "Facto-Full-Projections-Template",
+			DestinationAddress: "#Facto-Full-Content-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class FactoFullProjectionsView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+
+		// Defer AppData initialization — Facto state is set up in onAfterInitializeAsync
+		if (this.pict.AppData.Facto)
+		{
+			this.pict.AppData.Facto.Projections = [];
+		}
+	}
+
+	onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent)
+	{
+		this.pict.providers.Facto.loadProjections().then(
+			() =>
+			{
+				this.refreshProjectionList();
+			}).catch(
+			(pError) =>
+			{
+				this.pict.views['Pict-Section-Modal'].toast('Error loading projections: ' + pError.message, {type: 'error'});
+			});
+
+		return super.onAfterRender(pRenderable, pRenderDestinationAddress, pRecord, pContent);
+	}
+
+	refreshProjectionList()
+	{
+		let tmpContainer = document.getElementById('Facto-Proj-List');
+		if (!tmpContainer) return;
+
+		if (this.pict.AppData.Facto.Projections.length === 0)
+		{
+			tmpContainer.innerHTML = '<div class="facto-card" style="text-align:center; padding:2em; color:var(--facto-text-tertiary);">No projection datasets yet. Create one to get started.</div>';
+			return;
+		}
+
+		let tmpHtml = '<table class="facto-table"><thead><tr>';
+		tmpHtml += '<th>ID</th><th>Name</th><th>Schema Ver.</th><th>Actions</th>';
+		tmpHtml += '</tr></thead><tbody>';
+
+		for (let i = 0; i < this.pict.AppData.Facto.Projections.length; i++)
+		{
+			let tmpProj = this.pict.AppData.Facto.Projections[i];
+			tmpHtml += '<tr>';
+			tmpHtml += '<td>' + tmpProj.IDDataset + '</td>';
+			tmpHtml += '<td><strong>' + (tmpProj.Name || '\u2014') + '</strong></td>';
+			tmpHtml += '<td>v' + (tmpProj.SchemaVersion || 0) + '</td>';
+			tmpHtml += '<td>';
+			tmpHtml += '<button class="facto-btn facto-btn-primary facto-btn-small" onclick="pict.PictApplication.navigateTo(\'/Projection/' + tmpProj.IDDataset + '\')">View</button> ';
+			tmpHtml += '<button class="facto-btn facto-btn-danger facto-btn-small" onclick="pict.views[\'Facto-Full-Projections\'].deleteProjection(' + tmpProj.IDDataset + ', \'' + (tmpProj.Name || '').replace(/'/g, "\\'") + '\')">Delete</button>';
+			tmpHtml += '</td>';
+			tmpHtml += '</tr>';
+		}
+
+		tmpHtml += '</tbody></table>';
+		tmpContainer.innerHTML = tmpHtml;
+	}
+
+	createProjection()
+	{
+		let tmpName = prompt('Projection name:');
+		if (!tmpName) return;
+
+		this.pict.providers.Facto.createDataset(
+		{
+			Name: tmpName,
+			Type: 'Projection',
+			Description: 'Projection dataset'
+		}).then(
+			(pResponse) =>
+			{
+				if (pResponse && pResponse.Error)
+				{
+					this.pict.views['Pict-Section-Modal'].toast('Error: ' + pResponse.Error, {type: 'error'});
+					return;
+				}
+
+				// Navigate to the new projection's detail page
+				if (pResponse && pResponse.IDDataset)
+				{
+					this.pict.PictApplication.navigateTo('/Projection/' + pResponse.IDDataset);
+				}
+				else
+				{
+					// Fallback: reload the list
+					this.pict.providers.Facto.loadProjections().then(
+						(pResult) =>
+						{
+							this.pict.AppData.Facto.Projections = (pResult && pResult.Projections) ? pResult.Projections : [];
+							this.refreshProjectionList();
+						});
+				}
+			});
+	}
+
+	async deleteProjection(pIDDataset, pName)
+	{
+		let tmpConfirmed = await this.pict.views['Pict-Section-Modal'].confirm('Delete projection "' + (pName || pIDDataset) + '"? This will remove the dataset and all associated mappings and stores.', { title: 'Delete Projection', confirmLabel: 'Delete', dangerous: true });
+		if (!tmpConfirmed) return;
+
+		this.pict.providers.Facto.deleteProjection(pIDDataset).then(
+			(pResponse) =>
+			{
+				if (pResponse && pResponse.Error)
+				{
+					this.pict.views['Pict-Section-Modal'].toast('Error deleting projection: ' + pResponse.Error, {type: 'error'});
+					return;
+				}
+
+				this.pict.views['Pict-Section-Modal'].toast('Projection deleted.', {type: 'success'});
+
+				this.pict.providers.Facto.loadProjections().then(
+					(pResult) =>
+					{
+						this.pict.AppData.Facto.Projections = (pResult && pResult.Projections) ? pResult.Projections : [];
+						this.refreshProjectionList();
+					});
+			});
+	}
+}
+
+module.exports = FactoFullProjectionsView;
+
+module.exports.default_configuration = _ViewConfiguration;

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

@@ -0,0 +1,119 @@
+const libPictView = require('pict-view');
+
+const _ViewConfiguration =
+{
+	ViewIdentifier: "Facto-Full-QueryPanel",
+
+	DefaultRenderable: "Facto-Full-QueryPanel-Content",
+	DefaultDestinationAddress: "#Facto-Proj-Query-Container",
+
+	AutoRender: false,
+
+	CSS: ``,
+
+	Templates:
+	[
+		{
+			Hash: "Facto-Full-QueryPanel-Template",
+			Template: /*html*/`
+<div>
+	<div style="margin-bottom:1em;">
+		<button class="facto-btn facto-btn-secondary facto-btn-small" onclick="{~P~}.views['Facto-Full-ProjectionDetail'].closeQuery()">&larr; Back to Projection</button>
+	</div>
+
+	<div class="facto-section">
+		<div class="facto-section-title">Warehouse Summary</div>
+		<div id="Facto-Full-Projections-Summary" class="facto-card-grid"></div>
+	</div>
+
+	<div class="facto-section" style="margin-top:1.5em;">
+		<div class="facto-section-title">Query Records</div>
+		<div class="facto-inline-group">
+			<div>
+				<label>Dataset ID</label>
+				<input type="number" id="Facto-Full-Proj-DatasetID" placeholder="e.g. 1">
+			</div>
+			<div>
+				<label>Type Filter</label>
+				<select id="Facto-Full-Proj-Type">
+					<option value="">All</option>
+					<option value="Raw">Raw</option>
+					<option value="Compositional">Compositional</option>
+					<option value="Projection">Projection</option>
+				</select>
+			</div>
+		</div>
+		<button class="facto-btn facto-btn-primary" onclick="{~P~}.views['Facto-Full-QueryPanel'].runQuery()">Run Query</button>
+		<button class="facto-btn facto-btn-secondary" onclick="{~P~}.views['Facto-Full-QueryPanel'].runAggregate()">Aggregate</button>
+	</div>
+	<div id="Facto-Full-Projections-Results" class="facto-projection-results" style="display:none;"></div>
+</div>
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: "Facto-Full-QueryPanel-Content",
+			TemplateHash: "Facto-Full-QueryPanel-Template",
+			DestinationAddress: "#Facto-Proj-Query-Container",
+			RenderMethod: "replace"
+		}
+	]
+};
+
+class FactoFullQueryPanelView extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+
+	runQuery()
+	{
+		let tmpDatasetID = parseInt(this.pict.providers.FactoUI.getVal('Facto-Full-Proj-DatasetID')) || 0;
+		let tmpType = this.pict.providers.FactoUI.getVal('Facto-Full-Proj-Type');
+
+		let tmpParams = {};
+		if (tmpDatasetID) tmpParams.IDDataset = tmpDatasetID;
+		if (tmpType) tmpParams.Type = tmpType;
+
+		this.pict.providers.Facto.queryRecords(tmpParams).then(
+			(pResponse) =>
+			{
+				this._showResults('Query Results', pResponse);
+			});
+	}
+
+	runAggregate()
+	{
+		let tmpDatasetID = parseInt(this.pict.providers.FactoUI.getVal('Facto-Full-Proj-DatasetID')) || 0;
+
+		let tmpParams = {};
+		if (tmpDatasetID) tmpParams.IDDataset = tmpDatasetID;
+
+		this.pict.providers.Facto.aggregateRecords(tmpParams).then(
+			(pResponse) =>
+			{
+				this._showResults('Aggregate Results', pResponse);
+			});
+	}
+
+	_showResults(pTitle, pData)
+	{
+		let tmpContainer = document.getElementById('Facto-Full-Projections-Results');
+		if (!tmpContainer) return;
+		tmpContainer.style.display = 'block';
+
+		let tmpRecordCount = (pData && pData.Records) ? pData.Records.length : (pData && pData.Aggregations) ? pData.Aggregations.length : 0;
+		let tmpHtml = '<h3>' + pTitle + ' (' + tmpRecordCount + ')</h3>';
+		tmpHtml += '<pre>' + JSON.stringify(pData, null, 2) + '</pre>';
+		tmpHtml += '<button class="facto-btn facto-btn-secondary" style="margin-top:0.5em;" onclick="document.getElementById(\'Facto-Full-Projections-Results\').style.display=\'none\'">Close</button>';
+		tmpContainer.innerHTML = tmpHtml;
+	}
+}
+
+module.exports = FactoFullQueryPanelView;
+
+module.exports.default_configuration = _ViewConfiguration;