From fb7fd6c29d25c6259334b08479f4ff2db89f0526 Mon Sep 17 00:00:00 2001 From: Yuval Adam Date: Wed, 28 May 2014 16:05:00 +0300 Subject: Show one channel each time --- static/css/main.css | 5 +++-- templates/home.html | 10 ++++++++++ 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index 6ec56a8..3177c73 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,6 +1,7 @@ -.light-channel:nth-child(2n) { - background-color: #ccc; +.light-channel { + display: none; } + .light-cell-btn { margin: 2px; } diff --git a/templates/home.html b/templates/home.html index b6e76bf..505acda 100644 --- a/templates/home.html +++ b/templates/home.html @@ -33,6 +33,13 @@ _.each(_.range(CHANNELS), function(i) { var row = $(_.template($('#light-row-template').text(), {i: i, subchannels: SUB_CHANNELS, cells: LOOP_LENGTH})); $('#light-container').append(row); + $('#channel-btns').append($('')); + }); + + $('.channel-btn').click(function() { + var chan = $(this).attr('data-channel'); + $('.light-channel').hide(); + $('.light-channel[data-light-channel=' + chan +']').show(); }); }); @@ -40,8 +47,11 @@

Light Loop Pi