Merge pull request #37 from basiljs/feature/latest-tweets

Feature/latest tweets

Author: ff6347

.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+    extends: [
+      'unobtrusive',
+      'eslint:recommended'
+        ],
+    plugins: [],
+    env: {
+      browser: true,
+      node: true,
+    },
+    globals: {
+    },
+    rules: {
+      semi: [2, 'always'],
+      quotes: [2, 'single'],
+      indent: [2, 2],
+      'linebreak-style': [2, 'unix'],
+      'brace-style': [2, '1tbs'],
+      'array-bracket-spacing': [2, 'never'],
+      camelcase: [2, {properties: 'always'}],
+      'keyword-spacing': [2],
+      'eol-last': [2],
+      'no-trailing-spaces': [2],
+      'no-process-env': ['off', 'always'],
+      'no-console': ['off','always']
+    }
+  };
+  

_includes/aside-left.html

@@ -17,6 +17,8 @@
       </ul>
     </nav>
         <div class="tweet">
+          <div class="message"></div>
+          <div class="tweettime"></div>
         </div>
         <div class="fhnw-logo">
           <a href="http://www.fhnw.ch/hgk/ivk"><img src="/assets/images/fhnwlogo.png" alt="FHNW logo and link"></a>

_layouts/default.html

@@ -14,7 +14,8 @@
     <link rel="stylesheet" href="/assets/css/styles.css">
     <script src="/assets/js/jquery.min.js" type="text/javascript"></script>
     <script src="/assets/js/jquery.columnizer.min.js" type="text/javascript"></script>
-    <script type="text/javascript" src="/assets/js/highlight.js"></script>
+    <script src="/assets/js/tweets.js" type="text/javascript" async></script>
+    <script src="/assets/js/highlight.js" type="text/javascript"></script>
     <script src="/assets/js/basiljs.js" type="text/javascript"></script>
   </head>
   <!--

assets/js/tweets.js

@@ -0,0 +1,23 @@
+document.addEventListener('DOMContentLoaded', () => {
+  const xmlhttp = new XMLHttpRequest();
+  xmlhttp.onreadystatechange = function() {
+    if (xmlhttp.readyState == XMLHttpRequest.DONE) {   // XMLHttpRequest.DONE == 4
+      if (xmlhttp.status == 200) {
+        const tweets = JSON.parse(xmlhttp.responseText);
+        const latest = tweets.data[0];
+        const text = latest.text;
+        const date = latest.created_at;
+        document.querySelector('.tweettime').innerHTML = date;
+        document.querySelector('.message').innerHTML = text;
+      } else if (xmlhttp.status == 400) {
+        console.log('There was an error 400');
+      } else {
+        console.log('something else other than 200 was returned');
+        // console.log(xmlhttp);
+      }
+    }
+  };
+  // let devUrl = 'http://localhost:3000';
+  xmlhttp.open('GET', 'https://basiljs-latest-tweets.now.sh/', true);
+  xmlhttp.send();
+});