Merge branch 'git-commit-on-download'

* git-commit-on-download:
  add git details to download

Author: ThorstenBux

_docs/downloads.md

@@ -18,4 +18,5 @@ sectionid: downloads
 <div id="objects"></div>
 
 <script src="https://sdk.amazonaws.com/js/aws-sdk-2.163.0.min.js"></script>
-<script type="text/javascript" src="/js/aws_s3.js"></script>
+<script type="text/javascript" src="/js/moment.min.js"></script>
+<script type="text/javascript" src="/js/aws_s3.js"></script>

css/main.scss

@@ -145,4 +145,35 @@ img.projects {
 
 h1, h2, h3, h4, h5 {
     color: #B9B9B9;
+}
+
+div #gitDetails {
+    font-size: 12px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    width: 120px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+
+    /* Position the tooltip */
+    position: absolute;
+    z-index: 1;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
 }

js/aws_s3.js

@@ -9,18 +9,62 @@ const bucket = new AWS.S3({params: {Bucket: bucketName}});
 
 const urlPrefix="https://s3-us-west-2.amazonaws.com/" + bucketName + '/';
 
-bucket.listObjectsV2(function (err, data) {
+const params = {
+    Prefix: 'download'
+};
+
+bucket.listObjectsV2(params, function (err, data) {
     if (err) {
         document.getElementById('status').innerHTML =
         'Could not load objects from S3 error: ' + err;
     } else {
         document.getElementById('spinner').style.display='none';        
         document.getElementById('status').innerHTML ='Loaded ' + data.Contents.length + ' items from S3';
-
-        for (var i = 0; i < data.Contents.length; i++) {
+        const objects = document.getElementById('objects');
+        const list = document.createElement('ul');
+        objects.appendChild(list);
+        for (let i = 0; i < data.Contents.length; i++) {
             let fileNameWithPath = data.Contents[i].Key;
             let fileName = fileNameWithPath.substr(fileNameWithPath.lastIndexOf('/')+1);
-            document.getElementById('objects').innerHTML += `<li><a href=${urlPrefix}${data.Contents[i].Key}>${fileName}</a></li>`
+            const listItem = document.createElement("li");
+            const linkContainer = document.createElement('span');
+            linkContainer.setAttribute('class', 'col-md-5');
+            const link = document.createElement("a");
+            link.setAttribute('href', `${urlPrefix}${data.Contents[i].Key}`);
+            link.appendChild(document.createTextNode(fileName));
+            linkContainer.appendChild(link);
+            listItem.appendChild(linkContainer);
+            list.appendChild(listItem);
+            // Read meta data
+            const xhr = new XMLHttpRequest();
+            xhr.open('GET', `${urlPrefix}meta/${fileName}.json`, true);
+            xhr.send();
+
+            xhr.onreadystatechange = (e) => {
+                if(xhr.readyState == 4 && xhr.status == 200){
+                    const response = JSON.parse(xhr.responseText);
+                    console.log("Success: " + response.time);
+                    const t = moment.unix(response.time);
+                    t.utc();
+                    const formatted = t.format("YYYY-MM-DD HH:mm");
+                    const gitText = `${formatted} UTC | ${response.commitMessage} | ${response.sha.substring(0,7)}`;
+                    
+                    const gitDetails = document.createElement('span');
+                    gitDetails.setAttribute('id', 'gitDetails');
+                    gitDetails.setAttribute('class', 'col-md-7');
+                    gitDetails.setAttribute('data-toggle', 'tooltip' );
+                    gitDetails.setAttribute('title', gitText);
+                    gitDetails.appendChild(document.createTextNode(gitText));
+                    listItem.appendChild(gitDetails);
+                }
+                else if (xhr.readyState == 4 && xhr.status != 200) {
+                    const gitDetails = document.createElement('span');
+                    gitDetails.setAttribute('id', 'gitDetails');
+                    gitDetails.setAttribute('class', 'col-md-7');
+                    gitDetails.appendChild(document.createTextNode(`N/A: ${xhr.status}`));
+                    listItem.appendChild(gitDetails);
+                }
+            };
         }
     }
 });