templates/channel.jade

   1 doctype html
   2 html(lang="en")
   3   head
   4     include head
   5     mixin head()
   6     link(href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css", rel="stylesheet")
   7     link(rel="stylesheet", href="/css/video-js.css")
   8   body
   9     #wrap
  10       nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
  11         include nav
  12         mixin navheader()
  13         #nav-collapsible.collapse.navbar-collapse
  14           - var cname = "/r/" + channelName
  15           ul.nav.navbar-nav
  16             mixin navdefaultlinks(cname)
  17             li: a(href="javascript:void(0)", onclick="javascript:showUserOptions()") Options
  18             li: a#showchansettings(href="javascript:void(0)", onclick="javascript:showChannelSettings()") Channel Settings
  19             li.dropdown
  20               a.dropdown-toggle(href="#", data-toggle="dropdown") Layout
  21                 b.caret
  22               ul.dropdown-menu
  23                 li: a(href="#" onclick="javascript:chatOnly()") Chat Only
  24                 li: a(href="#" onclick="javascript:removeVideo(event)") Remove Video
  25           mixin navloginlogout(cname)
  26       section#mainpage
  27         .container
  28           #motdrow.row
  29             .col-lg-12.col-md-12
  30               #motdwrap.well
  31                 button#togglemotd.close.pull-right(type="button")
  32                   span.glyphicon.glyphicon-minus
  33                 #motd
  34                 .clear
  35           #announcements.row
  36           #drinkbarwrap.row
  37             #drinkbar.col-lg-12.col-md-12
  38               h1#drinkcount
  39           #main.row
  40             #chatwrap.col-lg-5.col-md-5
  41               #chatheader
  42                 i#userlisttoggle.glyphicon.glyphicon-chevron-down.pull-left.pointer(title="Show/Hide Userlist")
  43                 span#usercount.pointer Not Connected
  44                 span#modflair.label.label-default.pull-right.pointer Name Color
  45               #userlist
  46               #messagebuffer.linewrap
  47               input#chatline.form-control(type="text", maxlength="240", style="display: none")
  48               #guestlogin.input-group
  49                 span.input-group-addon Guest login
  50                 input#guestname.form-control(type="text", placeholder="Name")
  51             #videowrap.col-lg-7.col-md-7
  52               p#currenttitle Nothing Playing
  53               .embed-responsive.embed-responsive-16by9
  54                 #ytapiplayer.embed-responsive-item
  55           #controlsrow.row
  56             #leftcontrols.col-lg-5.col-md-5
  57               button#newpollbtn.btn.btn-sm.btn-default New Poll
  58               button#emotelistbtn.btn.btn-sm.btn-default Emote List
  59             #rightcontrols.col-lg-7.col-md-7
  60               #plcontrol.btn-group
  61                 button#showsearch.btn.btn-sm.btn-default(title="Search for a video", data-toggle="collapse", data-target="#searchcontrol")
  62                   span.glyphicon.glyphicon-search
  63                 button#showmediaurl.btn.btn-sm.btn-default(title="Add video from URL", data-toggle="collapse", data-target="#addfromurl")
  64                   span.glyphicon.glyphicon-plus
  65                 button#showcustomembed.btn.btn-sm.btn-default(title="Embed a custom frame", data-toggle="collapse", data-target="#customembed")
  66                   span.glyphicon.glyphicon-th-large
  67                 button#showplaylistmanager.btn.btn-sm.btn-default(title="Manage playlists", data-toggle="collapse", data-target="#playlistmanager")
  68                   span.glyphicon.glyphicon-list
  69                 button#clearplaylist.btn.btn-sm.btn-default(title="Clear the playlist")
  70                   span.glyphicon.glyphicon-trash
  71                 button#shuffleplaylist.btn.btn-sm.btn-default(title="Shuffle the playlist")
  72                   span.glyphicon.glyphicon-sort
  73                 button#qlockbtn.btn.btn-sm.btn-danger(title="Playlist locked")
  74                   span.glyphicon.glyphicon-lock
  75               #videocontrols.btn-group.pull-right
  76                 button#mediarefresh.btn.btn-sm.btn-default(title="Reload the video player")
  77                   span.glyphicon.glyphicon-retweet
  78                 button#fullscreenbtn.btn.btn-sm.btn-default(title="Make the video player fullscreen")
  79                   span.glyphicon.glyphicon-fullscreen
  80                 button#getplaylist.btn.btn-sm.btn-default(title="Retrieve playlist links")
  81                   span.glyphicon.glyphicon-link
  82                 button#voteskip.btn.btn-sm.btn-default(title="Voteskip")
  83                   span.glyphicon.glyphicon-step-forward
  84
  85           #playlistrow.row
  86             #leftpane.col-lg-5.col-md-5
  87               #leftpane-inner.row
  88                 #pollwrap.col-lg-12.col-md-12
  89                 #playlistmanagerwrap.col-lg-12.col-md-12
  90             #rightpane.col-lg-7.col-md-7
  91               #rightpane-inner.row
  92                 #searchcontrol.collapse.plcontrol-collapse.col-lg-12.col-md-12
  93                   .vertical-spacer
  94                   .input-group
  95                     input#library_query.form-control(type="text", placeholder="Search query")
  96                     span.input-group-btn
  97                       button#library_search.btn.btn-default Library
  98                     span.input-group-btn
  99                       button#youtube_search.btn.btn-default YouTube
 100                   .checkbox
 101                     label
 102                       input.add-temp(type="checkbox")
 103                       | Add as temporary
 104                   ul#library.videolist.col-lg-12.col-md-12
 105                 #addfromurl.collapse.plcontrol-collapse.col-lg-12.col-md-12
 106                   .vertical-spacer
 107                   .input-group
 108                     input#mediaurl.form-control(type="text", placeholder="Media URL")
 109                     span.input-group-btn
 110                       button#queue_next.btn.btn-default Next
 111                     span.input-group-btn
 112                       button#queue_end.btn.btn-default At End
 113                   .checkbox
 114                     label
 115                       input.add-temp(type="checkbox")
 116                       | Add as temporary
 117                   div#addfromurl-queue
 118                 #customembed.collapse.plcontrol-collapse.col-lg-12.col-md-12
 119                   .vertical-spacer
 120                   .input-group
 121                     input#customembed-title.form-control(type="text", placeholder="Title (optional)")
 122                     span.input-group-btn
 123                       button#ce_queue_next.btn.btn-default Next
 124                     span.input-group-btn
 125                       button#ce_queue_end.btn.btn-default At End
 126                   .checkbox
 127                     label
 128                       input.add-temp(type="checkbox")
 129                       | Add as temporary
 130                   | Paste the embed code below and click Next or At End.
 131                   | Acceptable embed codes are <code>&lt;iframe&gt;</code> and <code>&lt;object&gt;</code> tags.  <strong>CUSTOM EMBEDS CANNOT BE SYNCHRONIZED.</strong>
 132                   textarea#customembed-content.input-block-level.form-control(rows="3")
 133                 #playlistmanager.collapse.plcontrol-collapse.col-lg-12.col-md-12
 134                   .vertical-spacer
 135                   .input-group
 136                     input#userpl_name.form-control(type="text", placeholder="Playlist Name")
 137                     span.input-group-btn
 138                       button#userpl_save.btn.btn-default Save
 139                   .checkbox
 140                     label
 141                       input.add-temp(type="checkbox")
 142                       | Add as temporary
 143                   ul#userpl_list.videolist
 144                 #queuefail.col-lg-12.col-md-12
 145                   .vertical-spacer
 146                 .col-lg-12.col-md-12
 147                   ul#queue.videolist
 148                   #plmeta
 149                     span#plcount 0 items
 150                     span#pllength 00:00:00
 151           #resizewrap.row
 152             .col-lg-5.col-md-5
 153             #videowidth.col-lg-7.col-md-7
 154           #sitefooter
 155             include pagefooter
 156     #useroptions.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
 157       .modal-dialog
 158         .modal-content
 159           .modal-header
 160             button.close(data-dismiss="modal", aria-hidden="true") &times;
 161             h4 User Preferences
 162             ul.nav.nav-tabs
 163               li: a(href="#us-general", data-toggle="tab") General
 164               li: a(href="#us-playback", data-toggle="tab") Playback
 165               li: a(href="#us-chat", data-toggle="tab") Chat
 166               li: a(href="#us-scriptcontrol", data-toggle="tab") Script Access
 167               li: a(href="#us-mod", data-toggle="tab", style="") Moderator
 168           .modal-body
 169             .tab-content
 170               include useroptions
 171               mixin us-general()
 172               mixin us-playback()
 173               mixin us-chat()
 174               mixin us-scripts()
 175               mixin us-mod()
 176           .modal-footer
 177             button.btn.btn-primary(type="button", data-dismiss="modal", onclick="javascript:saveUserOptions()") Save
 178             button.btn.btn-default(type="button", data-dismiss="modal") Close
 179     #emotelist.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
 180       .modal-dialog.modal-dialog-nonfluid
 181         .modal-content
 182           .modal-header
 183             button.close(data-dismiss="modal", aria-hidden="true") &times;
 184             h4 Emote List
 185           .modal-body
 186             .pull-left
 187               input.emotelist-search.form-control(type="text", placeholder="Search")
 188             .pull-right
 189               .checkbox
 190                 label
 191                   input.emotelist-alphabetical(type="checkbox")
 192                   | Sort alphabetically
 193             .emotelist-paginator-container
 194             table.emotelist-table
 195               tbody
 196           .modal-footer
 197     #channeloptions.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
 198       .modal-dialog
 199         .modal-content
 200           .modal-header
 201             button.close(data-dismiss="modal", aria-hidden="true") &times;
 202             h4 Channel Settings
 203             ul.nav.nav-tabs
 204               li.active: a(href="#cs-miscoptions", data-toggle="tab") General Settings
 205               li: a(href="#cs-adminoptions", data-toggle="tab") Admin Settings
 206               li.dropdown
 207                 a#cs-edit-dd-toggle(href="#", data-toggle="dropdown") Edit
 208                   span.caret
 209                 ul.dropdown-menu
 210                   li: a(href="#cs-chatfilters", data-toggle="tab", onclick="javascript:socket.emit('requestChatFilters')") Chat Filters
 211                   li: a(href="#cs-emotes", data-toggle="tab") Emotes
 212                   li: a(href="#cs-motdeditor", data-toggle="tab", tabindex="-1") MOTD
 213                   li: a(href="#cs-csseditor", data-toggle="tab", tabindex="-1") CSS
 214                   li: a(href="#cs-jseditor", data-toggle="tab", tabindex="-1") Javascript
 215                   li: a(href="#cs-permedit", data-toggle="tab", tabindex="-1") Permissions
 216                   li: a(href="#cs-chanranks", data-toggle="tab", tabindex="-1", onclick="javascript:socket.emit('requestChannelRanks')") Moderators
 217               li: a(href="#cs-banlist", data-toggle="tab", tabindex="-1", onclick="javascript:socket.emit('requestBanlist')") Ban list
 218               li: a(href="#cs-chanlog", data-toggle="tab", onclick="javascript:socket.emit('readChanLog')") Log
 219           .modal-body
 220             .tab-content
 221               include channeloptions
 222               mixin miscoptions()
 223               mixin adminoptions()
 224               mixin motdeditor()
 225               mixin csseditor()
 226               mixin jseditor()
 227               mixin banlist()
 228               mixin recentjoins()
 229               mixin chanranks()
 230               mixin chatfilters()
 231               mixin emotes()
 232               mixin chanlog()
 233               mixin permeditor()
 234           .modal-footer
 235             button.btn.btn-default(type="button", data-dismiss="modal") Close
 236     #pmbar
 237     include footer
 238     mixin footer()
 239     script(src=sioSource)
 240     script(src="/js/data.js")
 241     script(src="/js/util.js")
 242     script(src="/js/player.js")
 243     script(src="/js/paginator.js")
 244     script(src="/js/ui.js")
 245     script(src="/js/callbacks.js")
 246     script(defer, src="https://www.youtube.com/iframe_api")
 247     script(defer, src="https://api.dmcdn.net/all.js")
 248     script(defer, src="/js/sc.js")
 249     script(defer, src="/js/froogaloop.min.js")
 250     script(defer, src="/js/video.js")