feature list of days. part 1

Author: Stigmatoz

scripts/ui.js

@@ -170,4 +170,17 @@ class UI {
             'to': new Date(document.getElementById('dateTo').value).toLocaleDateString()
         };
     }
+
+    fillListOfDays(days) {
+        var parent = document.getElementById('byDays');
+        for (var i = 0; i < days.length; i++) {
+            var div = document.createElement('div');
+            div.classList.add('day');
+            var span = document.createElement('span');
+            span.innerHTML = days[i];
+            div.appendChild(span);
+
+            parent.appendChild(div);
+        }
+    }
 }

scripts/webact.js

@@ -185,4 +185,6 @@ function getTabsByDays(tabs){
     listOfDays = listOfDays.sort(function (a, b) {
         return new Date(a) - new Date(b);
     });
+
+    ui.fillListOfDays(listOfDays);
 }

style/webact.css

@@ -144,4 +144,10 @@ input[type="date"]{
     padding: 4px;
     background-color: rgb(223, 221, 221);
     text-align: center;
+}
+
+.day{
+    width: 500px;
+    height: 25px;
+    cursor: pointer;
 }