@aarhus-university/au-lib-react-components 9.11.18 → 9.12.1

package/src/lib/au-diagramme.js

@@ -1,87 +1,87 @@
-/* eslint no-prototype-builtins: 0 */
-/* eslint no-restricted-syntax: 0 */
-/* eslint no-unused-vars: 0 */
-/* eslint-env browser */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import axios from 'axios';
-import AUDiagrammeComponent from '../components/AUDiagrammeComponent';
-
-const defaultOptions = {
-  config: {
-    container: '.au_edutable_eddi_container',
-    courseID: 0,
-    track: 0,
-  },
-};
-
-class AUDiagramme {
-  constructor(lang, tables) {
-    this.tables = tables;
-    this.lang = lang;
-  }
-
-  static mergeOptions(_table) {
-    const table = _table;
-    if (!table.hasOwnProperty('config')) {
-      table.config = {};
-    }
-
-    for (const conf in defaultOptions.config) {
-      if (!table.config.hasOwnProperty(conf)) {
-        table.config[conf] = defaultOptions.config[conf];
-      }
-    }
-  }
-
-  init() {
-    const qsCourses = AU.helpers.getQuerystring('coursesprint');
-    if (qsCourses !== '') {
-      const coursesSplit = qsCourses.split(',');
-      for (let j = 0; j < coursesSplit.length; j += 1) {
-        const trackSplit = coursesSplit[j].split('|');
-        if (trackSplit.length > 1) {
-          this.tables.push({
-            config: {
-              container: `#print_course_${j}`,
-              courseID: parseInt(trackSplit[0], 10),
-              track: parseInt(trackSplit[1], 10),
-            },
-          });
-        } else {
-          this.tables.push({
-            config: {
-              container: `#print_course_${j}`,
-              courseID: parseInt(trackSplit[0], 10),
-            },
-          });
-        }
-        ReactDOM.render(<div id={`print_course_${j}`} />, document.querySelector('body'));
-      }
-    }
-    for (let i = 0; i < this.tables.length; i += 1) {
-      const table = this.tables[i];
-      table.id = i;
-      AUDiagramme.mergeOptions(table);
-      const url = `https://eddiprod.au.dk/EDDI/webservices/StudieoversigtService2.cfc?method=getLinjeListByDokordningId&tjekForVisningIstudieDiagram=true&allowOrigin=true&dokordningId=${table.config.courseID}`;
-      axios.get(url).then((promise) => {
-        const { data } = promise;
-        const mountNode = document.querySelector(table.config.container);
-        if (mountNode) {
-          ReactDOM.render(
-            <AUDiagrammeComponent
-              lang={this.lang}
-              response={data}
-              course={table.config.courseID}
-              track={table.config.track}
-              print={qsCourses !== ''}
-            />,
-            mountNode,
-          );
-        }
-      });
-    }
-  }
-}
-
-window.AUDiagramme = AUDiagramme;
+/* eslint no-prototype-builtins: 0 */
+/* eslint no-restricted-syntax: 0 */
+/* eslint no-unused-vars: 0 */
+/* eslint-env browser */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import axios from 'axios';
+import AUDiagrammeComponent from '../components/AUDiagrammeComponent';
+
+const defaultOptions = {
+  config: {
+    container: '.au_edutable_eddi_container',
+    courseID: 0,
+    track: 0,
+  },
+};
+
+class AUDiagramme {
+  constructor(lang, tables) {
+    this.tables = tables;
+    this.lang = lang;
+  }
+
+  static mergeOptions(_table) {
+    const table = _table;
+    if (!table.hasOwnProperty('config')) {
+      table.config = {};
+    }
+
+    for (const conf in defaultOptions.config) {
+      if (!table.config.hasOwnProperty(conf)) {
+        table.config[conf] = defaultOptions.config[conf];
+      }
+    }
+  }
+
+  init() {
+    const qsCourses = AU.helpers.getQuerystring('coursesprint');
+    if (qsCourses !== '') {
+      const coursesSplit = qsCourses.split(',');
+      for (let j = 0; j < coursesSplit.length; j += 1) {
+        const trackSplit = coursesSplit[j].split('|');
+        if (trackSplit.length > 1) {
+          this.tables.push({
+            config: {
+              container: `#print_course_${j}`,
+              courseID: parseInt(trackSplit[0], 10),
+              track: parseInt(trackSplit[1], 10),
+            },
+          });
+        } else {
+          this.tables.push({
+            config: {
+              container: `#print_course_${j}`,
+              courseID: parseInt(trackSplit[0], 10),
+            },
+          });
+        }
+        ReactDOM.render(<div id={`print_course_${j}`} />, document.querySelector('body'));
+      }
+    }
+    for (let i = 0; i < this.tables.length; i += 1) {
+      const table = this.tables[i];
+      table.id = i;
+      AUDiagramme.mergeOptions(table);
+      const url = `https://eddiprod.au.dk/EDDI/webservices/StudieoversigtService2.cfc?method=getLinjeListByDokordningId&tjekForVisningIstudieDiagram=true&allowOrigin=true&dokordningId=${table.config.courseID}`;
+      axios.get(url).then((promise) => {
+        const { data } = promise;
+        const mountNode = document.querySelector(table.config.container);
+        if (mountNode) {
+          ReactDOM.render(
+            <AUDiagrammeComponent
+              lang={this.lang}
+              response={data}
+              course={table.config.courseID}
+              track={table.config.track}
+              print={qsCourses !== ''}
+            />,
+            mountNode,
+          );
+        }
+      });
+    }
+  }
+}
+
+window.AUDiagramme = AUDiagramme;

