pict-section-recordset 1.0.1 → 1.0.2

package/source/views/RecordSet-RecordBaseView.js

@@ -0,0 +1,84 @@
+const libPictView = require('pict-view');
+
+const _DEFAULT_CONFIGURATION_Base_View = (
+{
+	ViewIdentifier: 'PRSP-RecordSet-View-Base',
+
+	DefaultRenderable: 'PRSP_Base_Recordset',
+	DefaultDestinationAddress: '#PictRecordSetContainer',
+	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-Base-View-Template',
+			Template: /*html*/`
+<!-- DefaultPackage pict view template: [PRSP-Base-View-Template] -->
+<!--
+	If this is being rendered, the RecordSet view has not taken control of its render function.
+	While the view may not need custom templating it is strongly encouraged to still override 
+	the template and put informative messaging into an HTML comment.
+
+Record JSON:
+\`\`\`json
+{~DataJson:Record~}
+\`\`\`
+--!
+<!-- DefaultPackage end view template:  [PRSP-Base-View-Template] -->
+		`
+			}
+		],
+
+		Renderables:
+		[
+			{
+				RenderableHash: 'PRSP_Base_Recordset',
+				TemplateHash: 'PRSP-Base-View-Template',
+				DestinationAddress: '#PictRecordSetContainer',
+				RenderMethod: 'replace'
+			}
+		],
+
+	Manifests: {}
+});
+
+class viewPictSectionRecordSetViewBase extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_Base_View, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+		/** @type {import('pict') & {
+		 *      log: any,
+		 *      instantiateServiceProviderWithoutRegistration: (hash: String) => any,
+		 *      PictSectionRecordSet: InstanceType<import('../Pict-Section-RecordSet.js')> }
+		 *  } */
+		this.pict;
+	}
+
+	addRoutes(pPictRouter)
+	{
+		this.pict.log.trace(`View [${this.options.ViewIdentifier}]::[${this.Hash}] addRoutes called.`);
+		return true;
+	}
+}
+
+module.exports = viewPictSectionRecordSetViewBase;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_Base_View;

package/source/views/RecordsSet-MacroView.js

@@ -0,0 +1,63 @@
+const libPictView = require('pict-view');
+
+const _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard = (
+{
+	ViewIdentifier: 'PRSP-Main',
+
+	DefaultRenderable: 'PRSP_Main_Container',
+	DefaultDestinationAddress: '#PictRecordSetContainer',
+	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-Main-Container-Template',
+			Template: /*html*/`
+<!-- DefaultPackage pict view template: [PRSP-Main-Container-Template] -->
+<!-- DefaultPackage end view template:  [PRSP-Main-Container-Template] -->
+		`
+			}
+		],
+
+		Renderables:
+		[
+			{
+				RenderableHash: 'PRSP_Renderable_HeaderDashboard',
+				TemplateHash: 'PRSP-Main-Container-Template',
+				DestinationAddress: '#PRSP_Main_Container',
+				RenderMethod: 'replace'
+			}
+		],
+
+	Manifests: {}
+});
+
+class viewPictSectionRecordSetMain extends libPictView
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
+}
+
+module.exports = viewPictSectionRecordSetMain;
+
+module.exports.default_configuration = _DEFAULT_CONFIGURATION_Dashboard_HeaderDashboard;
+

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

@@ -1,4 +1,4 @@
-const libPictView = require('pict-view');
+const libPictRecordSetRecordView = require('../RecordSet-RecordBaseView.js');
 
 const _DEFAULT_CONFIGURATION__Dashboard = (
   {
@@ -48,7 +48,7 @@ const _DEFAULT_CONFIGURATION__Dashboard = (
     Manifests: {}
   });
 
-class viewRecordSetDashboard extends libPictView
+class viewRecordSetDashboard extends libPictRecordSetRecordView
 {
   constructor(pFable, pOptions, pServiceHash)
   {

package/source/views/edit/RecordSet-Edit.js

@@ -1,4 +1,4 @@
-const libPictView = require('pict-view');
+const libPictRecordSetRecordView = require('../RecordSet-RecordBaseView.js');
 
 const _DEFAULT_CONFIGURATION__Edit = (
   {
@@ -48,7 +48,7 @@ const _DEFAULT_CONFIGURATION__Edit = (
     Manifests: {}
   });
 
-class viewRecordSetEdit extends libPictView
+class viewRecordSetEdit extends libPictRecordSetRecordView
 {
   constructor(pFable, pOptions, pServiceHash)
   {

package/source/views/list/RecordSet-List-PaginationBottom.js

@@ -1,64 +1,64 @@
 const libPictView = require('pict-view');
 
 const _DEFAULT_CONFIGURATION_List_PaginationBottom = (
-  {
-    ViewIdentifier: 'PRSP-List-PaginationBottom',
+	{
+		ViewIdentifier: 'PRSP-List-PaginationBottom',
 
-    DefaultRenderable: 'PRSP_Renderable_PaginationBottom',
-    DefaultDestinationAddress: '#PRSP_PaginationBottom_Container',
-    DefaultTemplateRecordAddress: false,
+		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 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,
+		// 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,
+		AutoSolveWithApp: false,
+		AutoSolveOrdinal: 0,
 
-    CSS: false,
-    CSSPriority: 500,
+		CSS: false,
+		CSSPriority: 500,
 
-    Templates:
-      [
-        {
-          Hash: 'PRSP-List-PaginationBottom-Template',
-          Template: /*html*/`
+		Templates:
+			[
+				{
+					Hash: 'PRSP-List-PaginationBottom-Template',
+					Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-List-PaginationBottom-Template] -->
-  <nav id="RSP_Lower_Pagination_Container">
-    {~T:PRSP-List-Pagination-Template-Description~}
+	<nav id="RSP_Lower_Pagination_Container">
+	{~T:PRSP-List-Pagination-Template-Description~}
 		{~T:PRSP-List-Pagination-Template-Buttons~}
 	</nav>
 	<!-- DefaultPackage end view template:  [PRSP-List-PaginationBottom-Template] -->
 	`
-        }
-      ],
+				}
+			],
 
-    Renderables:
-      [
-        {
-          RenderableHash: 'PRSP_Renderable_PaginationBottom',
-          TemplateHash: 'PRSP-List-PaginationBottom-Template',
-          DestinationAddress: '#PRSP_PaginationBottom_Container',
-          RenderMethod: 'replace'
-        }
-      ],
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_PaginationBottom',
+					TemplateHash: 'PRSP-List-PaginationBottom-Template',
+					DestinationAddress: '#PRSP_PaginationBottom_Container',
+					RenderMethod: 'replace'
+				}
+			],
 
-    Manifests: {}
-  });
+		Manifests: {}
+	});
 
 class viewRecordSetListPaginationBottom extends libPictView
 {
-  constructor(pFable, pOptions, pServiceHash)
-  {
-    let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_PaginationBottom, pOptions);
-    super(pFable, tmpOptions, pServiceHash);
-  }
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_PaginationBottom, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
 }
 
 module.exports = viewRecordSetListPaginationBottom;

package/source/views/list/RecordSet-List-PaginationTop.js

@@ -1,112 +1,124 @@
 const libPictView = require('pict-view');
 
 const _DEFAULT_CONFIGURATION_List_PaginationTop = (
-  {
-    ViewIdentifier: 'PRSP-List-PaginationTop',
+	{
+		ViewIdentifier: 'PRSP-List-PaginationTop',
 
-    DefaultRenderable: 'PRSP_Renderable_PaginationTop',
-    DefaultDestinationAddress: '#PRSP_PaginationTop_Container',
-    DefaultTemplateRecordAddress: false,
+		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 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,
+		// 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,
+		AutoSolveWithApp: false,
+		AutoSolveOrdinal: 0,
 
-    CSS: false,
-    CSSPriority: 500,
+		CSS: false,
+		CSSPriority: 500,
 
-    Templates:
-      [
-        {
-          Hash: 'PRSP-List-PaginationTop-Template',
-          Template: /*html*/`
+		Templates:
+			[
+				{
+					Hash: 'PRSP-List-PaginationTop-Template',
+					Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-List-PaginationTop-Template] -->
-  <nav id="RSP_Upper_Pagination_Container">
-    {~T:PRSP-List-Pagination-Template-Description~}
+	<nav id="RSP_Upper_Pagination_Container" role="navigation" aria-label="pagination">
+		{~T:PRSP-List-Pagination-Template-Description~}
 		{~T:PRSP-List-Pagination-Template-Buttons~}
 	</nav>
+	<div>
+		{~TS:PRSP-List-Pagination-Template-Pages:Record.PageLinksLimited~}
+	</div>
 	<!-- DefaultPackage end view template:  [PRSP-List-PaginationTop-Template] -->
 	`
-        },
-        {
-          Hash: 'PRSP-List-Pagination-Template-Description',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Description] -->
-  <p id="PRSP_Pagination_Description">
-    <span id="PRSP_Pagination_Description_Records_Start">1</span> to
-    <span id="PRSP_Pagination_Description_Records_End">10</span> of
-    <span id="PRSP_Pagination_Description_Records_Total">100</span> records
-  </p>
-  <!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Description] -->
-  `
-        },
-        {
-          Hash: 'PRSP-List-Pagination-Template-Buttons',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Buttons] -->
-  <ul>
-    {~T:PRSP-List-Pagination-Template-Button-Previous~}
-    {~TS:PRSP-List-Pagination-Template-Button-Page~}
-    {~T:PRSP-List-Pagination-Template-Button-Next~}
-  </ul>
-  <!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Buttons] -->
-  `
-        },
-        {
-          Hash: 'PRSP-List-Pagination-Template-Button-Previous',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Button-Previous] -->
-  <li><a href="#">&laquo; Previous</a></li>
-  <!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Button-Previous] -->
-  `
-        },
-        {
-          Hash: 'PRSP-List-Pagination-Template-Button-Next',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Button-Next] -->
-  <li><a href="#">Next &raquo;</a></li>
-  <!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Button-Next] -->
-  `
-        },
-        {
-          Hash: 'PRSP-List-Pagination-Template-Button-Page',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Button-Page] -->
-  <li><a href="#">{~D:Record.Page~}</a></li>
-  <!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Button-Page] -->
-  `
-        }
-      ],
+				},
+				{
+					Hash: 'PRSP-List-Pagination-Template-Description',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-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-List-Pagination-Template-Description] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-Pagination-Template-Buttons',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Buttons] -->
+	<ul style="list-style-type: none; padding: 0; display: flex; justify-content: center;">
+		{~T:PRSP-List-Pagination-Template-Button-Previous~}
+		{~TS:PRSP-List-Pagination-Template-Button-Page~}
+		{~T:PRSP-List-Pagination-Template-Button-Next~}
+	</ul>
+	<!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Buttons] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-Pagination-Template-Button-Previous',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-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-List-Pagination-Template-Button-Previous] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-Pagination-Template-Button-Next',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-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-List-Pagination-Template-Button-Next] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-Pagination-Template-Button-Page',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-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-List-Pagination-Template-Button-Page] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-Pagination-Template-Pages',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-Pagination-Template-Button-Page] -->
+	<a href="{~D:Record.URL~}" aria-label="Go to page {~D:Record.Page~}">{~D:Record.Page~}</a>
+	<!-- DefaultPackage end view template:  [PRSP-List-Pagination-Template-Button-Page] -->
+	`
+				}
+			],
 
-    Renderables:
-      [
-        {
-          RenderableHash: 'PRSP_Renderable_PaginationTop',
-          TemplateHash: 'PRSP-List-PaginationTop-Template',
-          DestinationAddress: '#PRSP_PaginationTop_Container',
-          RenderMethod: 'replace'
-        }
-      ],
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_PaginationTop',
+					TemplateHash: 'PRSP-List-PaginationTop-Template',
+					DestinationAddress: '#PRSP_PaginationTop_Container',
+					RenderMethod: 'replace'
+				}
+			],
 
-    Manifests: {}
-  });
+		Manifests: {}
+	});
 
 class viewRecordSetListPaginationTop extends libPictView
 {
-  constructor(pFable, pOptions, pServiceHash)
-  {
-    let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_PaginationTop, pOptions);
-    super(pFable, tmpOptions, pServiceHash);
-  }
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_PaginationTop, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
 }
 
 module.exports = viewRecordSetListPaginationTop;

package/source/views/list/RecordSet-List-RecordList.js

@@ -40,10 +40,10 @@ const _DEFAULT_CONFIGURATION_List_RecordList = (
           Hash: 'PRSP-List-RecordList-Template-Table',
           Template: /*html*/`
   <!-- DefaultPackage pict view template: [PRSP-List-RecordList-Template-Table] -->
-  <table id="PRSP_List_Table">
-    <thead>{~T:PRSP-List-RecordList-Template-Table-Header~}</thead>
+  <table id="PRSP_List_Table" tablespacing="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; margin-bottom: 20px;">
+    <thead>{~T:PRSP-List-RecordListHeader-Template~}</thead>
     <tbody id="PRSP_RecordList_Container_Entries">
-      {~TS:PRSP-List-RecordListEntry-Template:Record.Records.Records~}
+      {~T:PRSP-List-RecordListEntry-Template~}
     </tbody>
   </table>
   <!-- DefaultPackage end view template:  [PRSP-List-RecordList-Template-Table] -->

package/source/views/list/RecordSet-List-RecordListEntry.js

@@ -29,37 +29,31 @@ const _DEFAULT_CONFIGURATION_List_RecordListEntry = (
         {
           Hash: 'PRSP-List-RecordListEntry-Template',
           Template: /*html*/`
-	<!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template] -->
-  {~T:PRSP-List-RecordListEntry-Template-Entry~}
-	<!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template] -->
+  		{~TSWP:PRSP-List-RecordListEntry-Template-Row:Record.Records.Records:Record~}
 	`
         },
         {
-          Hash: 'PRSP-List-RecordListEntry-Template-Entry',
+          Hash: 'PRSP-List-RecordListEntry-Template-Row',
           Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template-Entry] -->
-  <tr>
-    {~T:PRSP-List-RecordListEntry-Template-Entry-Cell~}
-    {~T:PRSP-List-RecordListEntry-Template-Extra-Cell~}
-  </tr>
-  <!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template-Entry] -->
-  `
+	<!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template] -->
+	<tr>
+		{~TSWP:PRSP-List-RecordListEntry-Template-Row-Cell:Record.Payload.TableCells:Record.Data~}
+	</tr>
+	<!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template] -->
+	`
         },
         {
-          Hash: 'PRSP-List-RecordListEntry-Template-Entry-Cell',
+          Hash: 'PRSP-List-RecordListEntry-Template-Row-Cell',
           Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template-Entry-Cell] -->
-  <td>
-    {~DJ:Record~}
-  </td>
-  <!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template-Entry-Cell] -->
-  `
+	<td style="border-bottom: 1px solid #ccc; padding: 5px;">
+		  {~DVBK:Record.Payload:Record.Data.Key~}
+	</td>
+	`
         },
         {
-          Hash: 'PRSP-List-RecordListEntry-Template-Extra-Cell',
+          Hash: 'PRSP-List-RecordListEntry-Template-Entry-Cell-Datum',
           Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template-Extra-Cell] -->
-  <!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template-Extra-Cell] -->
+	<!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template-Entry-Cell-Datum] -->
   `
         }
       ],

package/source/views/list/RecordSet-List-RecordListHeader.js

@@ -31,7 +31,7 @@ const _DEFAULT_CONFIGURATION_List_RecordListHeader = (
           Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-List-RecordListHeader-Template] -->
   <tr>
-    {~T:PRSP-List-RecordListHeader-Template-Header~}
+    {~TS:PRSP-List-RecordListHeader-Template-Header:Record.TableCells~}
     {~T:PRSP-List-RecordListHeader-Template-Extra-Header~}
   </tr>
 	<!-- DefaultPackage end view template:  [PRSP-List-RecordListHeader-Template] -->
@@ -41,22 +41,12 @@ const _DEFAULT_CONFIGURATION_List_RecordListHeader = (
           Hash: 'PRSP-List-RecordListHeader-Template-Header',
           Template: /*html*/`
   <!-- DefaultPackage pict view template: [PRSP-List-RecordListHeader-Template-Header] -->
-  <th>
-    {~D:Record~}
+  <th style="border-bottom: 1px solid #ccc; padding: 5px; background-color: #f2f2f2; color: #333;">
+    {~D:Record.DisplayName~}
   </th>
   <!-- DefaultPackage end view template:  [PRSP-List-RecordListHeader-Template-Header] -->
   `
         },
-        {
-          Hash: 'PRSP-List-RecordListHeader-Template-Extra-Header',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-RecordListHeader-Template-Extra-Header] -->
-  <th>
-    {~D:Record~}
-  </th>
-  <!-- DefaultPackage end view template:  [PRSP-List-RecordListHeader-Template-Extra-Header] -->
-  `
-        }
       ],
 
     Renderables:

package/source/views/list/RecordSet-List-Title.js

@@ -64,4 +64,3 @@ class viewRecordSetListTitle extends libPictView
 module.exports = viewRecordSetListTitle;
 
 module.exports.default_configuration = _DEFAULT_CONFIGURATION_List_Title;
-