Feature/regulatory statements

app/components/app-chrome-statement.hbs

@@ -0,0 +1,58 @@
+<nav>
+  <div class="au-c-app-chrome">
+    <AuToolbar @size="small" class="au-u-padding-bottom-none">
+      <AuToolbarGroup>
+        <AuLink @route={{@returnRoute}} @skin="secondary">
+          <AuIcon @icon="arrow-left" @alignment="left" />
+          {{@returnRouteText}}
+        </AuLink>
+        <span class="au-c-app-chrome__entity">{{this.currentSession.group.classificatie.label}} {{this.currentSession.group.naam}}</span>
+      </AuToolbarGroup>
+      <AuToolbarGroup>
+        <ul class="au-c-list-horizontal au-u-padding-right-tiny">
+          <li class="au-c-list-horizontal__item">
+            <span class="au-c-app-chrome__status">
+              Bewaard op 31-05-2022
+            </span>
+          </li>
+        </ul>
+      </AuToolbarGroup>
+    </AuToolbar>
+    <AuToolbar @size="small" class="au-u-padding-top-none">
+      <AuToolbarGroup>
+        <div>
+          <AuPill @skin="default">
+            Ontwerp
+          </AuPill>
+        </div>
+        <EditorDocumentTitle @title="Titel reglementaire bijlage" @editActive={{@editorDocument.isNew}} @onChange={{this.updateDocumentTitle}} @readOnly={{@readOnly}} />
+      </AuToolbarGroup>
+      <AuToolbarGroup>
+        <AuButtonGroup @inline={{true}} role="tablist" aria-label="editor-tabs">
+          <AuButton class="au-u-margin-bottom-none is-active" @skin="secondary" @icon="document" @iconAlignment="left" aria-selected="false" aria-controls="panel-1" id="tab-1" tabindex="0">
+            Document
+          </AuButton>
+          <AuButton class="au-u-margin-bottom-none"  @skin="secondary" @icon="attachment" @iconAlignment="left" role="tab" aria-selected="true" aria-controls="panel-2" id="tab-2" tabindex="-1">
+            Versies (0)
+          </AuButton>
+        </AuButtonGroup>
+        <AuDropdown @title="Bestand acties" @buttonLabel="Bestand opties" @alignment="right">
+          <AuButton @skin="tertiary" role="menuitem">
+            <AuIcon @icon="copy" @alignment="left" />
+            Kopieer reglementaire bijlage
+          </AuButton>
+          <AuButton @skin="tertiary" role="menuitem">
+            <AuIcon @icon="export" @alignment="left" />
+            Exporteer als HTML
+          </AuButton>
+          <AuButton @skin="tertiary" @alert="true" role="menuitem">
+            <AuIcon @icon="bin" @alignment="left" />
+            Naar prullenmand
+          </AuButton>
+        </AuDropdown>
+
+        <AuButton>Bewaar</AuButton>
+      </AuToolbarGroup>
+    </AuToolbar>
+  </div>
+</nav>

app/components/app-chrome-statement.js

@@ -0,0 +1,25 @@
+import Component from '@glimmer/component';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { DRAFT_STATUS_ID } from 'frontend-gelinkt-notuleren/utils/constants';
+
+export default class AppChromeComponent extends Component {
+  @service currentSession;
+  @service features;
+
+  get documentStatus() {
+    const status = this.args.documentContainer?.get('status');
+    return status;
+  }
+
+  get isNotAllowedToTrash() {
+    return (
+      !this.documentStatus || this.documentStatus.get('id') != DRAFT_STATUS_ID
+    );
+  }
+
+  @action
+  updateDocumentTitle(title) {
+    this.args.editorDocument.title = title;
+  }
+}

app/components/document-creator.hbs

@@ -17,7 +17,7 @@
     invalidTemplate=this.invalidTemplate
     updateTitle=this.updateTitle
     selectedTemplate=this.template
-    options=this.templateOptions
+    options=@templateOptions
     onSelectTemplate=this.onSelectTemplate
     )
     create=this.create

app/components/document-creator.js

