sync/templates/channel.pug

265 lines
13 KiB
Plaintext
Raw Normal View History

2013-12-26 03:04:26 +00:00
doctype html
html(lang="en")
head
include head
+head()
2013-12-12 23:09:49 +00:00
link(href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css", rel="stylesheet")
2015-07-01 16:38:01 +00:00
link(rel="stylesheet", href="/css/video-js.css")
link(rel="stylesheet", href="/css/videojs-resolution-switcher.css")
body
#wrap
nav.navbar.navbar-inverse.navbar-fixed-top(role="navigation")
include nav
+navheader()
#nav-collapsible.collapse.navbar-collapse
ul.nav.navbar-nav
2017-08-23 00:33:29 +00:00
+navdefaultlinks()
li: a(href="javascript:void(0)", onclick="javascript:showUserOptions()") Options
2015-07-17 04:43:21 +00:00
li: a#showchansettings(href="javascript:void(0)", onclick="javascript:showChannelSettings()") Channel Settings
2014-02-16 23:54:33 +00:00
li.dropdown
a.dropdown-toggle(href="#", data-toggle="dropdown") Layout
b.caret
ul.dropdown-menu
2014-03-24 02:43:20 +00:00
li: a(href="#" onclick="javascript:chatOnly()") Chat Only
li: a(href="#" onclick="javascript:removeVideo(event)") Remove Video
+navsuperadmin(true)
2017-08-23 00:33:29 +00:00
+navloginlogout()
section#mainpage
.container
2013-12-20 03:33:24 +00:00
#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
2014-01-12 23:06:25 +00:00
#drinkbarwrap.row
#drinkbar.col-lg-12.col-md-12
h1#drinkcount
#main.row
#chatwrap.col-lg-5.col-md-5
#chatheader
i#userlisttoggle.glyphicon.glyphicon-chevron-down.pull-left.pointer(title="Show/Hide Userlist")
span#usercount.pointer Not Connected
span#modflair.label.label-default.pull-right.pointer Name Color
#userlist
2014-02-28 22:20:58 +00:00
#messagebuffer.linewrap
form(action="javascript:void(0)")
input#chatline.form-control(type="text", maxlength="320", style="display: none")
#guestlogin.input-group
span.input-group-addon Guest login
input#guestname.form-control(type="text", placeholder="Name")
#videowrap.col-lg-7.col-md-7
p#videowrap-header
span#resize-video-smaller.glyphicon.glyphicon-minus.pointer(title="Make the video smaller")
span#resize-video-larger.glyphicon.glyphicon-plus.pointer(title="Make the video larger")
span#currenttitle Nothing Playing
2014-11-11 04:43:49 +00:00
.embed-responsive.embed-responsive-16by9
#ytapiplayer.embed-responsive-item
2013-12-20 03:33:24 +00:00
#controlsrow.row
#leftcontrols.col-lg-5.col-md-5
button#newpollbtn.btn.btn-sm.btn-default New Poll
2015-05-12 18:50:59 +00:00
button#emotelistbtn.btn.btn-sm.btn-default Emote List
#rightcontrols.col-lg-7.col-md-7
2016-04-01 05:51:05 +00:00
#plcontrol.btn-group
2014-01-14 00:31:12 +00:00
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
2014-02-02 18:41:41 +00:00
button#showplaylistmanager.btn.btn-sm.btn-default(title="Manage playlists", data-toggle="collapse", data-target="#playlistmanager")
span.glyphicon.glyphicon-list
2014-01-14 00:31:12 +00:00
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
2014-01-30 04:50:14 +00:00
#videocontrols.btn-group.pull-right
2014-01-14 00:31:12 +00:00
button#mediarefresh.btn.btn-sm.btn-default(title="Reload the video player")
span.glyphicon.glyphicon-retweet
2015-07-07 00:35:04 +00:00
button#fullscreenbtn.btn.btn-sm.btn-default(title="Make the video player fullscreen")
span.glyphicon.glyphicon-fullscreen
2014-01-14 00:31:12 +00:00
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
#playlistrow.row
#leftpane.col-lg-5.col-md-5
#leftpane-inner.row
#pollwrap.col-lg-12.col-md-12
#playlistmanagerwrap.col-lg-12.col-md-12
#rightpane.col-lg-7.col-md-7
#rightpane-inner.row
2014-02-09 06:25:24 +00:00
#searchcontrol.collapse.plcontrol-collapse.col-lg-12.col-md-12
2014-01-14 00:31:12 +00:00
.vertical-spacer
.input-group
2014-02-09 06:25:24 +00:00
input#library_query.form-control(type="text", placeholder="Search query")
2014-01-14 00:31:12 +00:00
span.input-group-btn
2014-02-09 06:25:24 +00:00
button#library_search.btn.btn-default Library
2014-01-14 00:31:12 +00:00
span.input-group-btn
2014-02-09 06:25:24 +00:00
button#youtube_search.btn.btn-default YouTube
2014-02-09 06:24:20 +00:00
.checkbox
label
input.add-temp(type="checkbox")
| Add as temporary
2014-02-09 06:25:24 +00:00
ul#library.videolist.col-lg-12.col-md-12
#addfromurl.collapse.plcontrol-collapse.col-lg-12.col-md-12
2014-01-14 00:31:12 +00:00
.vertical-spacer
.input-group
2014-02-09 06:25:24 +00:00
input#mediaurl.form-control(type="text", placeholder="Media URL")
2014-01-14 00:31:12 +00:00
span.input-group-btn
button#queue_next.btn.btn-default Queue next
2014-01-14 00:31:12 +00:00
span.input-group-btn
button#queue_end.btn.btn-default Queue last
2014-02-09 06:24:20 +00:00
.checkbox
label
input.add-temp(type="checkbox")
| Add as temporary
div#addfromurl-queue
2014-01-14 00:31:12 +00:00
#customembed.collapse.plcontrol-collapse.col-lg-12.col-md-12
.vertical-spacer
.input-group
2014-01-14 06:52:56 +00:00
input#customembed-title.form-control(type="text", placeholder="Title (optional)")
2014-01-14 00:31:12 +00:00
span.input-group-btn
button#ce_queue_next.btn.btn-default Queue next
2014-01-14 00:31:12 +00:00
span.input-group-btn
button#ce_queue_end.btn.btn-default Queue last
2014-02-09 06:24:20 +00:00
.checkbox
label
input.add-temp(type="checkbox")
| Add as temporary
2014-01-14 00:31:12 +00:00
| Paste the embed code below and click Next or At End.
| Acceptable embed codes are <code>&lt;iframe&gt;</code> and <code>&lt;object&gt;</code> tags. <strong>CUSTOM EMBEDS CANNOT BE SYNCHRONIZED.</strong>
2014-01-14 06:52:56 +00:00
textarea#customembed-content.input-block-level.form-control(rows="3")
2014-02-02 18:41:41 +00:00
#playlistmanager.collapse.plcontrol-collapse.col-lg-12.col-md-12
.vertical-spacer
.input-group
input#userpl_name.form-control(type="text", placeholder="Playlist Name")
span.input-group-btn
button#userpl_save.btn.btn-default Save
2014-02-09 06:24:20 +00:00
.checkbox
label
input.add-temp(type="checkbox")
| Add as temporary
2014-02-02 18:41:41 +00:00
ul#userpl_list.videolist
2014-01-14 06:52:56 +00:00
#queuefail.col-lg-12.col-md-12
.vertical-spacer
.col-lg-12.col-md-12
2014-01-22 04:41:53 +00:00
ul#queue.videolist
#plmeta
span#plcount 0 items
span#pllength 00:00:00
#resizewrap.row
.col-lg-5.col-md-5
#videowidth.col-lg-7.col-md-7
#sitefooter
2014-01-26 06:01:36 +00:00
include pagefooter
2013-12-25 21:18:21 +00:00
#useroptions.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
.modal-dialog
.modal-content
.modal-header
button.close(data-dismiss="modal", aria-hidden="true") &times;
2013-12-25 21:18:21 +00:00
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-scriptcontrol", data-toggle="tab") Script Access
2013-12-25 21:18:21 +00:00
li: a(href="#us-mod", data-toggle="tab", style="") Moderator
.modal-body
.tab-content
include useroptions
+us-general()
+us-playback()
+us-chat()
+us-scripts()
+us-mod()
2013-12-25 21:18:21 +00:00
.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
2015-05-12 18:50:59 +00:00
#emotelist.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
.modal-dialog.modal-dialog-nonfluid
.modal-content
.modal-header
button.close(data-dismiss="modal", aria-hidden="true") &times;
h4 Emote List
.modal-body
2015-05-14 16:25:31 +00:00
.pull-left
input.emotelist-search.form-control(type="text", placeholder="Search")
.pull-right
.checkbox
label
input.emotelist-alphabetical(type="checkbox")
| Sort alphabetically
.emotelist-paginator-container
table.emotelist-table
2015-05-12 18:50:59 +00:00
tbody
.modal-footer
#channeloptions.modal.fade(tabindex="-1", role="dialog", aria-hidden="true")
.modal-dialog
.modal-content
.modal-header
button.close(data-dismiss="modal", aria-hidden="true") &times;
h4 Channel Settings
ul.nav.nav-tabs
li.active: a(href="#cs-miscoptions", data-toggle="tab") General Settings
2014-01-16 17:53:34 +00:00
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
2014-01-23 03:12:43 +00:00
li: a(href="#cs-chatfilters", data-toggle="tab", onclick="javascript:socket.emit('requestChatFilters')") Chat Filters
2014-02-13 05:33:42 +00:00
li: a(href="#cs-emotes", data-toggle="tab") Emotes
2014-01-23 03:12:43 +00:00
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
2014-01-09 02:12:02 +00:00
li: a(href="#cs-banlist", data-toggle="tab", tabindex="-1", onclick="javascript:socket.emit('requestBanlist')") Ban list
2014-01-23 03:12:43 +00:00
li: a(href="#cs-chanlog", data-toggle="tab", onclick="javascript:socket.emit('readChanLog')") Log
.modal-body
.tab-content
include channeloptions
+miscoptions()
+adminoptions()
+motdeditor()
+csseditor()
+jseditor()
+banlist()
+recentjoins()
+chanranks()
+chatfilters()
+emotes()
+chanlog()
+permeditor()
.modal-footer
button.btn.btn-default(type="button", data-dismiss="modal") Close
2014-02-15 07:40:14 +00:00
#pmbar
include footer
+footer()
script(id="socketio-js", src=sioSource)
2014-02-19 04:00:56 +00:00
script(src="/js/data.js")
script(src="/js/util.js")
script(src="/js/tabcomplete.js")
2015-07-01 16:38:01 +00:00
script(src="/js/player.js")
2014-02-19 04:00:56 +00:00
script(src="/js/paginator.js")
script(src="/js/ui.js")
script(src="/js/callbacks.js")
2014-01-23 03:12:43 +00:00
script(defer, src="https://www.youtube.com/iframe_api")
2015-07-01 16:38:01 +00:00
script(defer, src="https://api.dmcdn.net/all.js")
script(defer, src="https://player.vimeo.com/api/player.js")
2022-02-01 00:45:44 +00:00
script(defer, src="/js/niconico.js")
2022-01-19 14:30:00 +00:00
script(defer, src="/js/peertube.js")
2014-02-19 04:00:56 +00:00
script(defer, src="/js/sc.js")
2015-07-01 16:38:01 +00:00
script(defer, src="/js/video.js")
2022-01-30 20:55:25 +00:00
script(defer, src="/js/videojs-hlsjs-plugin.js")
script(defer, src="/js/videojs-resolution-switcher.js")
script(defer, src="/js/playerjs-0.0.12.js")
script(defer, src="/js/dash.all.min.js")
script(defer, src="/js/videojs-dash.js")
script(defer, src="https://player.twitch.tv/js/embed/v1.js")