@gouvfr/dsfr-roller 1.0.26 → 1.0.28

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

@@ -2,14 +2,19 @@ import { Template } from '../template.js';
 import { Sidemenu } from '../../component/components/sidemenu.js';
 import { Breadcrumb } from '../../component/components/breadcrumb.js';
 import { TOC } from '../../page/body/toc.js';
+import { Edit } from '../../component/components/edit.js';
 
 class EditorialTemplate extends Template {
   constructor (data) {
     super(data);
 
     this._hasSidemenu = data?.resource?.navigation?.sidemenu !== undefined;
+    
+    this._hasEditUrl = data?.editUrl !== undefined;
 
-    if (this._hasSidemenu) this._sidemenu = new Sidemenu(data.resource.navigation.sidemenu);
+    if (this._hasSidemenu) this._sidemenu = new Sidemenu(data.resource.navigation.sidemenu, data.resource.badge);
+
+    if (this._hasEditUrl) this._edit = new Edit({...data.resource.edit, editUrl: data.editUrl, blankLabel: this.data.fragments.blank});
 
     this._breadcrumb = new Breadcrumb(data.breadcrumb);
 
@@ -20,7 +25,7 @@ class EditorialTemplate extends Template {
     const cols = [];
     if (this._hasSidemenu) {
       cols.push(`
-                <div class="fr-col-12 fr-col-md-4">
+                <div class="fr-col-12 fr-col-md-4 fr-pt-12v">
                     ${await this._sidemenu.render()}
                 </div>
             `);
@@ -31,6 +36,7 @@ class EditorialTemplate extends Template {
                     ${await this._breadcrumb.render()}
                     ${await this._toc.render()}
                     ${await super.render()}
+                    ${await this._edit.render()}
                 </div>
             `);
 

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

@@ -13,7 +13,7 @@ class SearchTemplate extends Template {
                   <div id="results-page--container" class="fr-col-12 fr-col-md-8">
                     <section class="dsfr-doc-search-page--head fr-mt-17v">
                       <h1>${this.data.title}</h1>
-                      <p id="results-count" class="fr-h5" role="status"></p>
+                      <p id="results-count" class="fr-h5"></p>
                     </section>
                   </div>
                 </div>