npm - pict-section-recordset - Versions diffs - 1.0.0 → 1.0.2 - Mend

pict-section-recordset 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/.vscode/launch.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Launch Debug Harness",
+            "type": "pwa-node",
+            "request": "launch",
+            "outputCapture": "std",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "program": "${workspaceFolder}/debug/Harness.js",
+            "presentation": {
+                "hidden": false,
+                "group": "",
+                "order": 1
+            }
+        },
+        {
+            "name": "Mocha Tests",
+            "args": [
+                "-u",
+                "tdd",
+                "--timeout",
+                "999999",
+                "--colors",
+                "${workspaceFolder}/test"
+            ],
+            "internalConsoleOptions": "openOnSessionStart",
+            "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
+            "request": "launch",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "type": "pwa-node",
+            "presentation": {
+                "hidden": false,
+                "group": "",
+                "order": 2
+            }
+        }
+    ]
+}

package/debug/Harness.js CHANGED Viewed

@@ -1,7 +0,0 @@
-const libParseCSV = require('../utility/csvparser/ParseCSV-Program.js');
-// This command takes the `TabularManifestCSV.csv` file and imports it into a JSON file
-//libParseCSV.run(['node', 'Harness.js', 'import']);
-// This command takes the `data/MathExampleForm.json` file and injects any sidecare files in the `input_data` folder into the JSON file
-//libParseCSV.run(['node', 'Harness.js', 'inject']);
-libParseCSV.run(['node', 'Harness.js', 'intersect']);

package/example_applications/ServeExamples.js CHANGED Viewed

@@ -6,7 +6,7 @@ const defaultFableSettings = (
 		ProductVersion: '1.0.0',
 		APIServerPort: 9090,
-		OratorHTTPProxyDestinationURL: 'http://127.0.0.1:8086/'
+		OratorHTTPProxyDestinationURL: 'http://localhost:8086/',
 	});
 // Initialize Fable

package/example_applications/mocks/book-edit-view.html ADDED Viewed

