@gouvfr/dsfr-roller 1.0.0

package/src/template/template.js

@@ -0,0 +1,27 @@
+import { Renderable } from '../core/renderable.js';
+import { nodeFactory } from '../node/node-factory.js';
+
+class Template extends Renderable {
+  constructor (data) {
+    super(data);
+    nodeFactory.populate(data.fragments);
+    this._content = nodeFactory.create({
+      type: 'root',
+      children: data.nodes
+    });
+  }
+
+  get name () {
+    return this.constructor.NAME;
+  }
+
+  async render () {
+    return await this._content.render();
+  }
+
+  get text () {
+    return this._content.text;
+  }
+}
+
+export { Template };

package/src/template/templates/editorial-template.js

@@ -0,0 +1,45 @@
+import { Template } from '../template.js';
+import { Sidemenu } from '../../component/components/sidemenu.js';
+import { Breadcrumb } from '../../component/components/breadcrumb.js';
+
+class EditorialTemplate extends Template {
+  constructor (data) {
+    super(data);
+
+    this._hasSidemenu = data?.resource?.navigation?.sidemenu !== undefined;
+
+    if (this._hasSidemenu) this._sidemenu = new Sidemenu(data.resource.navigation.sidemenu);
+
+    this._breadcrumb = new Breadcrumb(data.breadcrumb);
+  }
+
+  async render () {
+    const cols = [];
+    if (this._hasSidemenu) {
+      cols.push(`
+                <div class="fr-col-12 fr-col-md-4">
+                    ${await this._sidemenu.render()}
+                </div>
+            `);
+    }
+
+    cols.push(`
+                <div class="fr-col-12 fr-col-md-8">
+                    ${await this._breadcrumb.render()}
+                    ${await super.render()}
+                </div>
+            `);
+
+
+    return `
+            <div class="fr-container">
+                <div class="fr-grid-row fr-grid-row--gutters fr-grid-row--center">
+                    ${cols.join('')}
+                 </div>
+            </div>`;
+  }
+}
+
+EditorialTemplate.NAME = 'editorial';
+
+export { EditorialTemplate };

package/src/template/templates/home-template.js

@@ -0,0 +1,18 @@
+import { Template } from '../template.js';
+
+class HomeTemplate extends Template {
+  constructor (data) {
+    super(data);
+  }
+
+  async render () {
+    return `
+            <div class="fr-container">
+                ${await super.render()}
+            </div>`;
+  }
+}
+
+HomeTemplate.NAME = 'home';
+
+export { HomeTemplate };

package/src/template/templates/search-template.js

@@ -0,0 +1,20 @@
+import { Template } from '../template.js';
+
+class SearchTemplate extends Template {
+  constructor (data) {
+    super(data);
+  }
+
+  async render () {
+    return `
+            <div class="fr-container">
+              <div id="results" class="dsfr-doc-results">
+
+              </div>
+            </div>`;
+  }
+}
+
+SearchTemplate.NAME = 'search';
+
+export { SearchTemplate };