From 75ea06ed76ac8fbe7570ac553f167d6c64d64e59 Mon Sep 17 00:00:00 2001
From: calzoneman <calzoneman@gmail.com>
Date: Wed, 2 Oct 2013 22:26:28 -0500
Subject: [PATCH] Add a small toggle for the MOTD

---
 changelog                  |  4 ++++
 www/assets/js/callbacks.js |  9 +++++++--
 www/assets/js/ui.js        | 14 ++++++++++++++
 www/channel.html           |  6 ++++--
 4 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/changelog b/changelog
index 4f219378..bfb368eb 100644
--- a/changelog
+++ b/changelog
@@ -1,3 +1,7 @@
+Wed Oct 02 22:25 2013 CDT
+    * www/channel.html, www/assets/js/ui.js, www/assets/js/callbacks.js:
+      Add a small toggle for the MOTD
+
 Wed Oct 02 09:35 2013 CDT
     * lib/channel.js: Fix the use of the wrong variable when checking for
       maximum video length
diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js
index 4149d5ba..0e4d643f 100644
--- a/www/assets/js/callbacks.js
+++ b/www/assets/js/callbacks.js
@@ -173,10 +173,15 @@ Callbacks = {
         CHANNEL.motd_text = data.motd;
         $("#motd").html(data.html);
         $("#motdtext").val(CHANNEL.motd_text);
-        if(data.motd != "")
+        if(data.motd != "") {
+            $("#motdwrap").show();
             $("#motd").show();
+            $("#togglemotd").find(".icon-plus")
+                .removeClass("icon-plus")
+                .addClass("icon-minus");
+        }
         else
-            $("#motd").hide();
+            $("#motdwrap").hide();
     },
 
     chatFilters: function(entries) {
diff --git a/www/assets/js/ui.js b/www/assets/js/ui.js
index 14b977fb..a65fb2ff 100644
--- a/www/assets/js/ui.js
+++ b/www/assets/js/ui.js
@@ -45,6 +45,20 @@ generateToggle("#librarytoggle", "#librarywrap");
 generateToggle("#userpltoggle", "#userplaylistwrap");
 generateToggle("#playlisttoggle", "#playlist_controls");
 
+$("#togglemotd").click(function () {
+    var hidden = $("#motd").css("display") === "none";
+    $("#motd").toggle();
+    if (hidden) {
+        $("#togglemotd").find(".icon-plus")
+            .removeClass("icon-plus")
+            .addClass("icon-minus");
+    } else {
+        $("#togglemotd").find(".icon-minus")
+            .removeClass("icon-minus")
+            .addClass("icon-plus");
+    }
+});
+
 /* navbar stuff */
 $("#optlink").click(showOptionsMenu);
 $("#chatonly").click(chatOnly);
diff --git a/www/channel.html b/www/channel.html
index c67498cb..ff0668fb 100644
--- a/www/channel.html
+++ b/www/channel.html
@@ -48,9 +48,11 @@
       <div class="container" id="mainpage">
         <!-- top row (MOTD, drink count) -->
         <div class="row-fluid" id="toprow">
-          <div class="well span12" id="motd">
+          <div class="well" id="motdwrap">
+            <button class="close pull-right" id="togglemotd"><i class="icon-minus"></i></button>
+            <div id="motd"></div>
           </div>
-          <div class="span12" id="drinkbar">
+          <div id="drinkbar">
             <h1 id="drinkcount"></h1>
           </div>
         </div>