pict-section-recordset 1.0.14 → 1.0.16

package/source/views/RecordSet-Filter.js

@@ -1,5 +1,6 @@
 const libPictView = require('pict-view');
 
+/** @type {Record<string, any>} */
 const _DEFAULT_CONFIGURATION_SUBSET_Filter =
 {
 	ViewIdentifier: 'PRSP-SUBSET-Filter',
@@ -31,7 +32,7 @@ const _DEFAULT_CONFIGURATION_SUBSET_Filter =
 			Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-SUBSET-Filter-Template] -->
 	<section id="PRSP_Filter_Container">
-		<form id="PRSP_Filter_Form" onsubmit="_Pict.views['PRSP-Filters'].handleSearch(event)">
+		<form id="PRSP_Filter_Form" onsubmit="_Pict.views['PRSP-Filters'].handleSearch(event, '{~D:Record.RecordSet~}', '{~D:Record.ViewContext~}'); return false;">
 			{~T:PRSP-SUBSET-Filter-Template-Input-Fieldset~}
 			{~T:PRSP-SUBSET-Filter-Template-Button-Fieldset~}
 		</form>
@@ -55,7 +56,7 @@ const _DEFAULT_CONFIGURATION_SUBSET_Filter =
 			Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-SUBSET-Filter-Template-Button-Fieldset] -->
 	<fieldset>
-		<button type="button" id="PRSP_Filter_Button_Reset" onclick="_Pict.views['PRSP-Filters'].handleReset(event)">Reset</button>
+		<button type="button" id="PRSP_Filter_Button_Reset" onclick="_Pict.views['PRSP-Filters'].handleReset(event, '{~D:Record.RecordSet~}', '{~D:Record.ViewContext~}')">Reset</button>
 		<button type="submit" id="PRSP_Filter_Button_Apply">Apply</button>
 	</fieldset>
 	<!-- DefaultPackage end view template:	[PRSP-SUBSET-Filter-Template-Button-Fieldset] -->
@@ -82,20 +83,57 @@ class viewRecordSetSUBSETFilter extends libPictView
 	{
 		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_SUBSET_Filter, pOptions);
 		super(pFable, tmpOptions, pServiceHash);
+		/** @type {import('fable') & import('pict') & { PictSectionRecordSet: import('../Pict-Section-RecordSet.js') }} */
+		this.pict;
 	}
 
-	handleSearch(event)
+	/**
+	 * @param {Event} pEvent - The DOM event that triggered the search
+	 * @param {string} pRecordSet - The record set being filtered
+	 * @param {string} pViewContext - The view context for the filter (ex. List, Dashboard)
+	 */
+	handleSearch(pEvent, pRecordSet, pViewContext)
 	{
-		event.preventDefault(); // don't submit the form
-		event.stopPropagation();
-		this.pict.views['RSP-RecordSet-List']?.handleSearch?.(this.pict.ContentAssignment.readContent('input[name="filter"]'));
+		pEvent.preventDefault(); // don't submit the form
+		pEvent.stopPropagation();
+		const tmpSearchString = this.pict.ContentAssignment.readContent(`input[name="filter"]`);
+		this.performSearch(pRecordSet, pViewContext, tmpSearchString ? String(tmpSearchString) : ' ');
 	}
 
-	handleReset(event)
+	/**
+	 * @param {string} pRecordSet - The record set being filtered
+	 * @param {string} pViewContext - The view context for the filter (ex. List, Dashboard)
+	 * @param {string} [pFilterString] - The filter string to apply, defaults to a single space if not provided
+	 */
+	performSearch(pRecordSet, pViewContext, pFilterString)
 	{
-		event.stopPropagation();
+		const tmpPictRouter = this.pict.providers.PictRouter;
+		const tmpProviderConfiguration = this.pict.PictSectionRecordSet.recordSetProviderConfigurations[pRecordSet];
+		let filterExpr = ' ';
+		if (pFilterString)
+		{
+			const searchFields = tmpProviderConfiguration?.SearchFields ?? [ 'Name' ];
+			filterExpr = searchFields.map((filterField) => `FBVOR~${filterField}~LK~${encodeURIComponent(`%${pFilterString}%`)}`).join('~');
+		}
+		let tmpURLTemplate = tmpProviderConfiguration[`RecordSetFilterURLTemplate-${pViewContext}`] || tmpProviderConfiguration[`RecordSetFilterURLTemplate-Default`];
+		const tmpURL = this.pict.parseTemplate(tmpURLTemplate,
+			{
+				RecordSet: pRecordSet,
+				FilterString: filterExpr,
+			});
+		tmpPictRouter.router.navigate(tmpURL);
+	}
+
+	/**
+	 * @param {Event} pEvent - The DOM event that triggered the search
+	 * @param {string} pRecordSet - The record set being filtered
+	 * @param {string} pViewContext - The view context for the filter (ex. List, Dashboard)
+	 */
+	handleReset(pEvent, pRecordSet, pViewContext)
+	{
+		pEvent.preventDefault();
 		this.pict.ContentAssignment.assignContent('input[name="filter"]', '');
-		this.pict.views['RSP-RecordSet-List']?.handleSearch?.('');
+		this.performSearch(pRecordSet, pViewContext);
 	}
 }
 

