@aarhus-university/au-lib-react-components 9.11.17 → 9.12.0

package/src/components/news/NewsLanguageChangeComponent.js

@@ -1,74 +1,74 @@
-/* eslint-env browser */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-class NewsLanguageChangeComponent extends React.Component {
-  constructor(props) {
-    super(props);
-
-    const { item } = props;
-    this.state = {
-      item,
-      lang: -1,
-      altLangLink: '',
-    };
-  }
-
-  componentDidMount() {
-    const { getItem, lang: pLang } = this.props;
-    const { item } = this.state;
-    const lang = pLang === 'da' ? 1 : 0;
-    let changeLangElement = document.querySelector('.language-selector a');
-    if (!changeLangElement) {
-      // Oh for fuck sake! Medarbejderheaderen...
-      changeLangElement = document.querySelector('.languageselector a');
-    }
-    if (changeLangElement) {
-      const t3LangChangeLink = changeLangElement.getAttribute('href');
-      if (t3LangChangeLink) {
-        getItem(item.id, lang, (data) => {
-          let hasAltLanguage = false;
-          const pl = data.permalink;
-          if (lang === 0 && pl.indexOf('/en/') === -1) {
-            // Klik på "dansk" fra engelsk nyhed
-            hasAltLanguage = true;
-          }
-          if (lang === 1 && pl.indexOf('/en/') > -1) {
-            // Klik på "english" fra dansk nyhed
-            hasAltLanguage = true;
-          }
-
-          if (hasAltLanguage) {
-            this.setState({
-              altLangLink: `${t3LangChangeLink}#news-${item.id}`,
-              lang,
-            });
-          }
-        });
-      }
-    }
-  }
-
-  render() {
-    const { lang, altLangLink } = this.state;
-    if (lang === -1) {
-      return <span />;
-    }
-
-    return (
-      <span className="au_news-single-language">
-        <a href={altLangLink}>{lang === 1 ? 'English' : 'Danish'}</a>
-      </span>
-    );
-  }
-}
-
-NewsLanguageChangeComponent.propTypes = {
-  lang: PropTypes.string.isRequired,
-  item: PropTypes.shape({
-  }).isRequired,
-  getItem: PropTypes.func.isRequired,
-};
-
-NewsLanguageChangeComponent.displayName = 'NewsLanguageChangeComponent';
-export default NewsLanguageChangeComponent;
+/* eslint-env browser */
+import React from 'react';
+import PropTypes from 'prop-types';
+
+class NewsLanguageChangeComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    const { item } = props;
+    this.state = {
+      item,
+      lang: -1,
+      altLangLink: '',
+    };
+  }
+
+  componentDidMount() {
+    const { getItem, lang: pLang } = this.props;
+    const { item } = this.state;
+    const lang = pLang === 'da' ? 1 : 0;
+    let changeLangElement = document.querySelector('.language-selector a');
+    if (!changeLangElement) {
+      // Oh for fuck sake! Medarbejderheaderen...
+      changeLangElement = document.querySelector('.languageselector a');
+    }
+    if (changeLangElement) {
+      const t3LangChangeLink = changeLangElement.getAttribute('href');
+      if (t3LangChangeLink) {
+        getItem(item.id, lang, (data) => {
+          let hasAltLanguage = false;
+          const pl = data.permalink;
+          if (lang === 0 && pl.indexOf('/en/') === -1) {
+            // Klik på "dansk" fra engelsk nyhed
+            hasAltLanguage = true;
+          }
+          if (lang === 1 && pl.indexOf('/en/') > -1) {
+            // Klik på "english" fra dansk nyhed
+            hasAltLanguage = true;
+          }
+
+          if (hasAltLanguage) {
+            this.setState({
+              altLangLink: `${t3LangChangeLink}#news-${item.id}`,
+              lang,
+            });
+          }
+        });
+      }
+    }
+  }
+
+  render() {
+    const { lang, altLangLink } = this.state;
+    if (lang === -1) {
+      return <span />;
+    }
+
+    return (
+      <span className="au_news-single-language">
+        <a href={altLangLink}>{lang === 1 ? 'English' : 'Danish'}</a>
+      </span>
+    );
+  }
+}
+
+NewsLanguageChangeComponent.propTypes = {
+  lang: PropTypes.string.isRequired,
+  item: PropTypes.shape({
+  }).isRequired,
+  getItem: PropTypes.func.isRequired,
+};
+
+NewsLanguageChangeComponent.displayName = 'NewsLanguageChangeComponent';
+export default NewsLanguageChangeComponent;

package/src/components/news/NewsLayout1Component.js

