Implement new themes; fixes
This commit is contained in:
calzoneman
parent
ac89c87e29
commit
d410b4663d
18 changed files with 15789 additions and 1552 deletions
|
|
@ -1,202 +0,0 @@
|
|||
doctype html
|
||||
html(lang="en")
|
||||
head
|
||||
include head
|
||||
mixin head()
|
||||
link(href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css", rel="stylesheet")
|
||||
body
|
||||
#wrap
|
||||
nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
|
||||
include nav
|
||||
mixin navheader()
|
||||
#nav-collapsible.collapse.navbar-collapse
|
||||
- var cname = "/r/" + channelName
|
||||
ul.nav.navbar-nav
|
||||
mixin navdefaultlinks(cname)
|
||||
li: a(href="#", onclick="javascript:showUserOptions()") Options
|
||||
li: a#showchansettings(href="#", onclick="javascript:$('#channeloptions').modal()") Channel Settings
|
||||
mixin navloginlogout(cname)
|
||||
section#mainpage
|
||||
.container
|
||||
#motdrow.row
|
||||
.col-lg-12.col-md-12
|
||||
#motdwrap.well
|
||||
button#togglemotd.close.pull-right(type="button")
|
||||
span.glyphicon.glyphicon-minus
|
||||
#motd
|
||||
.clear
|
||||
#announcements.row
|
||||
#drinkbarwrap.row
|
||||
#drinkbar.col-lg-12.col-md-12
|
||||
h1#drinkcount
|
||||
#videowrap.col-md-8.col-md-offset-2
|
||||
p#currenttitle Nothing Playing
|
||||
#ytapiplayer
|
||||
#rightcontrols.col-md-8.col-md-offset-2
|
||||
.btn-group.pull-right
|
||||
button#mediarefresh.btn.btn-sm.btn-default(title="Reload the video player")
|
||||
span.glyphicon.glyphicon-retweet
|
||||
button#getplaylist.btn.btn-sm.btn-default(title="Retrieve playlist links")
|
||||
span.glyphicon.glyphicon-link
|
||||
button#voteskip.btn.btn-sm.btn-default(title="Voteskip")
|
||||
span.glyphicon.glyphicon-step-forward
|
||||
#main.row
|
||||
|
||||
#playlistrow.row
|
||||
#rightpane.col-md-6
|
||||
#rightpane-inner.row
|
||||
.col-md-12
|
||||
#plcontrol.btn-group
|
||||
button#showsearch.btn.btn-sm.btn-default(title="Search for a video", data-toggle="collapse", data-target="#searchcontrol")
|
||||
span.glyphicon.glyphicon-search
|
||||
button#showmediaurl.btn.btn-sm.btn-default(title="Add video from URL", data-toggle="collapse", data-target="#addfromurl")
|
||||
span.glyphicon.glyphicon-plus
|
||||
button#showcustomembed.btn.btn-sm.btn-default(title="Embed a custom frame", data-toggle="collapse", data-target="#customembed")
|
||||
span.glyphicon.glyphicon-th-large
|
||||
button#clearplaylist.btn.btn-sm.btn-default(title="Clear the playlist")
|
||||
span.glyphicon.glyphicon-trash
|
||||
button#shuffleplaylist.btn.btn-sm.btn-default(title="Shuffle the playlist")
|
||||
span.glyphicon.glyphicon-sort
|
||||
button#qlockbtn.btn.btn-sm.btn-danger(title="Playlist locked")
|
||||
span.glyphicon.glyphicon-lock
|
||||
#addfromurl.collapse.plcontrol-collapse.col-lg-12.col-md-12
|
||||
.vertical-spacer
|
||||
.input-group
|
||||
input#mediaurl.form-control(type="text", placeholder="Media URL")
|
||||
span.input-group-btn
|
||||
button#queue_next.btn.btn-default Next
|
||||
span.input-group-btn
|
||||
button#queue_end.btn.btn-default At End
|
||||
#searchcontrol.collapse.plcontrol-collapse.col-lg-12.col-md-12
|
||||
.vertical-spacer
|
||||
.input-group
|
||||
input#library_query.form-control(type="text", placeholder="Search query")
|
||||
span.input-group-btn
|
||||
button#library_search.btn.btn-default Library
|
||||
span.input-group-btn
|
||||
button#youtube_search.btn.btn-default YouTube
|
||||
ul#library.videolist.col-lg-12.col-md-12
|
||||
#customembed.collapse.plcontrol-collapse.col-lg-12.col-md-12
|
||||
.vertical-spacer
|
||||
.input-group
|
||||
input#customembed-title.form-control(type="text", placeholder="Title (optional)")
|
||||
span.input-group-btn
|
||||
button#ce_queue_next.btn.btn-default Next
|
||||
span.input-group-btn
|
||||
button#ce_queue_end.btn.btn-default At End
|
||||
| Paste the embed code below and click Next or At End.
|
||||
| Acceptable embed codes are <code><iframe></code> and <code><object></code> tags.
|
||||
textarea#customembed-content.input-block-level.form-control(rows="3")
|
||||
#queuefail.col-lg-12.col-md-12
|
||||
.vertical-spacer
|
||||
.col-lg-12.col-md-12
|
||||
ul#queue.videolist
|
||||
#plmeta
|
||||
span#plcount 0 items
|
||||
span#pllength 00:00:00
|
||||
#chatwrap.col-md-6
|
||||
#chatheader
|
||||
i#userlisttoggle.glyphicon.glyphicon-chevron-up.pull-left.pointer(title="Show/Hide Userlist")
|
||||
span#usercount.pointer Not Connected
|
||||
span#modflair.label.label-default.pull-right.pointer M
|
||||
span#adminflair.label.label-default.pull-right.pointer A
|
||||
#userlist
|
||||
#messagebuffer
|
||||
input#chatline.form-control(type="text", maxlength="240", style="display: none")
|
||||
#guestlogin.input-group
|
||||
span.input-group-addon Guest login
|
||||
input#guestname.form-control(type="text", placeholder="Name")
|
||||
#leftcontrols.col-lg-5.col-md-5
|
||||
button#newpollbtn.btn.btn-sm.btn-default New Poll
|
||||
#leftpane.col-lg-5.col-md-5
|
||||
#leftpane-inner.row
|
||||
#pollwrap.col-lg-12.col-md-12
|
||||
#playlistmanagerwrap.col-lg-12.col-md-12
|
||||
button#showplaylistmanager.btn.btn-default.btn-block(data-toggle="collapse", data-target="#playlistmanager") Playlist Manager
|
||||
#playlistmanager.collapse
|
||||
.row.vertical-spacer
|
||||
.col-lg-12.col-md-12
|
||||
.input-group
|
||||
input#userpl_name.form-control(type="text", placeholder="Playlist Name")
|
||||
span.input-group-btn
|
||||
button#userpl_save.btn.btn-default Save
|
||||
ul#userpl_list.col-lg-12.col-md-12
|
||||
#resizewrap.row
|
||||
.col-lg-5.col-md-5
|
||||
#videowidth.col-lg-7.col-md-7
|
||||
#sitefooter
|
||||
include pagefooter
|
||||
#useroptions.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
|
||||
.modal-dialog
|
||||
.modal-content
|
||||
.modal-header
|
||||
button.close(data-dismiss="modal", aria-hidden="true") ×
|
||||
h4 User Preferences
|
||||
ul.nav.nav-tabs
|
||||
li: a(href="#us-general", data-toggle="tab") General
|
||||
li: a(href="#us-playback", data-toggle="tab") Playback
|
||||
li: a(href="#us-chat", data-toggle="tab") Chat
|
||||
li: a(href="#us-mod", data-toggle="tab", style="") Moderator
|
||||
.modal-body
|
||||
.tab-content
|
||||
include useroptions
|
||||
mixin us-general()
|
||||
mixin us-playback()
|
||||
mixin us-chat()
|
||||
mixin us-mod()
|
||||
.modal-footer
|
||||
button.btn.btn-primary(type="button", data-dismiss="modal", onclick="javascript:saveUserOptions()") Save
|
||||
button.btn.btn-default(type="button", data-dismiss="modal") Close
|
||||
#channeloptions.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
|
||||
.modal-dialog
|
||||
.modal-content
|
||||
.modal-header
|
||||
button.close(data-dismiss="modal", aria-hidden="true") ×
|
||||
h4 Channel Settings
|
||||
ul.nav.nav-tabs
|
||||
li: a(href="#cs-miscoptions", data-toggle="tab") General Settings
|
||||
li: a(href="#cs-adminoptions", data-toggle="tab") Admin Settings
|
||||
li.dropdown
|
||||
a#cs-edit-dd-toggle(href="#", data-toggle="dropdown") Edit
|
||||
span.caret
|
||||
ul.dropdown-menu
|
||||
li: a(href="#cs-chatfilters", data-toggle="tab", onclick="javascript:socket.emit('requestChatFilters')") Chat Filters
|
||||
li: a(href="#cs-motdeditor", data-toggle="tab", tabindex="-1") MOTD
|
||||
li: a(href="#cs-csseditor", data-toggle="tab", tabindex="-1") CSS
|
||||
li: a(href="#cs-jseditor", data-toggle="tab", tabindex="-1") Javascript
|
||||
li: a(href="#cs-permedit", data-toggle="tab", tabindex="-1") Permissions
|
||||
li: a(href="#cs-chanranks", data-toggle="tab", tabindex="-1", onclick="javascript:socket.emit('requestChannelRanks')") Moderators
|
||||
li: a(href="#cs-banlist", data-toggle="tab", tabindex="-1", onclick="javascript:socket.emit('requestBanlist')") Ban list
|
||||
li: a(href="#cs-chanlog", data-toggle="tab", onclick="javascript:socket.emit('readChanLog')") Log
|
||||
.modal-body
|
||||
.tab-content
|
||||
include channeloptions
|
||||
mixin miscoptions()
|
||||
mixin adminoptions()
|
||||
mixin motdeditor()
|
||||
mixin csseditor()
|
||||
mixin jseditor()
|
||||
mixin banlist()
|
||||
mixin recentjoins()
|
||||
mixin chanranks()
|
||||
mixin chatfilters()
|
||||
mixin chanlog()
|
||||
mixin permeditor()
|
||||
.modal-footer
|
||||
button.btn.btn-default(type="button", data-dismiss="modal") Close
|
||||
include footer
|
||||
mixin footer()
|
||||
script(src=sioSource)
|
||||
script(src="/assets/js/data.js")
|
||||
script(src="/sioconfig")
|
||||
script(src="/assets/js/util.js")
|
||||
script(src="/assets/js/player.js")
|
||||
script(src="/assets/js/paginator.js")
|
||||
script(src="/assets/js/ui.js")
|
||||
script(src="/assets/js/callbacks.js")
|
||||
script(defer, src="https://www.youtube.com/iframe_api")
|
||||
script(defer, src="//api.dmcdn.net/all.js")
|
||||
script(defer, src="/assets/js/jwplayer.js")
|
||||
script(defer, src="/assets/js/sc.js")
|
||||
script(defer, src="/assets/js/froogaloop.min.js")
|
||||
script(defer, src="/assets/js/swf.js")
|
||||
|
|
@ -62,7 +62,7 @@ html(lang="en")
|
|||
span.glyphicon.glyphicon-sort
|
||||
button#qlockbtn.btn.btn-sm.btn-danger(title="Playlist locked")
|
||||
span.glyphicon.glyphicon-lock
|
||||
.btn-group.pull-right
|
||||
#videocontrols.btn-group.pull-right
|
||||
button#mediarefresh.btn.btn-sm.btn-default(title="Reload the video player")
|
||||
span.glyphicon.glyphicon-retweet
|
||||
button#getplaylist.btn.btn-sm.btn-default(title="Retrieve playlist links")
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@ mixin head()
|
|||
//link(href="/css/bootstrap-theme.min.css", rel="stylesheet")
|
||||
link(href="/css/sticky-footer-navbar.css", rel="stylesheet")
|
||||
link(href="/css/cytube.css", rel="stylesheet")
|
||||
link(href="/css/colors/default.css", rel="stylesheet")
|
||||
link(id="usertheme", href="/css/themes/default.css", rel="stylesheet")
|
||||
script(src="/js/theme.js")
|
||||
//[if lt IE 9]
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
doctype html
|
||||
html(lang="en")
|
||||
head
|
||||
include head
|
||||
mixin head()
|
||||
body
|
||||
#wrap
|
||||
nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
|
||||
include nav
|
||||
mixin navheader()
|
||||
#nav-collapsible.collapse.navbar-collapse
|
||||
ul.nav.navbar-nav
|
||||
mixin navdefaultlinks("/test")
|
||||
mixin navloginform("/test")
|
||||
|
||||
include footer
|
||||
mixin footer()
|
||||
|
|
@ -30,8 +30,9 @@ mixin us-general
|
|||
.col-sm-8
|
||||
select#us-theme.form-control
|
||||
option(value="default") Default
|
||||
option(value="/css/bootstrap-theme.min.css") Bootstrap
|
||||
//option(value="/css/dark.css") Dark
|
||||
option(value="/css/themes/bootstrap-theme.min.css") Bootstrap
|
||||
option(value="/css/themes/slate.css") Slate
|
||||
option(value="/css/themes/cyborg.css") Cyborg
|
||||
.form-group
|
||||
label.control-label.col-sm-4(for="#us-layout") Layout
|
||||
.col-sm-8
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue