pict-section-recordset 1.0.1 → 1.0.3

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

@@ -1,89 +1,106 @@
 const libPictView = require('pict-view');
 
 const _DEFAULT_CONFIGURATION_List_RecordListEntry = (
-  {
-    ViewIdentifier: 'PRSP-List-RecordListEntry',
+	{
+		ViewIdentifier: 'PRSP-List-RecordListEntry',
 
-    DefaultRenderable: 'PRSP_Renderable_RecordListEntry',
-    DefaultDestinationAddress: '#PRSP_RecordListEntry_Container',
-    DefaultTemplateRecordAddress: false,
+		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 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-RecordListEntry-Template',
-          Template: /*html*/`
+		Templates:
+			[
+				{
+					// TODO: Add extras template here; it's in the header but not here yet.
+					Hash: 'PRSP-List-RecordListEntry-Template',
+					Template: /*html*/`
+		{~TSWP:PRSP-List-RecordListEntry-Template-Row:Record.Records.Records:Record~}
+	`
+				},
+				{
+					Hash: 'PRSP-List-RecordListEntry-Template-Row',
+					Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template] -->
-  {~T:PRSP-List-RecordListEntry-Template-Entry~}
+	<tr>
+		{~TSWP:PRSP-List-RecordListEntry-Template-Row-Cell:Record.Payload.TableCells:Record.Data~}
+		{~T:PRSP-List-RecordListAction-Template-Cell~}
+	</tr>
 	<!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template] -->
 	`
-        },
-        {
-          Hash: 'PRSP-List-RecordListEntry-Template-Entry',
-          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] -->
-  `
-        },
-        {
-          Hash: 'PRSP-List-RecordListEntry-Template-Entry-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] -->
-  `
-        },
-        {
-          Hash: 'PRSP-List-RecordListEntry-Template-Extra-Cell',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template-Extra-Cell] -->
-  <!-- DefaultPackage end view template:  [PRSP-List-RecordListEntry-Template-Extra-Cell] -->
-  `
-        }
-      ],
+				},
+				{
+					Hash: 'PRSP-List-RecordListEntry-Template-Row-Cell',
+					Template: /*html*/`
+		<td style="border-bottom: 1px solid #ccc; padding: 5px;">
+			{~DVBK:Record.Payload:Record.Data.Key~}
+		</td>
+	`
+				},
+				{
+					Hash: 'PRSP-List-RecordListEntry-Template-Entry-Cell-Datum',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-RecordListEntry-Template-Entry-Cell-Datum] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-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-List-RecordListAction-Template-Cell-Datum:Pict.providers.RecordSetLinkManager.linkTemplates:Record~}
+			</ul>
+		</td>
+	`
+				},
+				{
+					Hash: 'PRSP-List-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-List-RecordListEntry-Template',
-          DestinationAddress: '#PRSP_RecordListEntry_Container',
-          RenderMethod: 'replace'
-        }
-      ],
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_RecordListEntry',
+					TemplateHash: 'PRSP-List-RecordListEntry-Template',
+					DestinationAddress: '#PRSP_RecordListEntry_Container',
+					RenderMethod: 'replace'
+				}
+			],
 
-    Manifests: {}
-  });
+		Manifests: {}
+	});
 
 class viewRecordSetListRecordListEntry extends libPictView
 {
-  constructor(pFable, pOptions, pServiceHash)
-  {
-    let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordListEntry, pOptions);
-    super(pFable, tmpOptions, pServiceHash);
-  }
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordListEntry, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
 }
 
 module.exports = viewRecordSetListRecordListEntry;

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

@@ -1,84 +1,85 @@
 const libPictView = require('pict-view');
 
 const _DEFAULT_CONFIGURATION_List_RecordListHeader = (
-  {
-    ViewIdentifier: 'PRSP-List-RecordListHeader',
+	{
+		ViewIdentifier: 'PRSP-List-RecordListHeader',
 
-    DefaultRenderable: 'PRSP_Renderable_RecordListHeader',
-    DefaultDestinationAddress: '#PRSP_RecordListHeader_Container',
-    DefaultTemplateRecordAddress: false,
+		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 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-RecordListHeader-Template',
-          Template: /*html*/`
+		Templates:
+			[
+				{
+					Hash: 'PRSP-List-RecordListHeader-Template',
+					Template: /*html*/`
 	<!-- DefaultPackage pict view template: [PRSP-List-RecordListHeader-Template] -->
-  <tr>
-    {~T:PRSP-List-RecordListHeader-Template-Header~}
-    {~T:PRSP-List-RecordListHeader-Template-Extra-Header~}
-  </tr>
+	<tr>
+		{~TS:PRSP-List-RecordListHeader-Template-Header:Record.TableCells~}
+		{~T:PRSP-List-RecordListHeader-Template-Extra-Header~}
+		{~T:PRSP-List-RecordListActions-Template-Header~}
+	</tr>
 	<!-- DefaultPackage end view template:  [PRSP-List-RecordListHeader-Template] -->
 	`
-        },
-        {
-          Hash: 'PRSP-List-RecordListHeader-Template-Header',
-          Template: /*html*/`
-  <!-- DefaultPackage pict view template: [PRSP-List-RecordListHeader-Template-Header] -->
-  <th>
-    {~D:Record~}
-  </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] -->
-  `
-        }
-      ],
+				},
+				{
+					Hash: 'PRSP-List-RecordListHeader-Template-Header',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-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-List-RecordListHeader-Template-Header] -->
+	`
+				},
+				{
+					Hash: 'PRSP-List-RecordListActions-Template-Header',
+					Template: /*html*/`
+	<!-- DefaultPackage pict view template: [PRSP-List-RecordListHeader-Template-Header] -->
+	<th style="border-bottom: 1px solid #ccc; padding: 5px; background-color: #f2f2f2; color: #333;">
+		Actions
+	</th>
+	<!-- DefaultPackage end view template:  [PRSP-List-RecordListHeader-Template-Header] -->
+	`
+				},
+			],
 
-    Renderables:
-      [
-        {
-          RenderableHash: 'PRSP_Renderable_RecordListHeader',
-          TemplateHash: 'PRSP-List-RecordListHeader-Template',
-          DestinationAddress: '#PRSP_RecordListHeader_Container',
-          RenderMethod: 'replace'
-        }
-      ],
+		Renderables:
+			[
+				{
+					RenderableHash: 'PRSP_Renderable_RecordListHeader',
+					TemplateHash: 'PRSP-List-RecordListHeader-Template',
+					DestinationAddress: '#PRSP_RecordListHeader_Container',
+					RenderMethod: 'replace'
+				}
+			],
 
-    Manifests: {}
-  });
+		Manifests: {}
+	});
 
 class viewRecordSetListRecordListHeader extends libPictView
 {
-  constructor(pFable, pOptions, pServiceHash)
-  {
-    let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordListHeader, pOptions);
-    super(pFable, tmpOptions, pServiceHash);
-  }
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_CONFIGURATION_List_RecordListHeader, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+	}
 }
 
 module.exports = viewRecordSetListRecordListHeader;

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;
-