package/src/lib/au-flowbox.js

@@ -1,95 +1,95 @@
-/* eslint-env browser */
-/* eslint no-prototype-builtins: 0 */
-/* eslint no-restricted-syntax: 0 */
-/* eslint no-unused-vars: 0 */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import FlowBoxComponent from '../components/flowbox/FlowBoxComponent';
-
-const defaultOptions = {
-  config: {
-    container: '.au_flowbox',
-    tracking: '/virtual/flowbox/',
-    render: 'ul',
-  },
-  data: {
-    mode: 'list',
-    source: '.au_flowbox_list',
-    headline: 'Overskrift',
-    prepend: '',
-  },
-};
-
-class AUFlowbox {
-  constructor(lang, boxes) {
-    this.boxes = boxes;
-    this.lang = lang;
-  }
-
-  static mergeOptions(_box) {
-    const box = _box;
-    if (!box.hasOwnProperty('config')) {
-      box.config = {};
-    }
-
-    for (const conf in defaultOptions.config) {
-      if (!box.config.hasOwnProperty(conf)) {
-        box.config[conf] = defaultOptions.config[conf];
-      }
-    }
-
-    if (!box.hasOwnProperty('data')) {
-      box.data = {};
-    }
-
-    for (const data in defaultOptions.data) {
-      if (!box.data.hasOwnProperty(data)) {
-        box.data[data] = defaultOptions.data[data];
-      }
-    }
-  }
-
-  static parse(box) {
-    const parseList = (data, elements, selector) => {
-      elements.forEach((e) => {
-        const subElements = e.querySelectorAll(selector);
-        subElements.forEach((s) => {
-          const obj = {
-            name: s.innerHTML,
-            children: [],
-            parent: data,
-          };
-
-          data.children.push(obj);
-          const parent = s.parentElement;
-          const children = parent.querySelectorAll(':scope > ul');
-          if (children.length > 0) {
-            parseList(obj, children, ':scope > li > p'); // Det her skal vi altid gøre
-          }
-        });
-      });
-    };
-
-    parseList(box.item, document.querySelectorAll(box.data.source), window.flowboxScopeSelector || ':scope > li > p'); // Her kan selectoren være en anden, hvis der fx er global content i spil, så der kommer en <div> ind...
-  }
-
-  init() {
-    for (let i = 0; i < this.boxes.length; i += 1) {
-      const box = this.boxes[i];
-      AUFlowbox.mergeOptions(box);
-      box.id = i;
-      box.item = {
-        name: box.data.headline,
-        children: [],
-        parent: null,
-      };
-      AUFlowbox.parse(box);
-      const mountNode = document.querySelector(box.config.container);
-      ReactDOM.render(
-        <FlowBoxComponent box={box} lang={this.lang} />, mountNode,
-      );
-    }
-  }
-}
-
-window.AUFlowbox = AUFlowbox;
+/* eslint-env browser */
+/* eslint no-prototype-builtins: 0 */
+/* eslint no-restricted-syntax: 0 */
+/* eslint no-unused-vars: 0 */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import FlowBoxComponent from '../components/flowbox/FlowBoxComponent';
+
+const defaultOptions = {
+  config: {
+    container: '.au_flowbox',
+    tracking: '/virtual/flowbox/',
+    render: 'ul',
+  },
+  data: {
+    mode: 'list',
+    source: '.au_flowbox_list',
+    headline: 'Overskrift',
+    prepend: '',
+  },
+};
+
+class AUFlowbox {
+  constructor(lang, boxes) {
+    this.boxes = boxes;
+    this.lang = lang;
+  }
+
+  static mergeOptions(_box) {
+    const box = _box;
+    if (!box.hasOwnProperty('config')) {
+      box.config = {};
+    }
+
+    for (const conf in defaultOptions.config) {
+      if (!box.config.hasOwnProperty(conf)) {
+        box.config[conf] = defaultOptions.config[conf];
+      }
+    }
+
+    if (!box.hasOwnProperty('data')) {
+      box.data = {};
+    }
+
+    for (const data in defaultOptions.data) {
+      if (!box.data.hasOwnProperty(data)) {
+        box.data[data] = defaultOptions.data[data];
+      }
+    }
+  }
+
+  static parse(box) {
+    const parseList = (data, elements, selector) => {
+      elements.forEach((e) => {
+        const subElements = e.querySelectorAll(selector);
+        subElements.forEach((s) => {
+          const obj = {
+            name: s.innerHTML,
+            children: [],
+            parent: data,
+          };
+
+          data.children.push(obj);
+          const parent = s.parentElement;
+          const children = parent.querySelectorAll(':scope > ul');
+          if (children.length > 0) {
+            parseList(obj, children, ':scope > li > p'); // Det her skal vi altid gøre
+          }
+        });
+      });
+    };
+
+    parseList(box.item, document.querySelectorAll(box.data.source), window.flowboxScopeSelector || ':scope > li > p'); // Her kan selectoren være en anden, hvis der fx er global content i spil, så der kommer en <div> ind...
+  }
+
+  init() {
+    for (let i = 0; i < this.boxes.length; i += 1) {
+      const box = this.boxes[i];
+      AUFlowbox.mergeOptions(box);
+      box.id = i;
+      box.item = {
+        name: box.data.headline,
+        children: [],
+        parent: null,
+      };
+      AUFlowbox.parse(box);
+      const mountNode = document.querySelector(box.config.container);
+      ReactDOM.render(
+        <FlowBoxComponent box={box} lang={this.lang} />, mountNode,
+      );
+    }
+  }
+}
+
+window.AUFlowbox = AUFlowbox;