@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Example Pict-Section-Form List View </title>
+	<style>
+		.grid-container {
+			display: grid;
+			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+			gap: 10px;
+		}
+		.grid-item{
+			background-color: #f0f0f0;
+			padding: 10px;
+			text-align: center;
+			border: 1px solid #ccc;
+			list-style-type: none;
+		}
+		.grid-item.active {
+			background-color: aliceblue
+		}
+		article {
+			padding: 20px;
+			border: 1px solid #ccc;
+			margin: 10px 0;
+		}
+	</style>
+</head>
+<body>
+	<!-- START Header template -->
+	<header id="RSP-Header-Container">
+		<!-- START Header-Title template -->
+		<input type="text" style="font-size: 24px; margin-top: 20px;" value="Book Title" />
+		<br>
+		<!-- END Header-Title template -->
+		<!-- START Header-Nav template -->
+		<nav id="RSP-Header-Nav">
+			<ul class="grid-container">
+				<li class="grid-item active"><a href="javascript:void(0);" onclick="toggleTabContent(event, 'RSP-Record-Toggleable-Content-1')">Details</a></li>
+				<li class="grid-item"><a href="javascript:void(0);" onclick="toggleTabContent(event, 'RSP-Record-Toggleable-Content-2')">Author</a></li>
+				<li class="grid-item"><a href="javascript:void(0);" onclick="toggleTabContent(event, 'RSP-Record-Toggleable-Content-3')">Series</a></li>
+			</ul>
+		</nav>
+		<!-- END Header-Nav template -->
+	</header>
+	<!-- END Header template -->
+	<!-- START Record template -->
+	<section id="RSP-Record-Container">
+		<!-- START Record Content -->
+		<article id="RSP-Record-Toggleable-Content-1">
+			<!-- START Record Content-Description template -->
+			<br />
+			<textarea>Book Description</textarea>
+			<br />
+			<!-- END Record Content-Description template -->
+			<!-- START Record Content-Image template -->
+			<img src="image.jpg" alt="Book Image">
+			<button type="button" id="RSP-Record-Image-Button">Change Image</button>
+			<!-- END Record Content-Image template -->
+			<!-- START Record Content-Details template -->
+			<h4>Book Metadata:</h4>
+			<ul>
+				<li><input type="text" value="Info 1" /></li>
+				<li><input type="text" value="Info 2" /></li>
+				<li><input type="text" value="Info 3" /></li>
+			</ul>
+			<!-- END Record Content-Details template -->
+		</article>
+		<!-- END Record Content -->
+		<!-- START Record Content -->
+		<article id="RSP-Record-Toggleable-Content-2" style="display:none;">
+			<!-- START Record Content-Title template -->
+			<input type="text" value="Joined Entity 1 Title" />
+			<!-- END Record Content-Title template -->
+			<!-- START Record Content-Description template -->
+			<br />
+			<textarea>Joined Entity 1 Description</textarea>
+			<!-- END Record Content-Description template -->
+			<!-- START Record Content-Details template -->
+			<ul>
+				<li><input type="text" value="Detail A" /></li>
+				<li><input type="text" value="Detail B" /></li>
+				<li><input type="text" value="Detail C" /></li>
+			</ul>
+			<!-- END Record Content-Details template -->
+		</article>
+		<!-- END Record Content -->
+		<!-- START Record Content -->
+		<article id="RSP-Record-Toggleable-Content-3" style="display:none;">
+			<!-- START Record Content-Title template -->
+			<input type="text" value="Joined Entity 2 Title" />
+			<!-- END Record Content-Title template -->
+			<!-- START Record Content-Description template -->
+			<br />
+			<textarea>Joined Entity 2 Description</textarea>
+			<!-- END Record Content-Description template -->
+			<!-- START Record Content-Details template -->
+			<ul>
+				<li><input type="text" value="Detail X" /></li>
+				<li><input type="text" value="Detail Y" /></li>
+				<li><input type="text" value="Detail Z" /></li>
+			</ul>
+			<!-- END Record Content-Details template -->
+		</article>
+		<!-- END Record Content -->
+	</section>
+	<!-- END Record template -->
+	<!-- Footer template -->
+	<footer id="RSP-Footer-Container">
+		<!-- NOTE: slot for additional set actions -->
+		<!-- START Record Content-Button template -->
+		<button type="button" id="RSP-Record-Button" onclick="window.location='./book-read-view.html'">Save Changes</button>
+		<!-- END Record Content-Button template -->
+	</footer>
+	<!-- END Footer template -->
+	<script>
+		function toggleTabContent(event, contentId) {
+			// Remove 'active' class from all tabs
+			const tabs = document.querySelectorAll('#RSP-Header-Nav .grid-item');
+			tabs.forEach(tab => {
+				tab.classList.remove('active');
+			});
+			// Add 'active' class to the clicked tab
+			event.currentTarget.parentElement.classList.add('active');
+			// Hide all content sections
+			const contents = document.querySelectorAll('article[id^="RSP-Record-Toggleable-Content-"]');
+			contents.forEach(content => {
+				if (content.id === contentId) {
+					content.style.display = 'block';
+				} else {
+					content.style.display = 'none';
+				}
+			});
+		}
+	</script>
+</body>
+</html>

package/example_applications/mocks/book-read-view.html ADDED Viewed