package/source/views/RecordSet-RecordBaseView.js

@@ -1,5 +1,6 @@
 const libPictView = require('pict-view');
 
+/** @type {Record<string, any>} */
 const _DEFAULT_CONFIGURATION_Base_View = (
 {
 	ViewIdentifier: 'PRSP-RecordSet-View-Base',

package/source/views/RecordsSet-MacroView.js

@@ -1,5 +1,6 @@
 const libPictView = require('pict-view');
 
+/** @type {Record<string, any>} */
 const _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard = (
 {
 	ViewIdentifier: 'PRSP-Main',

package/source/views/dashboard/RecordSet-Dashboard-HeaderDashboard.js

@@ -1,11 +1,12 @@
 const libPictView = require('pict-view');
 
-const _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard =
+/** @type {Record<string, any>} */
+const _DEFAULT_CONFIGURATION_Dashboard_HeaderList =
 {
-	ViewIdentifier: 'PRSP-Dashboard-HeaderDashboard',
+	ViewIdentifier: 'PRSP-Dashboard-HeaderList',
 
-	DefaultRenderable: 'PRSP_Renderable_HeaderDashboard',
-	DefaultDestinationAddress: '#PRSP_HeaderDashboard_Container',
+	DefaultRenderable: 'PRSP_Renderable_HeaderList',
+	DefaultDestinationAddress: '#PRSP_HeaderList_Container',
 	DefaultTemplateRecordAddress: false,
 
 	// If this is set to true, when the App initializes this will.
@@ -27,37 +28,37 @@ const _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard =
 	Templates:
 	[
 		{
-			Hash: 'PRSP-Dashboard-HeaderDashboard-Template',
+			Hash: 'PRSP-Dashboard-HeaderList-Template',
 			Template: /*html*/`
-	<!-- DefaultPackage pict view template: [PRSP-Dashboard-HeaderDashboard-Template] -->
-	<!-- DefaultPackage end view template:  [PRSP-Dashboard-HeaderDashboard-Template] -->
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-HeaderList-Template] -->
+	<!-- DefaultPackage end view template:	[PRSP-Dashboard-HeaderList-Template] -->
 `
-		}
+		},
 	],
 
 	Renderables:
 	[
 		{
-			RenderableHash: 'PRSP_Renderable_HeaderDashboard',
-			TemplateHash: 'PRSP-Dashboard-HeaderDashboard-Template',
-			DestinationAddress: '#PRSP_HeaderDashboard_Container',
+			RenderableHash: 'PRSP_Renderable_HeaderList',
+			TemplateHash: 'PRSP-Dashboard-HeaderList-Template',
+			DestinationAddress: '#PRSP_HeaderList_Container',
 			RenderMethod: 'replace'
-		}
+		},
 	],
 
-	Manifests: {}
+	Manifests: {},
 };
 
-class viewRecordSetDashboardHeaderDashboard extends libPictView
+class viewRecordSetListHeaderList extends libPictView
 {
 	constructor(pFable, pOptions, pServiceHash)
 	{
-		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard, pOptions);
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_Dashboard_HeaderList, pOptions);
 		super(pFable, tmpOptions, pServiceHash);
 	}
 }
 
-module.exports = viewRecordSetDashboardHeaderDashboard;
+module.exports = viewRecordSetListHeaderList;
 