@@ -3,17 +3,13 @@ import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { task } from 'ember-concurrency';
-import {
-  DRAFT_FOLDER_ID,
-  DRAFT_STATUS_ID,
-} from 'frontend-gelinkt-notuleren/utils/constants';
+import { DRAFT_STATUS_ID } from 'frontend-gelinkt-notuleren/utils/constants';
 import instantiateUuids from '@lblod/ember-rdfa-editor-standard-template-plugin/utils/instantiate-uuids';
 
 export default class DocumentCreatorComponent extends Component {
   @tracked title = '';
   @tracked type;
   @tracked template;
-  @tracked templateOptions = [];
   @tracked invalidTitle;
   @tracked invalidTemplate;
   @tracked errorSaving;
@@ -22,11 +18,6 @@ export default class DocumentCreatorComponent extends Component {
   @service rdfaEditorStandardTemplatePlugin;
   @service currentSession;
 
-  constructor() {
-    super(...arguments);
-    this.ensureTemplates.perform();
-  }
-
   @action
   rollback() {
     this.title = '';
@@ -86,19 +77,12 @@ export default class DocumentCreatorComponent extends Component {
     }
   }
 
-  @task
-  *ensureTemplates() {
-    const templates =
-      yield this.rdfaEditorStandardTemplatePlugin.fetchTemplates.perform();
-    this.templateOptions =
-      this.rdfaEditorStandardTemplatePlugin.templatesForContext(templates, [
-        'http://data.vlaanderen.be/ns/besluit#BehandelingVanAgendapunt',
-      ]);
-  }
-
   async buildTemplate() {
     if (this.template) {
-      await this.template.reload(); // templatesForContext does not return body of template
+      if (this.template.reload) {
+        // regular templates from templatesForContext do not return body of template
+        await this.template.reload(this.template);
+      }
       return instantiateUuids(this.template.body);
     } else return '';
   }
@@ -123,7 +107,7 @@ export default class DocumentCreatorComponent extends Component {
       );
       container.folder = yield this.store.findRecord(
         'editor-document-folder',
-        DRAFT_FOLDER_ID
+        this.args.folderId
       );
       container.publisher = this.currentSession.group;
       container.currentVersion = editorDocument;

app/components/meeting-form.js

@@ -48,7 +48,6 @@ export default class MeetingForm extends Component {
       );
       this.headerArticleTranslationString =
         articlesBasedOnClassifcationMap[classification.get('uri')];
-      console.log(this.headerArticleTranslationString);
       this.secretaris = yield this.zitting.get('secretaris');
       this.voorzitter = yield this.zitting.get('voorzitter');
       yield this.fetchParticipants.perform();

app/components/signatures/publication-status.js

@@ -8,7 +8,6 @@ export default class SignaturesPublicationStatus extends Component {
   @tracked ready = false;
   @action
   async loadResource() {
-    console.log(this.args.versionedResource.get('signedResources'));
     this.signedResources =
       (await this.args.versionedResource.get('signedResources')) || [];
     this.publishedResource = await this.args.versionedResource.get(

app/config/constants.js

@@ -1,5 +1,21 @@
 export const EDITOR_FOLDERS = {
   IRG_ARCHIVE: '17b39ab5-9da6-42fd-8568-2b1a848cd21c',
   DECISION_DRAFTS: 'ae5feaed-7b70-4533-9417-10fbbc480a4c',
+  REGULATORY_STATEMENTS: 'd80d06d2-8fc2-4b12-821f-e88b2f035a44',
   TRASH: '5A8304E8C093B00009000010',
 };
+
+export const PLUGIN_CONFIGS = {
+  TABLE_OF_CONTENTS: [
+    {
+      sectionPredicate: 'https://say.data.gift/ns/hasPart',
+      value: {
+        predicate: 'https://say.data.gift/ns/heading',
+      },
+    },
+    {
+      sectionPredicate: 'https://say.data.gift/ns/hasParagraph',
+      value: '§',
+    },
+  ],
+};

app/controllers/inbox/agendapoints/new.js

@@ -1,11 +1,14 @@
 import Controller from '@ember/controller';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
+import { EDITOR_FOLDERS } from 'frontend-gelinkt-notuleren/config/constants';
 
 export default class InboxAgendapointsNewController extends Controller {
   @service router;
   @service plausible;
 
+  folderId = EDITOR_FOLDERS.DECISION_DRAFTS;
+
   @action
   redirectToAgendapoint(container, chosenTemplate) {
     // Plausible Analytics: post custom event about the template used to create the agendapoint
@@ -19,4 +22,8 @@ export default class InboxAgendapointsNewController extends Controller {
   cancelAgendapointCreation() {
     this.router.transitionTo('inbox.agendapoints');
   }
+
+  get templateOptions() {
+    return this.model;
+  }
 }

app/controllers/inbox/regulatory-statements/new.js

@@ -0,0 +1,29 @@
+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+import { EDITOR_FOLDERS } from 'frontend-gelinkt-notuleren/config/constants';
+
+export default class InboxRegulatoryStatementsNewController extends Controller {
+  @service router;
+  @service plausible;
+
+  folderId = EDITOR_FOLDERS.REGULATORY_STATEMENTS;
+
+  @action
+  redirectToStatement(container, chosenTemplate) {
+    // Plausible Analytics: post custom event about the template used to create the agendapoint
+    this.plausible.trackEvent('Create regulatory-statement', {
+      templateTitle: chosenTemplate.title,
+    });
+    this.router.transitionTo('regulatory-statements.edit', container.id);
+  }
+
+  @action
+  cancelCreation() {
+    this.router.transitionTo('inbox.regulatory-statements');
+  }
+
+  get templateOptions() {
+    return this.model;
+  }
+}

app/controllers/regulatory-statements/edit.js

@@ -0,0 +1,21 @@
+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+import { PLUGIN_CONFIGS } from 'frontend-gelinkt-notuleren/config/constants';
+
+export default class RegulatoryStatementsRoute extends Controller {
+  plugins = [
+    'article-structure',
+    { name: 'rdfa-toc', options: { config: PLUGIN_CONFIGS.TABLE_OF_CONTENTS } },
+  ];
+
+  @action
+  rdfaEditorInit(controller) {
+    controller.executeCommand(
+      'insert-component',
+      'inline-components/table-of-contents',
+      {},
+      {},
+      false
+    );
+  }
+}

app/router.js

@@ -13,6 +13,9 @@ Router.map(function () {
     this.route('agendapoints', function () {
       this.route('new');
     });
+    this.route('regulatory-statements', function () {
+      this.route('new');
+    });
     this.route('meetings', function () {
       this.route('new');
     });
@@ -64,4 +67,7 @@ Router.map(function () {
   this.route('irg-archive', function () {
     this.route('show', { path: ':id' });
   });
+  this.route('regulatory-statements', function () {
+    this.route('edit', { path: ':id' });
+  });
 });

app/routes/inbox/agendapoints/new.js

@@ -4,10 +4,20 @@ import { inject as service } from '@ember/service';
 export default class InboxAgendapointsNewRoute extends Route {
   @service currentSession;
   @service router;
+  @service rdfaEditorStandardTemplatePlugin;
 
   beforeModel() {
     if (!this.currentSession.canWrite) {
       this.router.replaceWith('inbox.agendapoints');
     }
   }
+
+  async model() {
+    const templates =
+      await this.rdfaEditorStandardTemplatePlugin.fetchTemplates.perform();
+    return this.rdfaEditorStandardTemplatePlugin.templatesForContext(
+      templates,
+      ['http://data.vlaanderen.be/ns/besluit#BehandelingVanAgendapunt']
+    );
+  }
 }

app/routes/inbox/regulatory-statements.js

@@ -0,0 +1,28 @@
+import Route from '@ember/routing/route';
+import { EDITOR_FOLDERS } from '../../config/constants';
+import { inject as service } from '@ember/service';
+
+export default class InboxRegulatoryStatementsRoute extends Route {
+  @service store;
+
+  queryParams = {
+    page: { refreshModel: true },
+    sort: { refreshModel: true },
+    filter: { refreshModel: true },
+  };
+
+  async model(params) {
+    const options = {
+      sort: params.sort,
+      include: 'status,current-version',
+      'filter[folder][:id:]': EDITOR_FOLDERS.REGULATORY_STATEMENTS,
+      page: {
+        number: params.page,
+      },
+    };
+    if (params.filter) {
+      options['filter[current-version][title]'] = params.filter;
+    }
+    return this.store.query('document-container', options);
+  }
+}

app/routes/inbox/regulatory-statements/new.js

@@ -0,0 +1,19 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class InboxRegulatoryStatementsNewRoute extends Route {
+  @service currentSession;
+  @service router;
+  @service regulatoryAttachmentsFetcher;
+
+  beforeModel() {
+    if (!this.currentSession.canWrite) {
+      this.router.replaceWith('inbox.regulatory-statements');
+    }
+  }
+
+  async model() {
+    const templates = await this.regulatoryAttachmentsFetcher.fetch.perform();
+    return templates;
+  }
+}

app/routes/meetings/publish/uittreksels/index.js

@@ -20,7 +20,6 @@ export default class MeetingsPublishUittrekselsRoute extends Route.extend(
   };
 
   mergeQueryOptions(params) {
-    console.log(params);
     const query = {
       include: 'behandeling.versioned-behandeling',
       filter: { zitting: { ':id:': this.meetingId } },