diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css index ce752dca..ccca3137 100644 --- a/www/assets/css/ytsync.css +++ b/www/assets/css/ytsync.css @@ -15,6 +15,10 @@ html, body { clear: both; } +#librarywrap, #userplaylistwrap, #playlist_controls { + display: none; +} + #welcome { font-size: 10pt; color: #ffffff; @@ -77,7 +81,7 @@ html, body { margin-bottom: 0; } -#usercountcontainer, #currenttitle { +#usercountwrap, #currenttitle { border: 1px solid #aaaaaa; border-bottom: none; margin: 0; @@ -87,9 +91,12 @@ html, body { margin: 0; } -#ulistchevron { - cursor: pointer; - float: left; +.pointer { + cursor: pointer; +} + +#leftpane-inner *, #rightpane-inner * { + margin-left: 0; } #plmeta { diff --git a/www/assets/js/ui.js b/www/assets/js/ui.js new file mode 100644 index 00000000..b6720f98 --- /dev/null +++ b/www/assets/js/ui.js @@ -0,0 +1,58 @@ +/* Usercount show/hide */ +$("#userlisttoggle").click(function() { + if($("#userlist").css("display") == "none") { + $("#userlist").show(); + $("#userlisttoggle").removeClass("icon-chevron-down") + .addClass("icon-chevron-up"); + } + else { + $("#userlist").hide(); + $("#userlisttoggle").removeClass("icon-chevron-up") + .addClass("icon-chevron-down"); + } +}); + +/* Library search show/hide */ + +$("#librarytoggle").click(function() { + if($("#librarywrap").css("display") == "none") { + $("#librarywrap").show(); + $("#librarytoggle i").removeClass("icon-chevron-down") + .addClass("icon-chevron-up"); + } + else { + $("#librarywrap").hide(); + $("#librarytoggle i").removeClass("icon-chevron-up") + .addClass("icon-chevron-down"); + } +}); + +/* User playlist show/hide */ + +$("#userpltoggle").click(function() { + if($("#userplaylistwrap").css("display") == "none") { + $("#userplaylistwrap").show(); + $("#userpltoggle i").removeClass("icon-chevron-down") + .addClass("icon-chevron-up"); + } + else { + $("#userplaylistwrap").hide(); + $("#userpltoggle i").removeClass("icon-chevron-up") + .addClass("icon-chevron-down"); + } +}); + +/* Playlist controls show/hide */ + +$("#playlisttoggle").click(function() { + if($("#playlist_controls").css("display") == "none") { + $("#playlist_controls").show(); + $("#playlisttoggle i").removeClass("icon-chevron-down") + .addClass("icon-chevron-up"); + } + else { + $("#playlist_controls").hide(); + $("#playlisttoggle i").removeClass("icon-chevron-up") + .addClass("icon-chevron-down"); + } +}); diff --git a/www/channel-new.html b/www/channel-new.html new file mode 100644 index 00000000..bd7bc251 --- /dev/null +++ b/www/channel-new.html @@ -0,0 +1,191 @@ + + + + + CyTube + + + + + + + + + + +
+ + + + +
+ +
+
+
+
+

+
+
+ + + +
+ +
+ +
+ +

Not connected

+
+ +
+
+ +
+
+ + +
+ +
+ +

Nothing playing

+ +
+
+
+
+ +
+ +
+
+ +
+
+ +
+ +

Show Library

+
+
+
+ +
+
+ + +
+
+ +
+ +

Show Playlist Manager

+
+
+
+ +
+
+ +
+
    +
+
+
+
+ +
+
+ +
+ +
+ +

Show Playlist Controls

+
+
+
+ +
+
+ + +
+
+ + + + +
+
+ +
    +
+
+
+
+
+
+ +
+ + + + + + + + + + + + --> + + + + + + +