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

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>
-      `;
-    }
-  }
-}

package/addon/components/insert-variable-plugin/insert-variable-card.js

@@ -1,125 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { task } from 'ember-concurrency';
-import { v4 as uuidv4 } from 'uuid';
-import { INVISIBLE_SPACE } from '@lblod/ember-rdfa-editor/model/util/constants';
-import { defaultVariableTypes } from '../../utils/variable-plugins/default-variable-types';
-
-export default class EditorPluginsInsertCodelistCardComponent extends Component {
-  @tracked variablesArray;
-  @tracked selectedVariable;
-  @tracked showCard = true;
-  @tracked hasSubtype = false;
-  @tracked selectedSubtype;
-  @tracked subtypes;
-
-  constructor() {
-    super(...arguments);
-    const { publisher, variableTypes, defaultEndpoint } =
-      this.args.widgetArgs.options || {};
-    this.publisher = publisher;
-    this.endpoint = defaultEndpoint;
-    let variableTypesSelectedByUser = variableTypes ?? [
-      'text',
-      'number',
-      'date',
-      'location',
-      'codelist',
-    ];
-
-    const variablesArray = [];
-    for (let type of variableTypesSelectedByUser) {
-      if (typeof type === 'string') {
-        const defaultVariable = defaultVariableTypes[type];
-        if (defaultVariable) {
-          variablesArray.push(defaultVariable);
-        } else {
-          console.warn(
-            `Template Variable Plugin: variable type ${type} not found in the default variable types`
-          );
-        }
-      } else {
-        variablesArray.push(type);
-      }
-    }
-    this.variablesArray = variablesArray;
-    this.args.controller.onEvent('selectionChanged', this.selectionChanged);
-  }
-
-  @action
-  insert() {
-    const uri = `http://data.lblod.info/mappings/${uuidv4()}`;
-    let variableContent;
-    if (typeof this.selectedVariable.template === 'function') {
-      variableContent = this.selectedVariable.template(
-        this.endpoint,
-        this.selectedSubtype
-      );
-    } else {
-      variableContent = this.selectedVariable.template;
-    }
-    const htmlToInsert = `
-      <span resource="${uri}" typeof="ext:Mapping">
-        ${variableContent}
-      </span>
-    `;
-    this.args.controller.executeCommand(
-      'insert-html',
-      htmlToInsert,
-      this.args.controller.selection.lastRange
-    );
-    this.args.controller.executeCommand(
-      'insert-text',
-      INVISIBLE_SPACE,
-      this.args.controller.selection.lastRange
-    );
-    this.selectedVariableType = undefined;
-    this.selectedCodelist = undefined;
-    this.isCodelist = false;
-  }
-
-  @action
-  updateSelectedVariable(variable) {
-    this.selectedVariable = variable;
-    if (variable.fetchSubtypes) {
-      this.fetchSubtypes.perform(variable.fetchSubtypes);
-      this.hasSubtype = true;
-    } else {
-      this.hasSubtype = false;
-    }
-  }
-
-  @task
-  *fetchSubtypes(fetchFunction) {
-    const subtypes = yield fetchFunction(this.endpoint, this.publisher);
-    this.subtypes = subtypes;
-  }
-
-  @action
-  updateSubtype(subtype) {
-    this.selectedSubtype = subtype;
-  }
-
-  @action
-  selectionChanged() {
-    const currentSelection = this.args.controller.selection.lastRange;
-    if (!currentSelection) {
-      return;
-    }
-    this.showCard = false;
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      currentSelection,
-      'rangeIsInside'
-    );
-    const mapping = limitedDatastore
-      .match(null, 'a', 'ext:Mapping')
-      .asQuads()
-      .next().value;
-    if (mapping) {
-      this.showCard = false;
-    } else {
-      this.showCard = true;
-    }
-  }
-}

package/addon/components/rdfa-date-plugin/rdfa-date-plugin-card.js