-module.exports.default_configuration = _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard;
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_Dashboard_HeaderList;
 

package/source/views/dashboard/RecordSet-Dashboard-PaginationBottom.js

@@ -0,0 +1,68 @@
+const libPictView = require('pict-view');
+
+/** @type {Record<string, any>} */
+const _DEFAULT_CONFIGURATION_List_PaginationBottom = (
+	{
+		ViewIdentifier: 'PRSP-Dashboard-PaginationBottom',
+
+		DefaultRenderable: 'PRSP_Renderable_PaginationBottom',
+		DefaultDestinationAddress: '#PRSP_PaginationBottom_Container',
+		DefaultTemplateRecordAddress: false,
+
+		// If this is set to true, when the App initializes this will.
+		// While the App initializes, initialize will be called.
+		AutoInitialize: false,
+		AutoInitializeOrdinal: 0,
+
+		// If this is set to true, when the App autorenders (on load) this will.
+		// After the App initializes, render will be called.
+		AutoRender: false,
+		AutoRenderOrdinal: 0,
+
+		AutoSolveWithApp: false,
+		AutoSolveOrdinal: 0,
+
+		CSS: false,
+		CSSPriority: 500,
+
+		Templates:
+			[
+				{
+					Hash: 'PRSP-Dashboard-PaginationBottom-Template',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-PaginationBottom-Template] -->
+	<nav id="RSP_Lower_Pagination_Container">
+	{~T:PRSP-Dashboard-Pagination-Template-Description~}
+		{~T:PRSP-Dashboard-Pagination-Template-Buttons~}
+	</nav>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-PaginationBottom-Template] -->
+	`
+				}
+			],
+
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_PaginationBottom',
+					TemplateHash: 'PRSP-Dashboard-PaginationBottom-Template',
+					DestinationAddress: '#PRSP_PaginationBottom_Container',
+					RenderMethod: 'replace'
+				}
+			],
+
+		Manifests: {}
+	});
+
+class viewRecordSetListPaginationBottom extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_PaginationBottom, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
+}
+
+module.exports = viewRecordSetListPaginationBottom;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_List_PaginationBottom;
+

package/source/views/dashboard/RecordSet-Dashboard-PaginationTop.js

@@ -0,0 +1,128 @@
+const libPictView = require('pict-view');
+
+/** @type {Record<string, any>} */
+const _DEFAULT_CONFIGURATION_List_PaginationTop = (
+	{
+		ViewIdentifier: 'PRSP-Dashboard-PaginationTop',
+
+		DefaultRenderable: 'PRSP_Renderable_PaginationTop',
+		DefaultDestinationAddress: '#PRSP_PaginationTop_Container',
+		DefaultTemplateRecordAddress: false,
+
+		// If this is set to true, when the App initializes this will.
+		// While the App initializes, initialize will be called.
+		AutoInitialize: false,
+		AutoInitializeOrdinal: 0,
+
+		// If this is set to true, when the App autorenders (on load) this will.
+		// After the App initializes, render will be called.
+		AutoRender: false,
+		AutoRenderOrdinal: 0,
+
+		AutoSolveWithApp: false,
+		AutoSolveOrdinal: 0,
+
+		CSS: false,
+		CSSPriority: 500,
+
+		Templates:
+			[
+				{
+					Hash: 'PRSP-Dashboard-PaginationTop-Template',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-PaginationTop-Template] -->
+	<nav id="RSP_Upper_Pagination_Container" role="navigation" aria-label="pagination">
+		{~T:PRSP-Dashboard-Pagination-Template-Description~}
+		{~T:PRSP-Dashboard-Pagination-Template-Buttons~}
+	</nav>
+	<div>
+		{~TS:PRSP-Dashboard-Pagination-Template-Pages:Record.PageLinksLimited~}
+	</div>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-PaginationTop-Template] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-Pagination-Template-Description',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-Pagination-Template-Description] -->
+	<div>
+		Showing
+		<span id="PRSP_Pagination_Description_Records_Start">{~D:Record.Offset~}</span> to
+		<span id="PRSP_Pagination_Description_Records_End">{~D:Record.PageEnd~}</span> of
+		<span id="PRSP_Pagination_Description_Records_Total">{~D:Record.TotalRecordCount.Count~}</span> total records.
+	</div>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-Pagination-Template-Description] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-Pagination-Template-Buttons',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-Pagination-Template-Buttons] -->
+	<ul style="list-style-type: none; padding: 0; display: flex; justify-content: center;">
+		{~TIfAbs:PRSP-Dashboard-Pagination-Template-Button-Previous:Record:Record.PageLinkBookmarks.ShowPreviousLink^TRUE^true~}
+		{~TS:PRSP-Dashboard-Pagination-Template-Button-Page~}
+		{~TIfAbs:PRSP-Dashboard-Pagination-Template-Button-Next:Record:Record.PageLinkBookmarks.ShowNextLink^TRUE^true~}
+	</ul>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-Pagination-Template-Buttons] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-Pagination-Template-Button-Previous',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-Pagination-Template-Button-Previous] -->
+	<li><a href="{~D:Record.PageLinkBookmarks.PreviousLink.URL~}" aria-label="Previous page">&laquo; Previous</a></li>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-Pagination-Template-Button-Previous] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-Pagination-Template-Button-Next',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-Pagination-Template-Button-Next] -->
+	<li style="margin-left: 15px;"><a href="{~D:Record.PageLinkBookmarks.NextLink.URL~}" aria-label="Next page">Next &raquo;</a></li>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-Pagination-Template-Button-Next] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-Pagination-Template-Button-Page',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-Pagination-Template-Button-Page] -->
+	<li><a href="#" aria-label="Go to page {~D:Record.Page~}">{~D:Record.Page~}</a></li>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-Pagination-Template-Button-Page] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-Pagination-Template-Pages',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-Pagination-Template-Button-Pages] -->
+	<a href="{~D:Record.URL~}" aria-label="Go to page {~D:Record.Page~}" class="page-offset_{~D:Record.RelativeOffset~}">{~D:Record.Page~}</a>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-Pagination-Template-Button-Pages] -->
+	`
+				}
+			],
+
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_PaginationTop',
+					TemplateHash: 'PRSP-Dashboard-PaginationTop-Template',
+					DestinationAddress: '#PRSP_PaginationTop_Container',
+					RenderMethod: 'replace'
+				}
+			],
+
+		Manifests: {}
+	});
+
+class viewRecordSetListPaginationTop extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_PaginationTop, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
+}
+
+module.exports = viewRecordSetListPaginationTop;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_List_PaginationTop;
+

