added rivendell weeks view

4 files changed, 201 insertions, 0 deletions

diff --git a/www/js/calendar.js b/www/js/calendar.js
new file mode 100644
index 0000000..8bdf033
--- /dev/null
+++ b/www/js/calendar.js
@@ -0,0 +1,86 @@
+/*
+ *  rhrdweb
+ *
+ *  Copyright (C) 2016 Christian Pointner <equinox@helsinki.at>
+ *
+ *  This file is part of rhrdweb.
+ *
+ *  rhrdweb is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  any later version.
+ *
+ *  rhrdweb is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with rhrdweb. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+'use strict';
+
+function getLastMonday() {
+  var d = new Date();
+  d.setHours(0, 0, 0, 0);
+  var dow = d.getDay()
+  if(dow == 0) {
+    return new Date(d - (6*24*3600000));
+  } else {
+    return new Date(d - ((dow-1)*24*3600000));
+  }
+}
+
+function addDeltaDays(d, days) {
+    return new Date(d.valueOf() + (days*24*3600000))
+}
+
+function addWeekClass(row, week) {
+  switch(week) {
+    case 1:
+      row.addClass('label-info');
+      break;
+    case 2:
+      row.addClass('label-warning');
+      break;
+    case 3:
+      row.addClass('label-success');
+      break;
+    case 4:
+      row.addClass('label-danger');
+      break;
+    default:
+      row.addClass('label-default');
+  }
+}
+
+function calendar_redraw() {
+  var cal = $('#calendar');
+  cal.find("tr:gt(0)").remove();
+
+  var date = getLastMonday();
+  date = addDeltaDays(date, -28);
+  for(var w = 0; w < 42; w++) {
+    var week = get_rd_week(date.valueOf());
+    var row = $('<tr>');
+    addWeekClass(row, week);
+
+    row.append($('<td>').addClass('week').text(week));
+    row.append($('<td>').addClass('month').text(monthname_short[date.getMonth()]));
+    for(var d = 0; d < 7; d++) {
+      var col = $('<td>').text(date.getDate());
+      row.append(col);
+      if(d < 6) {
+          date = addDeltaDays(date, 1);
+      }
+    }
+    row.append($('<td>').addClass('month').text(monthname_short[date.getMonth()]));
+    date = addDeltaDays(date, 1);
+    $('#calendar').append(row);
+  }
+}
+
+function calendar_init() {
+  calendar_redraw()
+}
diff --git a/www/js/utils.js b/www/js/utils.js
index ba40863..a7fef1b 100644
--- a/www/js/utils.js
+++ b/www/js/utils.js
@@ -38,6 +38,22 @@ weekday[6] = 'Samstag';
 
 var weekday_short = new Array('So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa');
 
+var monthname = new Array(7);
+monthname[0] = 'Jänner';
+monthname[1] = 'Februar';
+monthname[2] = 'März';
+monthname[3] = 'April';
+monthname[4] = 'Mai';
+monthname[5] = 'Juni';
+monthname[6] = 'Juli';
+monthname[7] = 'August';
+monthname[8] = 'September';
+monthname[9] = 'Oktober';
+monthname[10] = 'November';
+monthname[11] = 'Dezember';
+
+var monthname_short = new Array('Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez');
+
 function format_datetime(d) {
   if(Object.prototype.toString.call(d) !== '[object Date]') {
     return '-';
diff --git a/www/styles/week.css b/www/styles/week.css
new file mode 100644
index 0000000..5ff75cd
--- /dev/null
+++ b/www/styles/week.css
@@ -0,0 +1,50 @@
+/*
+ *  rhrdweb
+ *
+ *  Copyright (C) 2016 Christian Pointner <equinox@helsinki.at>
+ *
+ *  This file is part of rhrdweb.
+ *
+ *  rhrdweb is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  any later version.
+ *
+ *  rhrdweb is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with rhrdweb. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#calendar {
+  border-collapse: collapse;
+}
+
+#calendar th {
+  font-size: 1.2em;
+}
+
+#calendar td {
+  width: 2em;
+  font-weight: bold;
+  text-align: center;
+  padding: 0.3em;
+  border-bottom: 1px solid white;
+}
+
+#calendar td.week {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+
+#calendar td.month {
+  width: 3em;
+  font-size: 1.2em;
+  font-weight: bold;
+  border-left: 2px solid white;
+  border-right: 2px solid white;
+}
+
diff --git a/www/weeks.html b/www/weeks.html
new file mode 100644
index 0000000..13ee0e5
--- /dev/null
+++ b/www/weeks.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Radio Helsinki - Automation Week Plan</title>
+  <meta charset="utf-8">
+  <meta name="author" content="Christian Pointner <equinox@helsinki.at>">
+
+  <link rel="shortcut icon" href="/img/favicon.ico" />
+  <link href="/styles/main.css" rel="stylesheet">
+  <link href="/styles/week.css" rel="stylesheet">
+  <script src="/javascript/jquery/jquery.min.js"></script>
+  <script src="/js/utils.js"></script>
+  <script src="/js/clock.js"></script>
+  <script src="/js/calendar.js"></script>
+ </head>
+ <body>
+   <div id="container">
+     <div id="clock">
+       <span class="current-week"></span>
+       <span class="clock-date"></span>
+       <span class="clock-time"></span>
+     </div>
+
+   </div>
+
+   <div id="weeks">
+     <table id="calendar">
+       <tr>
+         <th></th>
+         <th></th>
+         <th>Mo</th>
+         <th>Di</th>
+         <th>Mi</th>
+         <th>Do</th>
+         <th>Fr</th>
+         <th>Sa</th>
+         <th>So</th>
+         <th></th>
+       </tr>
+     </table>
+   </div>
+
+  <script type="text/javascript">
+    <!-- clock_init(); -->
+    calendar_init();
+  </script>
+
+ </body>
+</html>