@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Example Pict-Section-Form List View </title>
+	<style>
+		.grid-container {
+			display: grid;
+			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+			gap: 10px;
+		}
+		.grid-item{
+			background-color: #f0f0f0;
+			padding: 10px;
+			text-align: center;
+			border: 1px solid #ccc;
+			list-style-type: none;
+		}
+		.grid-item.active {
+			background-color: aliceblue
+		}
+		article {
+			padding: 20px;
+			border: 1px solid #ccc;
+			margin: 10px 0;
+		}
+	</style>
+</head>
+<body>
+	<!-- START Header template -->
+	<header id="RSP-Header-Container">
+		<!-- START Header-Title template -->
+		<h1>Book Title</h1>
+		<!-- END Header-Title template -->
+		<!-- START Header-Nav template -->
+		<nav id="RSP-Header-Nav">
+			<ul class="grid-container">
+				<li class="grid-item active"><a href="javascript:void(0);" onclick="toggleTabContent(event, 'RSP-Record-Toggleable-Content-1')">Details</a></li>
+				<li class="grid-item"><a href="javascript:void(0);" onclick="toggleTabContent(event, 'RSP-Record-Toggleable-Content-2')">Author</a></li>
+				<li class="grid-item"><a href="javascript:void(0);" onclick="toggleTabContent(event, 'RSP-Record-Toggleable-Content-3')">Series</a></li>
+			</ul>
+		</nav>
+		<!-- END Header-Nav template -->
+	</header>
+	<!-- END Header template -->
+	<!-- START Record template -->
+	<section id="RSP-Record-Container">
+		<!-- START Record Content -->
+		<article id="RSP-Record-Toggleable-Content-1">
+			<!-- START Record Content-Description template -->
+			<p>Book Description</p>
+			<!-- END Record Content-Description template -->
+			<!-- START Record Content-Image template -->
+			<img src="image.jpg" alt="Book Image">
+			<!-- END Record Content-Image template -->
+			<!-- START Record Content-Details template -->
+			<h4>Book Metadata:</h4>
+			<ul>
+				<li>Info 1</li>
+				<li>Info 2</li>
+				<li>Info 3</li>
+			</ul>
+			<!-- END Record Content-Details template -->
+		</article>
+		<!-- END Record Content -->
+		<!-- START Record Content -->
+		<article id="RSP-Record-Toggleable-Content-2" style="display:none;">
+			<!-- START Record Content-Title template -->
+			<h3>Joined Entity 1 Title</h3>
+			<!-- END Record Content-Title template -->
+			<!-- START Record Content-Description template -->
+			<p>Joined Entity 1 Description</p>
+			<!-- END Record Content-Description template -->
+			<!-- START Record Content-Details template -->
+			<ul>
+				<li>Detail A</li>
+				<li>Detail B</li>
+				<li>Detail C</li>
+			</ul>
+			<!-- END Record Content-Details template -->
+		</article>
+		<!-- END Record Content -->
+		<!-- START Record Content -->
+		<article id="RSP-Record-Toggleable-Content-3" style="display:none;">
+			<!-- START Record Content-Title template -->
+			<h3>Joined Entity 2 Title</h3>
+			<!-- END Record Content-Title template -->
+			<!-- START Record Content-Description template -->
+			<p>Joined Entity 2 Description</p>
+			<!-- END Record Content-Description template -->
+			<!-- START Record Content-Details template -->
+			<ul>
+				<li>Detail X</li>
+				<li>Detail Y</li>
+				<li>Detail Z</li>
+			</ul>
+			<!-- END Record Content-Details template -->
+		</article>
+		<!-- END Record Content -->
+	</section>
+	<!-- END Record template -->
+	<!-- Footer template -->
+	<footer id="RSP-Footer-Container">
+		<!-- NOTE: slot for additional set actions -->
+		<!-- START Record Content-Button template -->
+		<button type="button" id="RSP-Record-Button" onclick="window.location='./book-edit-view.html'">Edit Record</button>
+		<!-- END Record Content-Button template -->
+	</footer>
+	<!-- END Footer template -->
+	<script>
+		function toggleTabContent(event, contentId) {
+			// Remove 'active' class from all tabs
+			const tabs = document.querySelectorAll('#RSP-Header-Nav .grid-item');
+			tabs.forEach(tab => {
+				tab.classList.remove('active');
+			});
+			// Add 'active' class to the clicked tab
+			event.currentTarget.parentElement.classList.add('active');
+			// Hide all content sections
+			const contents = document.querySelectorAll('article[id^="RSP-Record-Toggleable-Content-"]');
+			contents.forEach(content => {
+				if (content.id === contentId) {
+					content.style.display = 'block';
+				} else {
+					content.style.display = 'none';
+				}
+			});
+		}
+	</script>
+</body>
+</html>