@@ -1,80 +1,80 @@
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import NewsSubHeaderComponent from './NewsSubHeaderComponent';
-import NewsCategoriesComponent from './NewsCategoriesComponent';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout1Component = (props) => {
-  const { item, listid, setPopupItem } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_news-list1-item">
-      {(() => {
-        if (i.image) {
-          return (
-            <div className="au_news-list-item-img">
-              <a
-                onClick={() => {
-                  if (!i.external) {
-                    setPopupItem(item);
-                  }
-                }}
-                href={i.url}
-                title={i.header}
-              >
-                <img src={i.image.layout1} alt="" />
-              </a>
-            </div>
-          );
-        }
-        return null;
-      })()}
-      <div className="au_news-list-item-text">
-        <h2>
-          <a
-            onClick={() => {
-              if (!i.external) {
-                setPopupItem(item);
-              }
-            }}
-            href={i.url}
-            title={i.header}
-            dangerouslySetInnerHTML={{ __html: i.header }}
-          />
-        </h2>
-        <p className="au_news-legend">
-          <span className="au_news-list-date">{i.date}</span>
-          {'  |  '}
-          <NewsCategoriesComponent categories={i.categories} />
-        </p>
-        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
-      </div>
-    </div>
-  );
-};
-
-NewsLayout1Component.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-    date: PropTypes.string.isRequired,
-    categories: PropTypes.arrayOf(PropTypes.shape({
-
-    })).isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout1Component.displayName = 'NewsLayout1Component';
-export default NewsLayout1Component;
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import NewsSubHeaderComponent from './NewsSubHeaderComponent';
+import NewsCategoriesComponent from './NewsCategoriesComponent';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout1Component = (props) => {
+  const { item, listid, setPopupItem } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_news-list1-item">
+      {(() => {
+        if (i.image) {
+          return (
+            <div className="au_news-list-item-img">
+              <a
+                onClick={() => {
+                  if (!i.external) {
+                    setPopupItem(item);
+                  }
+                }}
+                href={i.url}
+                title={i.header}
+              >
+                <img src={i.image.layout1} alt="" />
+              </a>
+            </div>
+          );
+        }
+        return null;
+      })()}
+      <div className="au_news-list-item-text">
+        <h2>
+          <a
+            onClick={() => {
+              if (!i.external) {
+                setPopupItem(item);
+              }
+            }}
+            href={i.url}
+            title={i.header}
+            dangerouslySetInnerHTML={{ __html: i.header }}
+          />
+        </h2>
+        <p className="au_news-legend">
+          <span className="au_news-list-date">{i.date}</span>
+          {'  |  '}
+          <NewsCategoriesComponent categories={i.categories} />
+        </p>
+        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
+      </div>
+    </div>
+  );
+};
+
+NewsLayout1Component.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+    date: PropTypes.string.isRequired,
+    categories: PropTypes.arrayOf(PropTypes.shape({
+
+    })).isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout1Component.displayName = 'NewsLayout1Component';
+export default NewsLayout1Component;

package/src/components/news/NewsLayout2Component.js

@@ -1,80 +1,80 @@
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import NewsSubHeaderComponent from './NewsSubHeaderComponent';
-import NewsCategoriesComponent from './NewsCategoriesComponent';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout2Component = (props) => {
-  const { item, listid, setPopupItem } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_news-list2-item">
-      {(() => {
-        if (i.image) {
-          return (
-            <div className="au_news-list-item-img">
-              <a
-                onClick={() => {
-                  if (!i.external) {
-                    setPopupItem(item);
-                  }
-                }}
-                href={i.url}
-                title={i.header}
-              >
-                <img src={i.image.layout2} alt="" />
-              </a>
-            </div>
-          );
-        }
-        return null;
-      })()}
-      <div className="au_news-list-item-text">
-        <h2>
-          <a
-            onClick={() => {
-              if (!i.external) {
-                setPopupItem(item);
-              }
-            }}
-            href={i.url}
-            title={i.header}
-            dangerouslySetInnerHTML={{ __html: i.header }}
-          />
-        </h2>
-        <p className="au_news-legend">
-          <span className="au_news-list-date">{i.date}</span>
-          {'  |  '}
-          <NewsCategoriesComponent categories={i.categories} />
-        </p>
-        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
-      </div>
-    </div>
-  );
-};
-
-NewsLayout2Component.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-    date: PropTypes.string.isRequired,
-    categories: PropTypes.arrayOf(PropTypes.shape({
-
-    })).isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout2Component.displayName = 'NewsLayout2Component';
-export default NewsLayout2Component;
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import NewsSubHeaderComponent from './NewsSubHeaderComponent';
+import NewsCategoriesComponent from './NewsCategoriesComponent';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout2Component = (props) => {
+  const { item, listid, setPopupItem } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_news-list2-item">
+      {(() => {
+        if (i.image) {
+          return (
+            <div className="au_news-list-item-img">
+              <a
+                onClick={() => {
+                  if (!i.external) {
+                    setPopupItem(item);
+                  }
+                }}
+                href={i.url}
+                title={i.header}
+              >
+                <img src={i.image.layout2} alt="" />
+              </a>
+            </div>
+          );
+        }
+        return null;
+      })()}
+      <div className="au_news-list-item-text">
+        <h2>
+          <a
+            onClick={() => {
+              if (!i.external) {
+                setPopupItem(item);
+              }
+            }}
+            href={i.url}
+            title={i.header}
+            dangerouslySetInnerHTML={{ __html: i.header }}
+          />
+        </h2>
+        <p className="au_news-legend">
+          <span className="au_news-list-date">{i.date}</span>
+          {'  |  '}
+          <NewsCategoriesComponent categories={i.categories} />
+        </p>
+        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
+      </div>
+    </div>
+  );
+};
+
+NewsLayout2Component.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+    date: PropTypes.string.isRequired,
+    categories: PropTypes.arrayOf(PropTypes.shape({
+
+    })).isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout2Component.displayName = 'NewsLayout2Component';
+export default NewsLayout2Component;