package/source/views/dashboard/RecordSet-Dashboard-RecordList.js

@@ -0,0 +1,80 @@
+const libPictView = require('pict-view');
+
+/** @type {Record<string, any>} */
+const _DEFAULT_CONFIGURATION_List_RecordList =
+{
+	ViewIdentifier: 'PRSP-Dashboard-RecordList',
+
+	DefaultRenderable: 'PRSP_Renderable_RecordList',
+	DefaultDestinationAddress: '#PRSP_RecordList_Container',
+	DefaultTemplateRecordAddress: false,
+
+	// If this is set to true, when the App initializes this will.
+	// While the App initializes, initialize will be called.
+	AutoInitialize: false,
+	AutoInitializeOrdinal: 0,
+
+	// If this is set to true, when the App autorenders (on load) this will.
+	// After the App initializes, render will be called.
+	AutoRender: false,
+	AutoRenderOrdinal: 0,
+
+	AutoSolveWithApp: false,
+	AutoSolveOrdinal: 0,
+
+	CSS: false,
+	CSSPriority: 500,
+
+	Templates:
+	[
+		{
+			Hash: 'PRSP-Dashboard-RecordList-Template',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordList-Template] -->
+	<section id="PRSP_List_Container">
+		{~T:PRSP-Dashboard-RecordList-Template-Table~}
+	</section>
+	<!-- DefaultPackage end view template:	[PRSP-Dashboard-RecordList-Template] -->
+`
+		},
+		{
+			Hash: 'PRSP-Dashboard-RecordList-Template-Table',
+			Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordList-Template-Table] -->
+	<table id="PRSP_List_Table" tablespacing="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
+		<thead>{~T:PRSP-Dashboard-RecordListHeader-Template~}</thead>
+		<tbody id="PRSP_RecordList_Container_Entries">
+			{~T:PRSP-Dashboard-RecordListEntry-Template~}
+		</tbody>
+	</table>
+	<!-- DefaultPackage end view template:	[PRSP-Dashboard-RecordList-Template-Table] -->
+`
+		}
+	],
+
+	Renderables:
+	[
+		{
+			RenderableHash: 'PRSP_Renderable_RecordList',
+			TemplateHash: 'PRSP-Dashboard-RecordList-Template',
+			DestinationAddress: '#PRSP_RecordList_Container',
+			RenderMethod: 'replace'
+		}
+	],
+
+	Manifests: {}
+};
+
+class viewRecordSetListRecordList extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordList, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
+}
+
+module.exports = viewRecordSetListRecordList;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_List_RecordList;
+