package/example_applications/mocks/list-view.html ADDED Viewed

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Example Pict-Section-Form List View </title>
+</head>
+<body>
+	<!-- START Header template -->
+	<header id="RSP-Header-Container">
+		<!-- START Header-Title template -->
+		<h1>Title of Entity</h1>
+		<!-- END Header-Title template -->
+		<!-- START Header-Subtitle template -->
+		<h2>Subtitle of Entity</h2>
+		<!-- END Header-Subtitle template -->
+	</header>
+	<!-- END Header template -->
+	<!-- START Filter template-->
+	<section id="RSP-Filter-Container">
+		<form id="RSP-Filter-Form">
+			<!-- START Filter-Input-Container template -->
+			<fieldset>
+				<!-- START Filter-Input-Label template -->
+				<label for="filter">Filter:</label>
+				<!-- END Filter-Input-Label template -->
+				<!-- START Filter-Input template -->
+				<input type="text" id="filter" name="filter">
+				<!-- END Filter-Input template -->
+			</fieldset>
+			<!-- END Filter-Input-Container template -->
+			<!-- START Filter-Button-Container template -->
+			<fieldset id="RSP-Filter-Button-Container">
+				<!-- START Filter-Button-Reset template -->
+				<button type="button" id="RSP-Filter-Button-Reset">Reset</button>
+				<!-- END Filter-Button-Reset template -->
+				<!-- START Filter-Button-Apply template -->
+				<button type="submit" id="RSP-Filter-Button-Apply">Apply</button>
+				<!-- END Filter-Button-Apply template -->
+			</fieldset>
+			<!-- END Filter-Button-Container template -->
+		</form>
+	</section>
+	<!-- END Filter template-->
+	<!-- START Upper Pagination template -->
+	<nav id="RSP-Upper-Pagination-Container">
+		<!-- START Upper Pagination-Description template -->
+		<p>Showing 1-25 of 100</p>
+		<!-- END Upper Pagination-Description template -->
+		<!-- START Upper Pagination-Button-Container template -->
+		<ul>
+			<!-- START Upper Pagination Button Previous template -->
+			<li><a href="#">&laquo; Previous</a></li>
+			<!-- END Upper Pagination Button Previous template -->
+			<!-- START Upper Pagination Button Page template -->
+			<li><a href="#">1</a></li>
+			<!-- END Upper Pagination Button Page template -->
+			<!-- NOTE: more as needed (for examples)-->
+			<li><a href="#">2</a></li>
+			<li><a href="#">3</a></li>
+			<li><a href="#">4</a></li>
+			<!-- START Upper Pagination Button Next template -->
+			<li><a href="#">Next &raquo;</a></li>
+			<!-- END Upper Pagination Button Next template -->
+			<!-- START Upper Pagination Button Page template -->
+		</ul>
+		<!-- END Upper Pagination Button Page template -->
+	</nav>
+	<!-- END Upper Pagination template -->
+	<!-- START List template -->
+	<section id="RSP-List-Container">
+		<!-- START List-Table template -->
+		<table id="RSP-List-Table">
+			<!-- START List-Table-Header template -->
+			<thead>
+				<tr>
+					<!-- START List-Table-Header-Cell -->
+					<th>Column 1</th>
+					<!-- END List-Table-Header-Cell -->
+					<!-- NOTE: more cells as needed -->
+					<th>Column 2</th>
+					<th>Column 3</th>
+				</tr>
+			</thead>
+			<!-- END List-Table-Header template -->
+			<!-- START List-Table-Body template -->
+			<tbody>
+				<!-- START List-Table-Body-Row -->
+				<tr>
+					<!-- START List-Table-Body-Cell -->
+					<td>Row 1, Cell 1</td>
+					<!-- END List-Table-Body-Cell -->
+					<!-- NOTE: more cells as needed -->
+					<td>Row 1, Cell 2</td>
+					<td>Row 1, Cell 3</td>
+					<!-- START List-Table-Body-Extra-Cell -->
+					<td><!-- NOTE: slot for extra columns--></td>
+					<!-- END List-Table-Body-Extra-Cell -->
+				</tr>
+				<!-- END List-Table-Body-Row -->
+				<!-- Note: more rows as needed -->
+			</tbody>
+			<!-- END List-Table-Body template -->
+		</table>
+		<!-- END List-Table template -->
+	</section>
+	<!-- END List template -->
+	<!-- START Lower Pagination template -->
+	<nav id="RSP-Lower-Pagination-Container">
+		<!-- NOTE: Re-apply "RSP-Upper-Pagination-Container" content here to avoid duplication. -->
+	</nav>
+	<!-- END Lower Pagination template -->
+	<!-- Footer template -->
+	<footer id="RSP-Footer-Container">
+		<!-- NOTE: slot for additional set actions -->
+	</footer>
+	<!-- END Footer template -->
+</body>
+</html>