package/src/components/news/NewsLayout3Component.js

@@ -1,81 +1,81 @@
-/* eslint jsx-a11y/control-has-associated-label: 0 */
-import React from 'react';
-import PropTypes from 'prop-types';
-import NewsSubHeaderComponent from './NewsSubHeaderComponent';
-import NewsCategoriesComponent from './NewsCategoriesComponent';
-import { AUNewsHelpers } from '../../lib/au-news';
-
-const NewsLayout3Component = (props) => {
-  const { item, listid, setPopupItem } = props;
-  if (!item) {
-    return <div />;
-  }
-
-  const i = AUNewsHelpers.setExternal(item);
-
-  const domID = `news-${listid}-${i.id}`;
-
-  return (
-    <div id={domID} className="au_news-list3-item">
-      {(() => {
-        if (i.image) {
-          return (
-            <div className="au_news-list-item-img">
-              <a
-                onClick={() => {
-                  if (!i.external) {
-                    setPopupItem(item);
-                  }
-                }}
-                href={i.url}
-                title={i.header}
-              >
-                <img src={i.image.layout3} alt="" />
-              </a>
-            </div>
-          );
-        }
-        return null;
-      })()}
-      <div className="au_news-list-item-text">
-        <p className="au_news-legend">
-          <span className="au_news-list-date">{i.date}</span>
-          {'  |  '}
-          <NewsCategoriesComponent categories={i.categories} />
-        </p>
-        <h2>
-          <a
-            onClick={() => {
-              if (!i.external) {
-                setPopupItem(item);
-              }
-            }}
-            href={i.url}
-            title={i.header}
-            dangerouslySetInnerHTML={{ __html: i.header }}
-          />
-        </h2>
-        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
-      </div>
-    </div>
-  );
-};
-
-NewsLayout3Component.propTypes = {
-  item: PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    header: PropTypes.string.isRequired,
-    subheader: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    external: PropTypes.bool.isRequired,
-    date: PropTypes.string.isRequired,
-    categories: PropTypes.arrayOf(PropTypes.shape({
-
-    })).isRequired,
-  }).isRequired,
-  listid: PropTypes.number.isRequired,
-  setPopupItem: PropTypes.func.isRequired,
-};
-
-NewsLayout3Component.displayName = 'NewsLayout3Component';
-export default NewsLayout3Component;
+/* eslint jsx-a11y/control-has-associated-label: 0 */
+import React from 'react';
+import PropTypes from 'prop-types';
+import NewsSubHeaderComponent from './NewsSubHeaderComponent';
+import NewsCategoriesComponent from './NewsCategoriesComponent';
+import { AUNewsHelpers } from '../../lib/au-news';
+
+const NewsLayout3Component = (props) => {
+  const { item, listid, setPopupItem } = props;
+  if (!item) {
+    return <div />;
+  }
+
+  const i = AUNewsHelpers.setExternal(item);
+
+  const domID = `news-${listid}-${i.id}`;
+
+  return (
+    <div id={domID} className="au_news-list3-item">
+      {(() => {
+        if (i.image) {
+          return (
+            <div className="au_news-list-item-img">
+              <a
+                onClick={() => {
+                  if (!i.external) {
+                    setPopupItem(item);
+                  }
+                }}
+                href={i.url}
+                title={i.header}
+              >
+                <img src={i.image.layout3} alt="" />
+              </a>
+            </div>
+          );
+        }
+        return null;
+      })()}
+      <div className="au_news-list-item-text">
+        <p className="au_news-legend">
+          <span className="au_news-list-date">{i.date}</span>
+          {'  |  '}
+          <NewsCategoriesComponent categories={i.categories} />
+        </p>
+        <h2>
+          <a
+            onClick={() => {
+              if (!i.external) {
+                setPopupItem(item);
+              }
+            }}
+            href={i.url}
+            title={i.header}
+            dangerouslySetInnerHTML={{ __html: i.header }}
+          />
+        </h2>
+        <NewsSubHeaderComponent subheader={i.subheader} trim={350} />
+      </div>
+    </div>
+  );
+};
+
+NewsLayout3Component.propTypes = {
+  item: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    header: PropTypes.string.isRequired,
+    subheader: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    external: PropTypes.bool.isRequired,
+    date: PropTypes.string.isRequired,
+    categories: PropTypes.arrayOf(PropTypes.shape({
+
+    })).isRequired,
+  }).isRequired,
+  listid: PropTypes.number.isRequired,
+  setPopupItem: PropTypes.func.isRequired,
+};
+
+NewsLayout3Component.displayName = 'NewsLayout3Component';
+export default NewsLayout3Component;