@lblod/ember-rdfa-editor-lblod-plugins 0.4.1 → 1.0.0-alpha.2

package/addon/components/citaten-plugin/citaat-card.js

@@ -1,286 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-// import { task } from 'ember-concurrency-decorators';
-import { task, timeout } from 'ember-concurrency';
-import { action } from '@ember/object';
-import { capitalize } from '@ember/string';
-import processMatch from '../../utils/processMatch';
-import { cleanCaches, fetchDecisions } from '../../utils/vlaamse-codex';
-import {
-  LEGISLATION_TYPE_CONCEPTS,
-  LEGISLATION_TYPES,
-} from '../../utils/legislation-types';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
-
-const BASIC_MULTIPLANE_CHARACTER = '\u0021-\uFFFF'; // most of the characters used around the world
-
-// Regex nicely structured:
-// (
-//   (
-//     \w*decreet |
-//     omzendbrief |
-//     verdrag |
-//     grondwetswijziging |
-//     samenwerkingsakkoord |
-//     \w*wetboek |
-//     protocol |
-//     besluit[^\S\n]van[^\S\n]de[^\S\n]vlaamse[^\S\n]regering |
-//     geco[öo]rdineerde wetten |
-//     \w*wet |
-//     koninklijk[^\S\n]?besluit |
-//     ministerieel[^\S\n]?besluit |
-//     genummerd[^\S\n]?koninklijk[^\S\n]?besluit
-//   )
-//   [^\S\n]*
-//   (
-//     ([^\S\n] | [\u0021-\uFFFF\d;:'"()&\-_]){3,}
-//   )?
-// )
-const NNWS = '[^\\S\\n]';
-const CITATION_REGEX = new RegExp(
-  `((\\w*decreet|omzendbrief|verdrag|grondwetswijziging|samenwerkingsakkoord|\\w*wetboek|protocol|besluit${NNWS}van${NNWS}de${NNWS}vlaamse${NNWS}regering|geco[öo]rdineerde${NNWS}wetten|\\w*wet|koninklijk${NNWS}?besluit|ministerieel${NNWS}?besluit|genummerd${NNWS}?koninklijk${NNWS}?besluit|\\w*${NNWS}?besluit)${NNWS}*((${NNWS}|[${BASIC_MULTIPLANE_CHARACTER};:'"()&-_]){3,})?)`,
-  'uig'
-);
-
-export default class CitaatCardComponent extends Component {
-  @tracked pageNumber = 0;
-  @tracked pageSize = 5;
-  @tracked totalSize;
-  @tracked decisions = [];
-  @tracked error;
-  @tracked showModal = false;
-  @tracked showCard = false;
-  @tracked decision;
-  @tracked legislationTypeUri;
-  @tracked legislationTypeUriAfterTimeout;
-  @tracked text;
-  @tracked textAfterTimeout;
-  @tracked markSelected;
-  liveHighlights;
-
-  constructor() {
-    super(...arguments);
-    this.liveHighlights = this.args.controller.createLiveMarkSet({
-      datastoreQuery: (datastore) => {
-        const matches = datastore
-          .match(null, '>http://data.vlaanderen.be/ns/besluit#motivering')
-          .searchTextIn('predicate', CITATION_REGEX);
-        const resultMatches = matches.filter((match) => {
-          return (
-            datastore
-              .limitToRange(match.range, {
-                type: 'rangeTouches',
-                includeEndTags: true,
-              })
-              .match(null, '>http://data.europa.eu/eli/ontology#cites').size ===
-            0
-          );
-        });
-        resultMatches.forEach((match) => (match.range = match.groupRanges[1]));
-        return resultMatches;
-      },
-
-      liveMarkSpecs: [
-        {
-          name: 'citaten',
-          attributesBuilder: (textMatch) => {
-            const result = processMatch(textMatch);
-            return {
-              setBy: 'citaten-plugin',
-              text: result.text,
-              legislationTypeUri: result.legislationTypeUri,
-            };
-          },
-        },
-        'highlighted',
-      ],
-    });
-    this.controller.onEvent(
-      'selectionChanged',
-      this.onSelectionChanged.bind(this)
-    );
-  }
-
-  onSelectionChanged() {
-    const range = this.controller.selection.lastRange;
-    if (!range) {
-      return;
-    }
-    const marks = range.getMarks();
-    let selectionMark;
-    for (let mark of marks) {
-      if (mark.name === 'citaten') {
-        selectionMark = mark;
-        break;
-      }
-    }
-    if (selectionMark) {
-      if (this.showCard) {
-        //Card was already shown, update search condition and trigger search debounced
-        this.text = selectionMark.attributes.text;
-        this.legislationTypeUri = selectionMark.attributes.legislationTypeUri;
-        this.markSelected = selectionMark;
-        this.updateSearch.perform();
-      } else {
-        //When card is renderend first time, the resource will automatically trigger, no updateSearch is needed, but make sure to first set the search conditions, before showing the card.
-        //When not first time, but reopened, search terms could not have changed yet, so also no updateSearch needed
-        this.text = selectionMark.attributes.text;
-        this.legislationTypeUri = selectionMark.attributes.legislationTypeUri;
-        if (
-          this.legislationTypeUriAfterTimeout &&
-          (this.legislationTypeUri !== this.legislationTypeUriAfterTimeout ||
-            this.text !== this.textAfterTimeout)
-        ) {
-          //Convoluted, but this is when you switch from one reference insertion to another
-          this.updateSearchImmediate.perform();
-        }
-        this.markSelected = selectionMark;
-        this.showCard = true;
-      }
-    } else {
-      this.showCard = false;
-      //Would be nice, but this triggers way to often causing the cancellation of useful requests
-      //this.decisionResource.cancel();
-    }
-  }
-
-  get controller() {
-    return this.args.controller;
-  }
-
-  get legislationTypes() {
-    return Object.keys(LEGISLATION_TYPES).map(capitalize);
-  }
-
-  get legislationSelected() {
-    const found = LEGISLATION_TYPE_CONCEPTS.find(
-      (c) => c.value === this.legislationTypeUri
-    );
-    return capitalize(found ? found.label : LEGISLATION_TYPE_CONCEPTS[0].label);
-  }
-
-  decisionResource = trackedTask(this, this.resourceSearch, () => [
-    this.textAfterTimeout,
-    this.legislationTypeUriAfterTimeout,
-    this.pageNumber,
-    this.pageSize,
-  ]);
-
-  @task({ restartable: true })
-  *updateSearch() {
-    yield timeout(500);
-    this.textAfterTimeout = this.text;
-    this.legislationTypeUriAfterTimeout = this.legislationTypeUri;
-  }
-
-  @task({ restartable: true })
-  *updateSearchImmediate() {
-    this.textAfterTimeout = this.text;
-    this.legislationTypeUriAfterTimeout = this.legislationTypeUri;
-    yield;
-  }
-
-  @task({ restartable: true })
-  *resourceSearch() {
-    this.error = null;
-    yield undefined; //To prevent other variables used below (this.text and this.legislationTypeUri) to trigger a retrigger.
-    const abortController = new AbortController();
-    const signal = abortController.signal;
-    try {
-      // Split search string by grouping on non-whitespace characters
-      // This probably needs to be more complex to search on group of words
-      const words =
-        (this.textAfterTimeout || this.text || '').match(/\S+/g) || [];
-      const filter = {
-        type: this.legislationTypeUriAfterTimeout || this.legislationTypeUri,
-      };
-      const results = yield fetchDecisions(
-        words,
-        filter,
-        this.pageNumber,
-        this.pageSize,
-        signal
-      );
-      this.totalCount = results.totalCount;
-      return results.decisions;
-    } catch (e) {
-      console.warn(e); // eslint-ignore-line no-console
-      this.totalCount = 0;
-      this.error = e;
-      return [];
-    } finally {
-      //Abort all requests now that this task has either successfully finished or has been cancelled
-      abortController.abort();
-    }
-  }
-
-  @action
-  selectLegislationType(type) {
-    type = type.toLowerCase();
-    const found = LEGISLATION_TYPE_CONCEPTS.find(
-      (c) => c.label.toLowerCase() === type
-    );
-    this.legislationTypeUri = found
-      ? found.value
-      : LEGISLATION_TYPE_CONCEPTS[0].value;
-    this.legislationTypeUriAfterTimeout = this.legislationTypeUri;
-  }
-
-  @action
-  openDecisionDetailModal(decision) {
-    this.decision = decision;
-    this.showModal = true;
-  }
-
-  @action
-  openSearchModal() {
-    this.decisionResource.cancel();
-    this.decision = null;
-    this.showModal = true;
-  }
-
-  @action
-  closeModal(lastSearchType, lastSearchTerm) {
-    this.showModal = false;
-    this.decision = null;
-    if (lastSearchType) this.legislationTypeUri = lastSearchType;
-    if (lastSearchTerm) this.text = lastSearchTerm;
-    if (lastSearchType || lastSearchTerm) this.updateSearchImmediate.perform();
-  }
-
-  @action
-  insertDecisionCitation(decision) {
-    const type = decision.legislationType.label;
-    const uri = decision.uri;
-    const title = decision.title;
-    const range = this.controller.rangeFactory.fromAroundNode(
-      this.markSelected.node
-    );
-    const citationHtml = `${
-      type ? type : ''
-    } <a class="annotation" href="${uri}" property="eli:cites" typeof="eli:LegalExpression">${title}</a>&nbsp;`;
-    this.controller.executeCommand('insert-html', citationHtml, range);
-  }
-
-  @action
-  insertArticleCitation(decision, article) {
-    const type = decision.legislationType.label;
-    const uri = article.uri;
-    const title = `${decision.title}, ${article.number}`;
-    const range = this.controller.rangeFactory.fromAroundNode(
-      this.markSelected.node
-    );
-    const citationHtml = `${
-      type ? type : ''
-    } <a class="annotation" href="${uri}" property="eli:cites" typeof="eli:LegalExpression">${title}</a>&nbsp;`;
-    this.controller.executeCommand('insert-html', citationHtml, range);
-  }
-
-  async willDestroy() {
-    // Not necessary as ember-concurrency does this for us.
-    // this.decisionResource.cancel();
-    cleanCaches();
-    this.liveHighlights.destroy();
-    super.willDestroy();
-  }
-}