@@ -1,71 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class RdfaDatePluginCardComponent extends Component {
-  @tracked showCard = false;
-  @tracked dateValue;
-  @tracked dateElement;
-  @tracked dateInDocument;
-  @tracked onlyDate;
-
-  constructor() {
-    super(...arguments);
-    this.args.controller.onEvent(
-      'selectionChanged',
-      this.selectionChangedHandler
-    );
-  }
-
-  @action
-  modifyDate() {
-    this.args.controller.executeCommand(
-      'modify-date',
-      this.args.controller,
-      this.dateElement,
-      this.dateValue,
-      this.onlyDate
-    );
-  }
-
-  @action
-  changeDate(date) {
-    this.dateValue = date;
-    if (this.dateInDocument) this.modifyDate();
-  }
-
-  @action
-  selectionChangedHandler() {
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const selectionParent = selectedRange.start.findAncestors(
-      (element) => element.attributeMap && element.attributeMap.get('datatype')
-    )[0];
-    if (!selectionParent) {
-      this.showCard = false;
-      this.dateElement = undefined;
-      return;
-    }
-    const datatype = selectionParent.attributeMap.get('datatype');
-    if (datatype === 'xsd:dateTime') {
-      this.showCard = true;
-      this.dateElement = selectionParent;
-      const dateContent = selectionParent.attributeMap.get('content');
-      this.dateValue = dateContent ? new Date(dateContent) : new Date();
-      this.dateInDocument = !!dateContent;
-      this.onlyDate = false;
-    } else if (datatype === 'xsd:date') {
-      this.showCard = true;
-      this.dateElement = selectionParent;
-      const dateContent = selectionParent.attributeMap.get('content');
-      this.dateValue = dateContent ? new Date(dateContent) : new Date();
-      this.dateInDocument = !!dateContent;
-      this.onlyDate = true;
-    } else {
-      this.showCard = false;
-      this.dateElement = undefined;
-    }
-  }
-}

package/addon/components/rdfa-date-plugin/rdfa-date-plugin-insert.js

@@ -1,24 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-
-export default class RdfaDatePluginInsertComponent extends Component {
-  @action
-  insertDate() {
-    const selection = this.args.controller.selection.lastRange;
-    this.args.controller.executeCommand(
-      'insert-html',
-      '<span datatype="xsd:date" property="ext:content">${date}</span>',
-      selection
-    );
-  }
-
-  @action
-  insertDateTime() {
-    const selection = this.args.controller.selection.lastRange;
-    this.args.controller.executeCommand(
-      'insert-html',
-      '<span datatype="xsd:dateTime" property="ext:content">${date and time}</span>',
-      selection
-    );
-  }
-}

package/addon/components/roadsign-regulation-plugin/expanded-measure.js

@@ -1,38 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import {
-  NON_ZONAL_URI,
-  POTENTIALLY_ZONAL_URI,
-  ZONAL_URI,
-} from '../../constants';
-
-export default class ExpandedMeasureComponent extends Component {
-  @tracked zonalityValue;
-  @tracked temporalValue;
-  ZONAL_URI = ZONAL_URI;
-  NON_ZONAL_URI = NON_ZONAL_URI;
-  get isPotentiallyZonal() {
-    return this.args.measure.zonality === POTENTIALLY_ZONAL_URI;
-  }
-  get insertButtonDisabled() {
-    return this.isPotentiallyZonal && !this.zonalityValue;
-  }
-
-  @action
-  changeZonality(e) {
-    this.zonalityValue = e.target.value;
-  }
-  @action
-  changeTemporality(e) {
-    this.temporalValue = e.target.value;
-  }
-  @action
-  insert() {
-    this.args.insert(this.args.measure, this.zonalityValue, this.temporalValue);
-  }
-  @action
-  unselectRow() {
-    this.args.selectRow(this.args.measure.uri);
-  }
-}

package/addon/components/roadsign-regulation-plugin/measure-template.js

@@ -1,30 +0,0 @@
-import Component from '@glimmer/component';
-import { inject as service } from '@ember/service';
-import { task } from 'ember-concurrency';
-import { tracked } from '@glimmer/tracking';
-import includeInstructions from '../../utils/roadsign-regulation-plugin/includeInstructions';
-
-export default class MeasureTemplateComponent extends Component {
-  @service roadsignRegistry;
-  @tracked template = '';
-
-  constructor() {
-    super(...arguments);
-    this.template = this.args.template;
-    this.fetchData.perform();
-  }
-
-  @task
-  *fetchData() {
-    const instructions =
-      yield this.roadsignRegistry.getInstructionsForMeasure.perform(
-        this.args.measure
-      );
-    let template = includeInstructions(
-      this.args.template,
-      instructions,
-      this.args.annotated
-    );
-    this.template = template;
-  }
-}