Merge pull request #1 from FreakSpace/dev/frontend

Dev/frontend
FSpaceLab · Apr 22, 2019 · 878f3dd · 878f3dd
2 parents 54faa11 + 2777e86
commit 878f3dd
Show file tree

Hide file tree

Showing 10 changed files with 498 additions and 6 deletions.
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -0,0 +1,11 @@
+.light-color {
+    padding-left: 14px;
+    border: 1px solid #999;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+}
+
+.jumbotron {
+    padding: 2rem 2rem;
+}
diff --git a/static/js/custom.js b/static/js/custom.js
@@ -0,0 +1,26 @@
+
+function formatDate(date) {
+    var d = new Date(date),
+        month = '' + (d.getMonth() + 1),
+        day = '' + d.getDate(),
+        year = d.getFullYear();
+        hours = d.getHours();
+        minutes = d.getMinutes();
+
+    if (month.length < 2) month = '0' + month;
+    if (day.length < 2) day = '0' + day;
+    if (hours.length < 2) hours = '0' + hours;
+    if (minutes.length < 2) minutes = '0' + minutes;
+
+    return [year, month, day, hours, minutes].join('-');
+}
+
+$( "#get-data-button" ).on( "click", function() {
+    var from_date = formatDate($("#datetimepicker_from").datetimepicker('viewDate')._d);
+    var to_date = formatDate($("#datetimepicker_to").datetimepicker('viewDate')._d);
+    window.location.replace("/?start_date="+from_date+"&end_date="+to_date);
+});
+
+$( "#clean-data-button" ).on( "click", function() {
+    window.location.replace("/");
+});
diff --git a/templates/base.html b/templates/base.html
@@ -0,0 +1,74 @@
+{% load staticfiles %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>{% block title %}
+
+    {% endblock %}</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <link rel="stylesheet" href="{% static "css/custom.css" %}">
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/css/tempusdominus-bootstrap-4.min.css"/>
+    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" />
+
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+            integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
+            crossorigin="anonymous"></script>
+    <script type="text/javascript"
+            src="https://momentjs.com/downloads/moment.js"></script>
+
+    <script type="text/javascript"
+            src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"
+            defer></script>
+
+    {% block additional_script_or_css %}
+
+    {% endblock %}
+
+</head>
+<body>
+    {% block jumbotron %}
+
+    {% endblock %}
+
+    {% block charts %}
+
+    {% endblock %}
+
+    <nav class="navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark">
+        <a class="navbar-brand" href="#">FreakSpace</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarCollapse">
+            <ul class="navbar-nav mr-auto">
+                <li class="nav-item active">
+                    <a class="nav-link" href="#">Головна <span class="sr-only">(current)</span></a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Всі записи</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link disabled" href="#">Встановлення програми</a>
+                </li>
+
+            </ul>
+        </div>
+    </nav>
+    <br>
+    <br>
+    <br>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+            crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+            crossorigin="anonymous"></script>
+
+    <script type="text/javascript"
+            src="{% static 'js/custom.js' %}"></script>
+</body>
+</html>