package/addon/components/citaten-plugin/citaat-insert.hbs

@@ -1,20 +0,0 @@
-<AuList::Item>
-  <AuButton
-    @icon="add"
-    @iconAlignment="left"
-    @skin="link"
-    @disabled={{this.disableInsert}}
-    {{on 'click' this.openModal}}>
-    {{t "citaten-plugin.insert.title"}}
-  </AuButton>
-</AuList::Item>
-
-{{#if this.showModal}}
-  <CitatenPlugin::Citations::SearchModal
-    @closeModal={{this.closeModal}}
-    @insertDecisionCitation={{this.insertDecisionCitation}}
-    @insertArticleCitation={{this.insertArticleCitation}}
-    @legislationTypeUri={{this.legislationTypeUri}}
-    @text={{this.text}}
-  />
-{{/if}}

package/addon/components/citaten-plugin/citaat-insert.js

@@ -1,68 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-import { tracked } from '@glimmer/tracking';
-import { LEGISLATION_TYPES } from '../../utils/legislation-types';
-export default class EditorPluginsCitaatInsertComponent extends Component {
-  @tracked disableInsert = false;
-  @tracked showModal = false;
-  @tracked legislationTypeUri = LEGISLATION_TYPES.decreet;
-  @tracked text = '';
-
-  constructor() {
-    super(...arguments);
-    this.args.controller.onEvent(
-      'selectionChanged',
-      this.onSelectionChanged.bind(this)
-    );
-  }
-
-  onSelectionChanged() {
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-    const motivering = limitedDatastore
-      .match(null, '>http://data.vlaanderen.be/ns/besluit#motivering')
-      .asQuads()
-      .next().value;
-    this.disableInsert = motivering ? false : true;
-  }
-
-  @action
-  openModal() {
-    this.showModal = true;
-  }
-
-  @action
-  closeModal() {
-    this.showModal = false;
-  }
-
-  @action
-  insertDecisionCitation(decision) {
-    const type = decision.legislationType.label;
-    const uri = decision.uri;
-    const title = decision.title;
-    const range = this.args.controller.selection.lastRange;
-    const citationHtml = `${
-      type ? type : ''
-    } <a class="annotation" href="${uri}" property="eli:cites" typeof="eli:LegalExpression">${title}</a>&nbsp;`;
-    this.args.controller.executeCommand('insert-html', citationHtml, range);
-  }
-
-  @action
-  insertArticleCitation(decision, article) {
-    const type = decision.legislationType.label;
-    const uri = article.uri;
-    const title = `${decision.title}, ${article.number}`;
-    const range = this.args.controller.selection.lastRange;
-    const citationHtml = `${
-      type ? type : ''
-    } <a class="annotation" href="${uri}" property="eli:cites" typeof="eli:LegalExpression">${title}</a>&nbsp;`;
-    this.args.controller.executeCommand('insert-html', citationHtml, range);
-  }
-}

package/addon/components/citaten-plugin/citations/search-modal.hbs

@@ -1,175 +0,0 @@
-<AuModal
-  @modalOpen={{true}}
-  @closeModal={{fn this.closeModal this.legislationTypeUri this.text}}
-  @title={{t "citaten-plugin.card.title"}}
-  @size="large"
-  @padding="none" as |modal|>
-  {{#if this.selectedDecision}}
-    <modal.Body>
-      <CitatenPlugin::Citations::DecisionDetail
-        @insertDecisionCitation={{this.insertDecisionCitation}}
-        @insertArticleCitation={{this.insertArticleCitation}}
-        @close={{this.closeDecisionDetail}}
-        @decision={{this.selectedDecision}} />
-    </modal.Body>
-  {{else}}
-    <modal.Body>
-      <AuMainContainer class="citaten--main-container" as |mc|>
-      <mc.sidebar class="citaten--sidebar" @scroll={{true}}>
-        <div class="au-c-sidebar">
-          <div class="au-c-sidebar__content au-u-padding">
-            <AuLabel class="au-margin-bottom-small" for="typeofdocumentexpanded" @inline={{false}} @required={{false}} @error={{false}} @warning={{false}}>{{t "citaten-plugin.search.type"}}</AuLabel>
-            <PowerSelect
-              id="typeofdocumentexpanded"
-              @renderInPlace={{true}}
-              @allowClear={{false}}
-              @disabled={{false}}
-              @searchEnabled={{true}}
-              @loadingMessage={{t "citaten-plugin.alert.loading"}}
-              @noMatchesMessage={{t "citaten-plugin.alert.no-results"}}
-              @searchMessage={{t "citaten-plugin.search.placeholder"}}
-              @options={{this.legislationTypes}}
-              @selected={{this.legislationSelected}}
-              @onChange={{this.selectLegislationType}}
-              as |type|>
-              {{type}}
-            </PowerSelect>
-            <AuLabel class="au-u-margin-top au-margin-bottom-small" for="searchtermexpanded" @inline={{false}} @required={{false}} @error={{false}} @warning={{false}}>{{t "citaten-plugin.search.term"}}</AuLabel>
-            <AuInput
-              id="searchtermexpanded"
-              @type="text"
-              @width="block"
-              @icon="search"
-              @iconAlignment="right"
-              @value={{this.text}}
-              placeholder={{t "citaten-plugin.search.placeholder"}}
-              {{on "input" (perform this.updateSearch)}}/>
-            <AuHr @size="large" />
-            {{! Date of document }}
-            <AuLabel class="au-u-margin-top au-u-margin-bottom-small" for="search-codex-datum-document-van" @inline={{false}}>{{t "citaten-plugin.search.date-document"}}</AuLabel>
-            {{! From }}
-            <AuFormRow @alignment="pre" class="au-u-margin-bottom-tiny">
-              <AuLabel for="search-codex-datum-document-van" class="au-u-hidden-visually">{{t "citaten-plugin.search.date-document-from"}}</AuLabel>
-              <AuLabel for="search-codex-datum-document-van" aria-hidden="true" class="au-u-1-4" @inline={{true}}>{{t "citaten-plugin.search.from"}}</AuLabel>
-              <AuDatePicker
-                @id="search-codex-datum-document-van"
-                @alignment="top"
-                @onChange={{this.updateDocumentDateFrom}}
-                @value={{this.documentDateFrom}}
-                @min={{this.minDate}}
-                @max={{this.maxDate}}
-                @localization={{this.datePickerLocalization}} />
-            </AuFormRow>
-            {{! To }}
-            <AuFormRow @alignment="pre">
-              <AuLabel for="search-codex-datum-document-tot" class="au-u-hidden-visually">{{t "citaten-plugin.search.date-document-to"}}</AuLabel>
-              <AuLabel for="search-codex-datum-document-tot" aria-hidden="true" class="au-u-1-4" @inline={{true}}>{{t "citaten-plugin.search.to"}}</AuLabel>
-              <AuDatePicker
-                @id="search-codex-datum-document-tot"
-                @alignment="top"
-                @onChange={{this.updateDocumentDateTo}}
-                @value={{this.documentDateTo}}
-                @min={{this.minDate}}
-                @max={{this.maxDate}}
-                @localization={{this.datePickerLocalization}} />
-            </AuFormRow>
-
-            {{! Date of staatsblad }}
-            <AuLabel class="au-u-margin-top au-u-margin-bottom-small" for="search-codex-datum-staatsblad-van" @inline={{false}}>{{t "citaten-plugin.search.date-publication"}}</AuLabel>
-            {{! From }}
-            <AuFormRow @alignment="pre" class="au-u-margin-bottom-tiny">
-              <AuLabel for="search-codex-datum-staatsblad-van" class="au-u-hidden-visually">{{t "citaten-plugin.search.date-publication-from"}}</AuLabel>
-              <AuLabel for="search-codex-datum-staatsblad-van" aria-hidden="true" class="au-u-1-4" @inline={{true}}>{{t "citaten-plugin.search.from"}}</AuLabel>
-              <AuDatePicker
-                @id="search-codex-datum-staatsblad-van"
-                @alignment="top"
-                @onChange={{this.updatePublicationDateFrom}}
-                @value={{this.publicationDateFrom}}
-                @min={{this.minDate}}
-                @max={{this.maxDate}}
-                @localization={{this.datePickerLocalization}} />
-            </AuFormRow>
-            {{! To }}
-            <AuFormRow @alignment="pre">
-              <AuLabel for="search-codex-datum-staatsblad-tot" class="au-u-hidden-visually">{{t "citaten-plugin.search.date-publication-to"}}</AuLabel>
-              <AuLabel for="search-codex-datum-staatsblad-tot" aria-hidden="true" class="au-u-1-4" @inline={{true}}>{{t "citaten-plugin.search.to"}}</AuLabel>
-              <AuDatePicker
-                @id="search-codex-datum-staatsblad-tot"
-                @alignment="top"
-                @onChange={{this.updatePublicationDateTo}}
-                @value={{this.publicationDateTo}}
-                @min={{this.minDate}}
-                @max={{this.maxDate}}
-                @localization={{this.datePickerLocalization}} />
-            </AuFormRow>
-          </div>
-        </div>
-        </mc.sidebar>
-        <mc.content>
-          {{#if this.decisionResource.isRunning}}
-            <div class="au-u-margin">
-              <AuLoader @padding="large" />
-              <span class="au-u-hidden-visually">{{t "citaten-plugin.alert.loading"}}</span>
-            </div>
-          {{else}}
-            {{#if this.error}}
-              <CitatenPlugin::Helpers::AlertLoadError @fullSize={{true}} @error={{this.error}} class="au-u-margin"/>
-            {{else}}
-              {{#if this.decisionResource.value.length}}
-                <div class="citaten--container-content au-u-padding-top-small au-u-padding-bottom-small">
-                  <CitatenPlugin::Citations::DecisionList
-                    @decisions={{this.decisionResource.value}}
-                    @onCitationInsert={{this.insertDecisionCitation}}
-                    @onCitationDetails={{this.openDecisionDetail}}
-                    @fullSize={{true}} />
-                </div>
-              {{else}}
-                <CitatenPlugin::Helpers::AlertNoItems @fullSize={{true}} class="au-u-margin" />
-              {{/if}}
-            {{/if}}
-          {{/if}}
-          {{#if this.decisionResource.value.length}}
-            {{! Pagination in the footer of the dialog }}
-            <div class="citaten--container-footer au-u-background-gray-100">
-              <AuToolbar
-                @border="top"
-                @size="large"
-                @nowrap={{true}}>
-                <div class="au-c-pagination">
-                  <p>
-                  <span class="au-u-hidden-visually">{{t "citaten-plugin.search.results"}}</span>
-                    <strong>
-                      {{this.rangeStart}} - {{this.rangeEnd}}
-                    </strong>
-                    {{t "citaten-plugin.pagination.of"}}
-                    {{this.totalCount}}
-                  </p>
-                  <div class="au-c-pagination__list-item">
-                    {{#unless this.isFirstPage}}
-                      <AuButton
-                        @skin="link"
-                        @icon="nav-left"
-                        @iconAlignment="left"
-                        {{on "click" this.previousPage}}>
-                        {{t "citaten-plugin.pagination.previous"}}
-                      </AuButton>
-                    {{/unless}}
-                    {{#unless this.isLastPage}}
-                      <AuButton
-                        @skin="link"
-                        @icon="nav-right"
-                        @iconAlignment="right"
-                        {{on "click" this.nextPage}}>
-                        {{t "citaten-plugin.pagination.next"}}
-                      </AuButton>
-                    {{/unless}}
-                  </div>
-                </div>
-              </AuToolbar>
-            </div>
-          {{/if}}
-        </mc.content>
-      </AuMainContainer>
-    </modal.Body>
-  {{/if}}
-</AuModal>

package/addon/components/import-snippet-plugin/card.js

@@ -1,95 +0,0 @@
-import Component from '@glimmer/component';
-import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
-import { tracked } from '@glimmer/tracking';
-
-export default class ImportSnippetPluginCard extends Component {
-  @service importRdfaSnippet;
-  @tracked snippets = [];
-  @tracked besluitNode;
-
-  constructor() {
-    super(...arguments);
-    this.args.controller.onEvent(
-      'selectionChanged',
-      this.selectionChangedHandler
-    );
-  }
-
-  @action
-  selectionChangedHandler() {
-    const { controller } = this.args;
-    const selectedRange = controller.selection.lastRange;
-    if (!selectedRange) {
-      console.info(
-        'Selection did not have a range, skipping handling of the selectionChanged event'
-      );
-      return;
-    }
-    this.snippets = this.importRdfaSnippet.snippetsForType('roadsign');
-    const limitedDatastore = controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-    const besluit = limitedDatastore
-      .match(null, 'a', '>http://data.vlaanderen.be/ns/besluit#Besluit')
-      .asSubjectNodes()
-      .next().value;
-    if (besluit) {
-      this.besluitNode = [...besluit.nodes][0];
-    } else {
-      this.besluitNode = undefined;
-    }
-  }
-
-  @action
-  insert(snippet, type) {
-    const html = this.generateSnippetHtml(snippet, type);
-    let rangeToInsert;
-    if (this.besluitNode) {
-      rangeToInsert = this.args.controller.rangeFactory.fromInNode(
-        this.besluitNode,
-        this.besluitNode.getMaxOffset(),
-        this.besluitNode.getMaxOffset()
-      );
-    } else {
-      rangeToInsert = this.args.controller.selection.lastRange;
-    }
-    if (rangeToInsert) {
-      this.args.controller.executeCommand('insert-html', html, rangeToInsert);
-      this.importRdfaSnippet.removeSnippet(snippet);
-    } else {
-      console.warn('Could not find a range to insert, so we skipped inserting');
-    }
-  }
-
-  generateSnippetHtml(snippet, type) {
-    if (type === 'attachment') {
-      return `
-        <div property="http://lblod.data.gift/vocabularies/editor/isLumpNode">
-          <div
-            resource="${snippet.source}"
-            property="http://data.europa.eu/eli/ontology#related_to"
-            typeof="http://xmlns.com/foaf/0.1/Document http://lblod.data.gift/vocabularies/editor/SnippetAttachment"
-          >
-            Bijlage uit externe bron <a href="${snippet.source}">${
-        new URL(snippet.source).hostname
-      }</a>
-            <div property="http://www.w3.org/ns/prov#value">${
-              snippet.content
-            }</div>
-          </div>
-        </div>
-      `;
-    } else {
-      return `
-        <div property="http://lblod.data.gift/vocabularies/editor/isLumpNode">
-          Bijlage uit externe bron
-          <div property="http://data.europa.eu/eli/ontology#related_to" resource="${snippet.source}">
-              <div property="http://www.w3.org/ns/prov#value">${snippet.content}</div>
-          </div>
-        </div>
-      `;
-    }
-  }
-}