package/source/views/dashboard/RecordSet-Dashboard-RecordListEntry.js

@@ -0,0 +1,121 @@
+const libPictView = require('pict-view');
+
+/** @type {Record<string, any>} */
+const _DEFAULT_CONFIGURATION_List_RecordListEntry = (
+	{
+		ViewIdentifier: 'PRSP-Dashboard-RecordListEntry',
+
+		DefaultRenderable: 'PRSP_Renderable_RecordListEntry',
+		DefaultDestinationAddress: '#PRSP_RecordListEntry_Container',
+		DefaultTemplateRecordAddress: false,
+
+		// If this is set to true, when the App initializes this will.
+		// While the App initializes, initialize will be called.
+		AutoInitialize: false,
+		AutoInitializeOrdinal: 0,
+
+		// If this is set to true, when the App autorenders (on load) this will.
+		// After the App initializes, render will be called.
+		AutoRender: false,
+		AutoRenderOrdinal: 0,
+
+		AutoSolveWithApp: false,
+		AutoSolveOrdinal: 0,
+
+		CSS: false,
+		CSSPriority: 500,
+
+		Templates:
+			[
+				{
+					// TODO: Add extras template here; it's in the header but not here yet.
+					Hash: 'PRSP-Dashboard-RecordListEntry-Template',
+					Template: /*html*/`
+		{~TSWP:PRSP-Dashboard-RecordListEntry-Template-Row:Record.Records.Records:Record~}
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListEntry-Template-Row',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListEntry-Template] -->
+	<tr>
+		{~TSWP:PRSP-Dashboard-RecordListEntry-Template-Row-Cell:Record.Payload.TableCells:Record.Data~}
+		{~T:PRSP-Dashboard-RecordListHeader-Template-Extra-Row~}
+		{~T:PRSP-Dashboard-RecordListAction-Template-Cell~}
+	</tr>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-RecordListEntry-Template] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListHeader-Template-Extra-Row',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListHeader-Template-Extra-Row] -->
+	{~TBR:Record.Payload.RecordSetConfiguration.RecordSetListExtraColumnRowTemplateHash~}
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-RecordListHeader-Extra-Row] -->
+	`
+//	{~TBR:Record.Payload.RecordSetConfiguration.RecordSetListExtraColumnRowTemplateHash~}
+
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListEntry-Template-Row-Cell',
+					Template: /*html*/`
+		<td style="border-bottom: 1px solid #ccc; padding: 5px;">
+			{~DVBK:Record.Payload:Record.Data.Key~}
+		</td>
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListEntry-Template-Entry-Cell-Datum',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListEntry-Template-Entry-Cell-Datum] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListAction-Template-Cell',
+					// FIXME: Needs a better way of getting the appropriate link templates in (likely requiring piping the RecordSet to the link manager)
+					Template: /*html*/`
+		<td style="border-bottom: 1px solid #ccc; padding: 5px;">
+			<ul>
+			{~TSWP:PRSP-Dashboard-RecordListAction-Template-Cell-Datum:Pict.providers.RecordSetLinkManager.linkTemplates:Record~}
+			</ul>
+		</td>
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListAction-Template-Cell-Datum',
+					// These use the new TemplateByReference template expression, which uses the values in these addresses to lookup the template hash then renders those template with the current Record state.
+					// This is part one of refactoring to include metatemplate resolution ase a core behavior pict itself rather than a pict-section-form capability
+					Template: /*html*/`
+					<li><a href="{~TBR:Record.Data.URL~}">{~TBR:Record.Data.Name~}</a></li>
+	`
+	//					{~Breakpoint~}
+
+				},
+			],
+
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_RecordListEntry',
+					TemplateHash: 'PRSP-Dashboard-RecordListEntry-Template',
+					DestinationAddress: '#PRSP_RecordListEntry_Container',
+					RenderMethod: 'replace'
+				}
+			],
+
+		Manifests: {}
+	});
+
+class viewRecordSetListRecordListEntry extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordListEntry, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
+}
+
+module.exports = viewRecordSetListRecordListEntry;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_List_RecordListEntry;
+

