Added more selectable days to navbar

538fbccf · Taddeüs Kroes · 7d75c877 · 538fbccf · 538fbccf · 538fbccf
Commit 538fbccf authored Dec 31, 2013 by Taddeüs Kroes
Hide whitespace changes
Inline Side-by-side

Showing with 29 additions and 5 deletions

guide.coffee guide.coffee +3 -1

index.php index.php +12 -1

settings.php settings.php +13 -2

style.sass style.sass +1 -1

No files found.
--- a/guide.coffee
+++ b/guide.coffee
@@ -197,9 +197,11 @@ AppView = Backbone.View.extend(

        @labelview = new ChannelLabelsView(app: @)

+        $('#beforeyesterday').click(-> Settings.set(day: -2))
        $('#yesterday').click(-> Settings.set(day: -1))
        $('#today').click(-> Settings.set(day: 0))
        $('#tomorrow').click(-> Settings.set(day: 1))
+        $('#overmorrow').click(-> Settings.set(day: 2))

        Channels.fetch()
        @centerIndicator()
@@ -233,7 +235,7 @@ AppView = Backbone.View.extend(
        Channels.fetchPrograms(day)
        @updateIndicator()
        $('.navbar .active').removeClass('active')
-        $($('.navbar .navitem')[day + 1]).addClass('active')
+        $($('.navbar .navitem')[day + 2]).addClass('active')

    moveTimeline: ->
        if @$el.scrollTop() != @prevScrollTop

--- a/index.html
+++ b/index.html
+<?php
+function getwday($day) {
+    $wdays = array('zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag',
+                   'vrijdag', 'zaterdag');
+   return ucfirst($wdays[getdate(time() + $day * 24 * 60 * 60)['wday']]);
+}
+?>
 <!doctype html>
 <html>
    <head>
@@ -46,10 +53,14 @@
        </div>

        <div class="navbar">
+            <a href="javascript:void(0);" id="beforeyesterday"
+                class="navitem"><?php echo getwday(-2) ?></a>
            <a href="javascript:void(0);" id="yesterday" class="navitem">Gisteren</a>
            <a href="javascript:void(0);" id="today" class="navitem active">Vandaag</a>
            <a href="javascript:void(0);" id="tomorrow" class="navitem">Morgen</a>
-            <a href="settings.html" class="navitem">Selecteer zenders</a>
+            <a href="javascript:void(0);" id="overmorrow"
+                class="navitem"><?php echo getwday(2) ?></a>
+            <a href="settings.php" class="navitem">Selecteer zenders</a>
        </div>

        <script src="lib/jquery-1.10.2.min.js" type="text/javascript"></script>

--- a/settings.html
+++ b/settings.html
+<?php
+function getwday($day) {
+    $wdays = array('zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag',
+                   'vrijdag', 'zaterdag');
+   return ucfirst($wdays[getdate(time() + $day * 24 * 60 * 60)['wday']]);
+}
+?>
 <!doctype html>
 <html>
    <head>
@@ -6,10 +13,14 @@
    </head>
    <body>
        <div class="navbar">
+            <a href="javascript:void(0);" id="beforeyesterday"
+                class="navitem disabled"><?php echo getwday(-2) ?></a>
            <a href="javascript:void(0);" id="yesterday" class="navitem disabled">Gisteren</a>
-            <a href="index.html" id="today" class="navitem">Vandaag</a>
+            <a href="index.php" id="today" class="navitem">Vandaag</a>
            <a href="javascript:void(0);" id="tomorrow" class="navitem disabled">Morgen</a>
-            <a href="settings.html" class="navitem active">Selecteer zenders</a>
+            <a href="javascript:void(0);" id="overmorrow"
+                class="navitem disabled"><?php echo getwday(2) ?></a>
+            <a href="settings.php" class="navitem active">Selecteer zenders</a>
        </div>

        <form id="select-channels" class="select-channels">

--- a/style.sass
+++ b/style.sass
@@ -32,7 +32,7 @@ html, body
            background-color: #1a1a1a

        &.disabled
-            color: #676767
+            color: #666
            cursor: default

 .guide