package/example_applications/simple_entity/Simple-RecordSet-Application.js CHANGED Viewed

@@ -4,30 +4,36 @@ const libPictRecordSet = require('../../source/Pict-Section-RecordSet.js');
 module.exports = libPictRecordSet.PictRecordSetApplication;
 module.exports.default_configuration.pict_configuration = (
-		{
-			"Product": "Simple Record Set",
-			"DefaultRecordSetConfigurations":
-				[
-					{
-						"RecordSet": "Book",
-						"RecordSetType": "MeadowEndpoint", // Could be "Custom" which would require a provider to already be created for the record set.
-						"RecordSetMeadowEntity": "Book",   // This leverages the /Schema endpoint to get the record set columns.
-						"RecordSetURLPrefix": "http://datadebase.com:8086/1.0/"
-					},
-					{
-						"RecordSet": "Author",
-						"RecordSetType": "MeadowEndpoint",
-						"RecordSetMeadowEntity": "Author",
-						"RecordSetURLPrefix": "http://datadebase.com:8086/1.0/"
-					},
-					{
-						"RecordSet": "RandomizedValues",
-						"RecordSetType": "Custom" // This means the `PS-RSP-RandomizedValues` provider will be checked for to get records.
-					}
-				]
-		});
+	{
+		"Product": "Simple Record Set",
+		"PictApplicationConfiguration":
+			{
+				"AutoRenderMainViewportViewAfterInitialize": false
+			},
+		"DefaultRecordSetConfigurations":
+			[
+				{
+					"RecordSet": "Book",
+					"RecordSetType": "MeadowEndpoint", // Could be "Custom" which would require a provider to already be created for the record set.
+					"RecordSetMeadowEntity": "Book",   // This leverages the /Schema endpoint to get the record set columns.
+					"RecordSetURLPrefix": "/1.0/"
+				},
+				{
+					"RecordSet": "Author",
+					"RecordSetType": "MeadowEndpoint",
+					"RecordSetMeadowEntity": "Author",
+					"RecordSetURLPrefix": "/1.0/"
+				},
+				{
+					"RecordSet": "RandomizedValues",
+					"RecordSetType": "Custom" // This means the `PS-RSP-RandomizedValues` provider will be checked for to get records.
+				}
+			]
+		});

package/example_applications/simple_entity/html/index.html CHANGED Viewed

@@ -3,11 +3,11 @@
 	<head>
 		<title>Simple.</title>
 		<style id="PICT-CSS"></style>
-		<script src="./pict.min.js" type="text/javascript"></script>
+		<script src="./pict.js" type="text/javascript"></script>
 		<script type="text/javascript">Pict.safeOnDocumentReady(() => { Pict.safeLoadPictApplication(SimpleApplication, 1)});</script>
 	</head>
 	<body>