package/source/views/dashboard/RecordSet-Dashboard-RecordListHeader.js

@@ -0,0 +1,99 @@
+const libPictView = require('pict-view');
+
+/** @type {Record<string, any>} */
+const _DEFAULT_CONFIGURATION_List_RecordListHeader = (
+	{
+		ViewIdentifier: 'PRSP-Dashboard-RecordListHeader',
+
+		DefaultRenderable: 'PRSP_Renderable_RecordListHeader',
+		DefaultDestinationAddress: '#PRSP_RecordListHeader_Container',
+		DefaultTemplateRecordAddress: false,
+
+		// If this is set to true, when the App initializes this will.
+		// While the App initializes, initialize will be called.
+		AutoInitialize: false,
+		AutoInitializeOrdinal: 0,
+
+		// If this is set to true, when the App autorenders (on load) this will.
+		// After the App initializes, render will be called.
+		AutoRender: false,
+		AutoRenderOrdinal: 0,
+
+		AutoSolveWithApp: false,
+		AutoSolveOrdinal: 0,
+
+		CSS: false,
+		CSSPriority: 500,
+
+		Templates:
+			[
+				{
+					Hash: 'PRSP-Dashboard-RecordListHeader-Template',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListHeader-Template] -->
+	<tr>
+		{~TS:PRSP-Dashboard-RecordListHeader-Template-Header:Record.TableCells~}
+		{~T:PRSP-Dashboard-RecordListHeader-Template-Extra-Header~}
+		{~T:PRSP-Dashboard-RecordListActions-Template-Header~}
+	</tr>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-RecordListHeader-Template] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListHeader-Template-Header',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListHeader-Template-Header] -->
+	<th style="border-bottom: 1px solid #ccc; padding: 5px; background-color: #f2f2f2; color: #333;">
+		{~D:Record.DisplayName~}
+	</th>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-RecordListHeader-Template-Header] -->
+	`
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListHeader-Template-Extra-Header',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListHeader-Template-Extra-Header] -->
+{~TBR:Record.RecordSetConfiguration.RecordSetListExtraColumnsHeaderTemplateHash~}
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-RecordListHeader-Extra-Header] -->
+	`
+//	{~TBR:Record.RecordSetConfiguration.RecordSetListExtraColumnsHeaderTemplateHash~}
+
+				},
+				{
+					Hash: 'PRSP-Dashboard-RecordListActions-Template-Header',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-Dashboard-RecordListActions-Template-Header] -->
+	<th style="border-bottom: 1px solid #ccc; padding: 5px; background-color: #f2f2f2; color: #333;">
+		Actions
+	</th>
+	<!-- DefaultPackage end view template:  [PRSP-Dashboard-RecordListActions-Template-Header] -->
+	`
+				},
+			],
+
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_RecordListHeader',
+					TemplateHash: 'PRSP-Dashboard-RecordListHeader-Template',
+					DestinationAddress: '#PRSP_RecordListHeader_Container',
+					RenderMethod: 'replace'
+				}
+			],
+
+		Manifests: {}
+	});
+
+class viewRecordSetListRecordListHeader extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordListHeader, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
+}
+
+module.exports = viewRecordSetListRecordListHeader;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_List_RecordListHeader;
+

package/source/views/dashboard/RecordSet-Dashboard-TabBarDashboard.js

@@ -1,5 +1,6 @@
 const libPictView = require('pict-view');
 
+/** @type {Record<string, any>} */
 const _DEFAULT_CONFIGURATION_Dashboard_TabBarDashboard =
 {
 	ViewIdentifier: 'PRSP-Dashboard-TabBarDashboard',