@aarhus-university/au-lib-react-components 9.11.9 → 9.11.13

package/src/lib/au-news.js

@@ -1,371 +1,371 @@
-/* eslint-env browser */
-/* eslint max-classes-per-file: 0 */
-/* eslint class-methods-use-this: 0 */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import NewsListComponent from '../components/news/NewsListComponent';
-import NewsPopUpComponent from '../components/news/NewsPopUpComponent';
-import NewsCollageBannerComponent from '../components/news/NewsCollageBannerComponent';
-import NewsCollageBannerRSSComponent from '../components/news/NewsCollageBannerRSSComponent';
-import { isElementInViewport } from './helpers';
-
-const AUNewsConfig = {
-  server: window.newsServer || '//news.au.dk',
-  newsUrl: `${window.location.href.replace(window.location.hash, '').replace('#', '')}#news-`,
-  useOverlay: !(typeof window.useOverlay !== 'undefined' && !window.useOverlay),
-  useSyndication: !(typeof window.useSyndication !== 'undefined' && !window.useSyndication),
-  tagStrip: new RegExp(/<(?!\/?sub|sup(?=>|\s.*>))\/?.*?>/ig),
-};
-
-class AUNewsHelpers {
-  static typeIdToText(_id) {
-    let id = _id;
-    id = parseInt(id, 10);
-    if (id === 0 || id === 2) {
-      return 'news';
-    }
-    if (id === 4 || id === 7) {
-      return 'event';
-    }
-    if (id === 9) {
-      return 'notice';
-    }
-    return '';
-  }
-
-  static getEventDates(item, lang) {
-    const fromDateSplit = item.event_from.date.split('.');
-    let fromDate;
-    if (lang === 'en') {
-      fromDate = new Date(
-        parseInt(fromDateSplit[0], 10),
-        parseInt(fromDateSplit[1], 10) - 1,
-        parseInt(fromDateSplit[2], 10),
-      );
-    } else {
-      fromDate = new Date(
-        parseInt(fromDateSplit[2], 10),
-        parseInt(fromDateSplit[1], 10) - 1,
-        parseInt(fromDateSplit[0], 10),
-      );
-    }
-
-    const toDateSplit = item.event_to.date.split('.');
-    let toDate;
-    if (lang === 'en') {
-      toDate = new Date(
-        parseInt(toDateSplit[0], 10),
-        parseInt(toDateSplit[1], 10) - 1,
-        parseInt(toDateSplit[2], 10),
-      );
-    } else {
-      toDate = new Date(
-        parseInt(toDateSplit[2], 10),
-        parseInt(toDateSplit[1], 10) - 1,
-        parseInt(toDateSplit[0], 10),
-      );
-    }
-
-    return {
-      fromDate,
-      toDate,
-      fromDateSplit,
-      toDateSplit,
-    };
-  }
-
-  static setExternal(_item) {
-    const item = _item;
-    const ttType = parseInt(item.type, 10);
-    item.external = ttType !== 0 && ttType !== 4 && ttType !== 9;
-    // "News" eller "Event" eller "Notice"
-    item.url = !item.external
-      && AUNewsConfig.useOverlay ? (AUNewsConfig.newsUrl + item.id) : item.permalink;
-    return item;
-  }
-
-  static getNewsID(search) {
-    const reNewsId = /^#?news-(.*)$/;
-    const match = search.match(reNewsId);
-    if (match !== null) {
-      return match[1];
-    }
-
-    return -1;
-  }
-
-  static isiPad() {
-    return (/iPad/i).test(navigator.userAgent);
-  }
-}
-
-class AUNews {
-  constructor(lang, feeds) {
-    this.lang = lang;
-    this.feeds = feeds || [];
-    this.item = null;
-    this.setItem = this.setItem.bind(this);
-  }
-
-  setItem(item) {
-    this.item = item;
-  }
-
-  setPopUp() {
-    const qsNewsPrint = AU.helpers.getQuerystring('newsprint');
-    const print = qsNewsPrint !== '';
-    const openPopUp = () => {
-      const newsID = AUNewsHelpers.getNewsID(window.location.hash);
-      let mountNode = document.getElementById('au_news_popup');
-      if (print) {
-        mountNode = document.querySelector('body');
-      }
-      if (parseInt(newsID, 10) > -1) {
-        if (this.item != null) {
-          const trackerLink = `/virtual/news/${AUNewsHelpers.typeIdToText(this.item.type)}/open-list/id-${this.item.id}/${this.item.permalink}`;
-          AU.tracking.trackSingle(trackerLink);
-        }
-        // Would like to use portal here, but it won't work "standalone"
-        ReactDOM.render(
-          <NewsPopUpComponent
-            id={newsID}
-            item={this.item}
-            lang={this.lang}
-            print={print}
-          />,
-          mountNode,
-        );
-      } else if (window.location.hash === '' || window.location.hash === '#') { // Thx IE!
-        ReactDOM.unmountComponentAtNode(mountNode);
-      }
-    };
-
-    openPopUp();
-
-    window.addEventListener('hashchange', () => {
-      openPopUp();
-    });
-
-    const fade = document.getElementById('fade');
-    fade.addEventListener('click', () => {
-      window.location.hash = '';
-    });
-  }
-
-  init() {
-    this.setPopUp();
-    this.feeds.forEach((f) => {
-      const list = f;
-      list.container = document.querySelector(`#au_news-list_${list.id}`);
-      list.items = [];
-      list.page = 1;
-      const elements = AUNews.getElementFormatArray(list);
-      const mountNode = list.container;
-      if (mountNode) {
-        ReactDOM.render(
-          <NewsListComponent
-            lang={this.lang}
-            list={list}
-            elements={elements}
-            setItem={this.setItem}
-          />,
-          mountNode,
-        );
-      }
-    });
-  }
-
-  static getElementFormatArray(_list) {
-    const list = _list;
-    const elements = [];
-    const rowSplit = list.format.split(',');
-    let formatCount = 0;
-    for (let r = 0; r < rowSplit.length; r += 1) {
-      const element = rowSplit[r];
-      if (element !== '|') {
-        if (element.indexOf('|') > -1) {
-          const columns = [];
-          const columnSplit = element.split('|');
-          for (let c = 0; c < columnSplit.length; c += 1) {
-            const columnElements = [];
-            const columnElementsSplit = columnSplit[c].split(';');
-            for (let e = 0; e < columnElementsSplit.length; e += 1) {
-              columnElements.push(columnElementsSplit[e]);
-              list.lastelement = columnElementsSplit[e];
-              list.lastiscolumn = true;
-              formatCount += 1;
-            }
-            columns.push(columnElements);
-          }
-          elements.push(columns);
-        } else {
-          elements.push(element);
-          list.lastiscolumn = false;
-          list.lastelement = element;
-          formatCount += 1;
-        }
-      }
-    }
-
-    if (list.page === 1) {
-      list.amount = formatCount;
-    }
-
-    return elements;
-  }
-}
-
-class AUNewsCollage {
-  constructor(lang, element) {
-    this.element = element;
-    this.loaded = false;
-    this.lang = lang;
-    window.addEventListener('scroll', () => {
-      this.init();
-      this.initRSS();
-    });
-  }
-
-  loadData(key, callback) {
-    const url = `${AUNewsConfig.server}/index.php?eID=getAuNewsFeed&mode=key&key=${key}&index=0&amount=4&noPageBrowser=1&lang=${this.lang}&callback=?`;
-    $.ajax({
-      url,
-      dataType: 'json',
-      jsonpCallback: url.hashCode(),
-      jsonp: true,
-      cache: true,
-      success: (data) => {
-        if (typeof callback === 'function') {
-          callback(data);
-        }
-      },
-    });
-  }
-
-  loadDataRSS(url, callback) {
-    fetch(url).then((response) => response.json()).then((data) => callback(data.Items));
-  }
-
-  init() {
-    if (!this.loaded && isElementInViewport(this.element) && typeof window.newsCollageRSS === 'undefined') {
-      const newsElements = [
-        document.querySelector('#news1'),
-        document.querySelector('#news2'),
-        document.querySelector('#news3'),
-        document.querySelector('#news4'),
-      ];
-
-      const eventElements = [
-        document.querySelector('#event1'),
-        document.querySelector('#event2'),
-        document.querySelector('#event3'),
-      ];
-
-      // News
-      const newsFeedKey = this.lang === 'da' ? 'b73f5e9759ac3592043449c02dcffa56' : '400bcbb4807a5a722df5e2045fa7966f';
-      this.loadData(newsFeedKey, (data) => {
-        newsElements.forEach((e, i) => {
-          if (data[i]) {
-            ReactDOM.render(
-              <NewsCollageBannerComponent
-                type="news"
-                item={AUNewsHelpers.setExternal(data[i])}
-                title={this.lang === 'da' ? 'Nyhed' : 'News'}
-                lang={this.lang}
-              />,
-              e,
-            );
-          } else {
-            e.style.display = 'none';
-          }
-        });
-      });
-      // Events
-      const eventFeedKey = this.lang === 'da' ? '003383f99d8ae70cde9110294ab39727' : '19a8aa9cc30143d2e41cfbdb4123541e';
-      this.loadData(eventFeedKey, (data) => {
-        eventElements.forEach((e, i) => {
-          if (data[i]) {
-            ReactDOM.render(
-              <NewsCollageBannerComponent
-                type="events"
-                item={AUNewsHelpers.setExternal(data[i])}
-                title={this.lang === 'da' ? 'Arrangement' : 'Event'}
-                lang={this.lang}
-              />,
-              e,
-            );
-          } else {
-            e.style.display = 'none';
-          }
-        });
-      });
-
-      this.loaded = true;
-    }
-  }
-
-  initRSS() {
-    if (!this.loaded && isElementInViewport(this.element) && typeof window.newsCollageRSS !== 'undefined' && window.newsCollageRSS) {
-      const newsElements = [
-        document.querySelector('#news1'),
-        document.querySelector('#news2'),
-        document.querySelector('#news3'),
-        document.querySelector('#news4'),
-      ];
-
-      const eventElements = [
-        document.querySelector('#event1'),
-        document.querySelector('#event2'),
-        document.querySelector('#event3'),
-      ];
-
-      // News
-      const newsFeedKey = `https://webtools.au.dk/api/news/getlist?url=${window.newsFeedRssUri}`;
-      this.loadDataRSS(newsFeedKey, (data) => {
-        newsElements.forEach((e, i) => {
-          if (data[i]) {
-            ReactDOM.render(
-              <NewsCollageBannerRSSComponent
-                type="news"
-                item={data[i]}
-                title={this.lang === 'da' ? 'Nyhed' : 'News'}
-                lang={this.lang}
-              />,
-              e,
-            );
-          } else {
-            e.style.display = 'none';
-          }
-        });
-      });
-      // Events
-      const eventFeedKey = `https://webtools.au.dk/api/news/getlist?url=${window.eventFeedRssUri}`;
-      this.loadDataRSS(eventFeedKey, (data) => {
-        eventElements.forEach((e, i) => {
-          if (data[i]) {
-            ReactDOM.render(
-              <NewsCollageBannerRSSComponent
-                type="events"
-                item={data[i]}
-                title={this.lang === 'da' ? 'Arrangement' : 'Event'}
-                lang={this.lang}
-              />,
-              e,
-            );
-          } else {
-            e.style.display = 'none';
-          }
-        });
-      });
-
-      this.loaded = true;
-    }
-  }
-}
-
-window.AUNews = AUNews;
-window.AUNewsCollage = AUNewsCollage;
-export {
-  AUNewsConfig,
-  AUNewsHelpers,
-};
+/* eslint-env browser */
+/* eslint max-classes-per-file: 0 */
+/* eslint class-methods-use-this: 0 */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import NewsListComponent from '../components/news/NewsListComponent';
+import NewsPopUpComponent from '../components/news/NewsPopUpComponent';
+import NewsCollageBannerComponent from '../components/news/NewsCollageBannerComponent';
+import NewsCollageBannerRSSComponent from '../components/news/NewsCollageBannerRSSComponent';
+import { isElementInViewport } from './helpers';
+
+const AUNewsConfig = {
+  server: window.newsServer || '//news.au.dk',
+  newsUrl: `${window.location.href.replace(window.location.hash, '').replace('#', '')}#news-`,
+  useOverlay: !(typeof window.useOverlay !== 'undefined' && !window.useOverlay),
+  useSyndication: !(typeof window.useSyndication !== 'undefined' && !window.useSyndication),
+  tagStrip: new RegExp(/<(?!\/?sub|sup(?=>|\s.*>))\/?.*?>/ig),
+};
+
+class AUNewsHelpers {
+  static typeIdToText(_id) {
+    let id = _id;
+    id = parseInt(id, 10);
+    if (id === 0 || id === 2) {
+      return 'news';
+    }
+    if (id === 4 || id === 7) {
+      return 'event';
+    }
+    if (id === 9) {
+      return 'notice';
+    }
+    return '';
+  }
+
+  static getEventDates(item, lang) {
+    const fromDateSplit = item.event_from.date.split('.');
+    let fromDate;
+    if (lang === 'en') {
+      fromDate = new Date(
+        parseInt(fromDateSplit[0], 10),
+        parseInt(fromDateSplit[1], 10) - 1,
+        parseInt(fromDateSplit[2], 10),
+      );
+    } else {
+      fromDate = new Date(
+        parseInt(fromDateSplit[2], 10),
+        parseInt(fromDateSplit[1], 10) - 1,
+        parseInt(fromDateSplit[0], 10),
+      );
+    }
+
+    const toDateSplit = item.event_to.date.split('.');
+    let toDate;
+    if (lang === 'en') {
+      toDate = new Date(
+        parseInt(toDateSplit[0], 10),
+        parseInt(toDateSplit[1], 10) - 1,
+        parseInt(toDateSplit[2], 10),
+      );
+    } else {
+      toDate = new Date(
+        parseInt(toDateSplit[2], 10),
+        parseInt(toDateSplit[1], 10) - 1,
+        parseInt(toDateSplit[0], 10),
+      );
+    }
+
+    return {
+      fromDate,
+      toDate,
+      fromDateSplit,
+      toDateSplit,
+    };
+  }
+
+  static setExternal(_item) {
+    const item = _item;
+    const ttType = parseInt(item.type, 10);
+    item.external = ttType !== 0 && ttType !== 4 && ttType !== 9;
+    // "News" eller "Event" eller "Notice"
+    item.url = !item.external
+      && AUNewsConfig.useOverlay ? (AUNewsConfig.newsUrl + item.id) : item.permalink;
+    return item;
+  }
+
+  static getNewsID(search) {
+    const reNewsId = /^#?news-(.*)$/;
+    const match = search.match(reNewsId);
+    if (match !== null) {
+      return match[1];
+    }
+
+    return -1;
+  }
+
+  static isiPad() {
+    return (/iPad/i).test(navigator.userAgent);
+  }
+}
+
+class AUNews {
+  constructor(lang, feeds) {
+    this.lang = lang;
+    this.feeds = feeds || [];
+    this.item = null;
+    this.setItem = this.setItem.bind(this);
+  }
+
+  setItem(item) {
+    this.item = item;
+  }
+
+  setPopUp() {
+    const qsNewsPrint = AU.helpers.getQuerystring('newsprint');
+    const print = qsNewsPrint !== '';
+    const openPopUp = () => {
+      const newsID = AUNewsHelpers.getNewsID(window.location.hash);
+      let mountNode = document.getElementById('au_news_popup');
+      if (print) {
+        mountNode = document.querySelector('body');
+      }
+      if (parseInt(newsID, 10) > -1) {
+        if (this.item != null) {
+          const trackerLink = `/virtual/news/${AUNewsHelpers.typeIdToText(this.item.type)}/open-list/id-${this.item.id}/${this.item.permalink}`;
+          AU.tracking.trackSingle(trackerLink);
+        }
+        // Would like to use portal here, but it won't work "standalone"
+        ReactDOM.render(
+          <NewsPopUpComponent
+            id={newsID}
+            item={this.item}
+            lang={this.lang}
+            print={print}
+          />,
+          mountNode,
+        );
+      } else if (window.location.hash === '' || window.location.hash === '#') { // Thx IE!
+        ReactDOM.unmountComponentAtNode(mountNode);
+      }
+    };
+
+    openPopUp();
+
+    window.addEventListener('hashchange', () => {
+      openPopUp();
+    });
+
+    const fade = document.getElementById('fade');
+    fade.addEventListener('click', () => {
+      window.location.hash = '';
+    });
+  }
+
+  init() {
+    this.setPopUp();
+    this.feeds.forEach((f) => {
+      const list = f;
+      list.container = document.querySelector(`#au_news-list_${list.id}`);
+      list.items = [];
+      list.page = 1;
+      const elements = AUNews.getElementFormatArray(list);
+      const mountNode = list.container;
+      if (mountNode) {
+        ReactDOM.render(
+          <NewsListComponent
+            lang={this.lang}
+            list={list}
+            elements={elements}
+            setItem={this.setItem}
+          />,
+          mountNode,
+        );
+      }
+    });
+  }
+
+  static getElementFormatArray(_list) {
+    const list = _list;
+    const elements = [];
+    const rowSplit = list.format.split(',');
+    let formatCount = 0;
+    for (let r = 0; r < rowSplit.length; r += 1) {
+      const element = rowSplit[r];
+      if (element !== '|') {
+        if (element.indexOf('|') > -1) {
+          const columns = [];
+          const columnSplit = element.split('|');
+          for (let c = 0; c < columnSplit.length; c += 1) {
+            const columnElements = [];
+            const columnElementsSplit = columnSplit[c].split(';');
+            for (let e = 0; e < columnElementsSplit.length; e += 1) {
+              columnElements.push(columnElementsSplit[e]);
+              list.lastelement = columnElementsSplit[e];
+              list.lastiscolumn = true;
+              formatCount += 1;
+            }
+            columns.push(columnElements);
+          }
+          elements.push(columns);
+        } else {
+          elements.push(element);
+          list.lastiscolumn = false;
+          list.lastelement = element;
+          formatCount += 1;
+        }
+      }
+    }
+
+    if (list.page === 1) {
+      list.amount = formatCount;
+    }
+
+    return elements;
+  }
+}
+
+class AUNewsCollage {
+  constructor(lang, element) {
+    this.element = element;
+    this.loaded = false;
+    this.lang = lang;
+    window.addEventListener('scroll', () => {
+      this.init();
+      this.initRSS();
+    });
+  }
+
+  loadData(key, callback) {
+    const url = `${AUNewsConfig.server}/index.php?eID=getAuNewsFeed&mode=key&key=${key}&index=0&amount=4&noPageBrowser=1&lang=${this.lang}&callback=?`;
+    $.ajax({
+      url,
+      dataType: 'json',
+      jsonpCallback: url.hashCode(),
+      jsonp: true,
+      cache: true,
+      success: (data) => {
+        if (typeof callback === 'function') {
+          callback(data);
+        }
+      },
+    });
+  }
+
+  loadDataRSS(url, callback) {
+    fetch(url).then((response) => response.json()).then((data) => callback(data.Items));
+  }
+
+  init() {
+    if (!this.loaded && isElementInViewport(this.element) && typeof window.newsCollageRSS === 'undefined') {
+      const newsElements = [
+        document.querySelector('#news1'),
+        document.querySelector('#news2'),
+        document.querySelector('#news3'),
+        document.querySelector('#news4'),
+      ];
+
+      const eventElements = [
+        document.querySelector('#event1'),
+        document.querySelector('#event2'),
+        document.querySelector('#event3'),
+      ];
+
+      // News
+      const newsFeedKey = this.lang === 'da' ? 'b73f5e9759ac3592043449c02dcffa56' : '400bcbb4807a5a722df5e2045fa7966f';
+      this.loadData(newsFeedKey, (data) => {
+        newsElements.forEach((e, i) => {
+          if (data[i]) {
+            ReactDOM.render(
+              <NewsCollageBannerComponent
+                type="news"
+                item={AUNewsHelpers.setExternal(data[i])}
+                title={this.lang === 'da' ? 'Nyhed' : 'News'}
+                lang={this.lang}
+              />,
+              e,
+            );
+          } else {
+            e.style.display = 'none';
+          }
+        });
+      });
+      // Events
+      const eventFeedKey = this.lang === 'da' ? '003383f99d8ae70cde9110294ab39727' : '19a8aa9cc30143d2e41cfbdb4123541e';
+      this.loadData(eventFeedKey, (data) => {
+        eventElements.forEach((e, i) => {
+          if (data[i]) {
+            ReactDOM.render(
+              <NewsCollageBannerComponent
+                type="events"
+                item={AUNewsHelpers.setExternal(data[i])}
+                title={this.lang === 'da' ? 'Arrangement' : 'Event'}
+                lang={this.lang}
+              />,
+              e,
+            );
+          } else {
+            e.style.display = 'none';
+          }
+        });
+      });
+
+      this.loaded = true;
+    }
+  }
+
+  initRSS() {
+    if (!this.loaded && isElementInViewport(this.element) && typeof window.newsCollageRSS !== 'undefined' && window.newsCollageRSS) {
+      const newsElements = [
+        document.querySelector('#news1'),
+        document.querySelector('#news2'),
+        document.querySelector('#news3'),
+        document.querySelector('#news4'),
+      ];
+
+      const eventElements = [
+        document.querySelector('#event1'),
+        document.querySelector('#event2'),
+        document.querySelector('#event3'),
+      ];
+
+      // News
+      const newsFeedKey = `https://webtools.au.dk/api/news/getlist?url=${window.newsFeedRssUri}`;
+      this.loadDataRSS(newsFeedKey, (data) => {
+        newsElements.forEach((e, i) => {
+          if (data[i]) {
+            ReactDOM.render(
+              <NewsCollageBannerRSSComponent
+                type="news"
+                item={data[i]}
+                title={this.lang === 'da' ? 'Nyhed' : 'News'}
+                lang={this.lang}
+              />,
+              e,
+            );
+          } else {
+            e.style.display = 'none';
+          }
+        });
+      });
+      // Events
+      const eventFeedKey = `https://webtools.au.dk/api/news/getlist?url=${window.eventFeedRssUri}`;
+      this.loadDataRSS(eventFeedKey, (data) => {
+        eventElements.forEach((e, i) => {
+          if (data[i]) {
+            ReactDOM.render(
+              <NewsCollageBannerRSSComponent
+                type="events"
+                item={data[i]}
+                title={this.lang === 'da' ? 'Arrangement' : 'Event'}
+                lang={this.lang}
+              />,
+              e,
+            );
+          } else {
+            e.style.display = 'none';
+          }
+        });
+      });
+
+      this.loaded = true;
+    }
+  }
+}
+
+window.AUNews = AUNews;
+window.AUNewsCollage = AUNewsCollage;
+export {
+  AUNewsConfig,
+  AUNewsHelpers,
+};