-		<div id="Pict-Form-Container"></div>
-		<script src="./simple_application.min.js" type="text/javascript"></script>
+		<div id="PRSP_List_Container"></div>
+		<script src="./simple_application.js" type="text/javascript"></script>
 	</body>
 </html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "pict-section-recordset",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Pict dynamic record set management views",
   "main": "source/Pict-Section-RecordSet.js",
   "directories": {
@@ -21,27 +21,31 @@
     "build": "npx quack build",
     "test": "npx mocha -u tdd -R spec",
     "lint": "eslint source/**",
-    "types": "tsc -p ."
+    "types": "tsc -p tsconfig.build.json"
   },
   "types": "types/source/Pict-Section-RecordSet.d.ts",
   "author": "steven velozo <steven@velozo.com>",
   "license": "MIT",
   "devDependencies": {
     "@eslint/js": "^9.21.0",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^16.18.126",
     "browser-env": "^3.3.0",
-    "eslint": "^9.21.0",
+    "eslint": "^9.26.0",
     "jquery": "^3.7.1",
-    "pict": "^1.0.237",
-    "pict-application": "^1.0.24",
+    "pict": "^1.0.248",
+    "pict-application": "^1.0.25",
     "pict-service-commandlineutility": "^1.0.15",
-    "quackage": "^1.0.40",
-    "typescript": "^5.7.3"
+    "quackage": "^1.0.41",
+    "typescript": "^5.8.3"
   },
   "dependencies": {
     "fable-serviceproviderbase": "^3.0.15",
     "pict-provider": "^1.0.3",
+    "pict-router": "^1.0.3",
+    "pict-section-form": "^1.0.90",
     "pict-template": "^1.0.10",
-    "pict-view": "^1.0.59"
+    "pict-view": "^1.0.60"
   },
   "mocha": {
     "diff": true,

package/source/Pict-Section-RecordSet.js CHANGED Viewed

@@ -1,8 +1,12 @@
 // The container for all the Pict-Section-Form related code.
 // The main dynamic view class
-module.exports = require('./Pict-Section-RecordSet.js');
+module.exports = require('./services/RecordsSet-MetaController.js');
 //module.exports.default_configuration = require('./views/Pict-View-DynamicForm-DefaultConfiguration.json');
 // The application container
-module.exports.PictRecordSetApplication = require('./application/Pict-Application-RecordSet.js');
+module.exports.PictRecordSetApplication = require('./application/Pict-Application-RecordSet.js');
+// Export the providers
+module.exports.RecordSetProviderBase = require('./providers/RecordSet-RecordProvider-Base.js');
+module.exports.RecordSetProviderMeadowEndpoints = require('./providers/RecordSet-RecordProvider-MeadowEndpoints.js');

package/source/application/Pict-Application-RecordSet.js CHANGED Viewed

@@ -3,14 +3,14 @@ const libPictApplication = require('pict-application');
 const libPictSectionRecordSet = require('../Pict-Section-RecordSet.js');
 /**
- * Represents a PictSectionFormApplication.
+ * Represents a PictSectionRecordSetApplication.
  *
- * This is the automagic controller for a dyncamic form application.
+ * This is the automagic controller for a dynamic record set application.
  *
  * @class
  * @extends libPictApplication
  */
-class PictSectionFormApplication extends libPictApplication
+class PictSectionRecordSetApplication extends libPictApplication
 {
 	constructor(pFable, pOptions, pServiceHash)
 	{
@@ -21,9 +21,28 @@ class PictSectionFormApplication extends libPictApplication
 		// Add the pict recordset meta controller service
 		this.pict.addServiceType('PictSectionRecordSet', libPictSectionRecordSet);
 	}
+	onInitialize()
+	{
+		// Add the PictSectionRecordSet service
+		this.pict.instantiateServiceProvider('PictSectionRecordSet', this.options);
+		// Initialize the views for the foundation metacontroller service
+		this.pict.PictSectionRecordSet.initialize();
+		// Initialize the parent class
+		return super.onInitialize();
+	}
+	onAfterInitialize()
+	{
+		// Now add the routes
+		this.pict.providers.RecordSetRouter.addRoutes(this.fable.providers.RecordSetRouter.pictRouter);
+		return super.onAfterInitialize();
+	}
 };
-module.exports = PictSectionFormApplication
+module.exports = PictSectionRecordSetApplication
 module.exports.default_configuration = (
 {