Added mod panel, nested fpanel menus, fpanel playlist
This commit is contained in:
rainbownapkin
parent
3f653c4893
commit
1da7cab9cd
15 changed files with 556 additions and 146 deletions
|
|
@ -39,22 +39,21 @@ block content
|
|||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
||||
.col-md-8.col-md-offset-2
|
||||
.aboutText
|
||||
h1 Welcome to ourfore.st!
|
||||
h3 about fore.st/ourfore.st
|
||||
p.
|
||||
fore.st is a fork of cytube built for the TTN community post-shutdown. TTN was a community based streaming service for cannabis enthusiasts. After eight years, the man behind the site went on to greener pastures. In it's place stands this, and many other community efforts such as <a href="https://treez.one/">Treezone</a>, and the community discord. While it may not be the same, we aim to provide a similiar service for the same people. The refrence instance for fore.st is hosted at <a href="https://ourfore.st/">ourfore.st</a>.
|
||||
h3 ourfore.st instance rules
|
||||
ul
|
||||
li
|
||||
| Don't be a dick
|
||||
li
|
||||
| Don't post, or explain where to find pirated content in the chat
|
||||
li
|
||||
| Do not upload content to the internet you do not have permission to for purpose of using it on ourfore.st
|
||||
li
|
||||
| No spamming submit channel or chat
|
||||
p.
|
||||
Comments? Questions? Feature requests? DMCA Notices? <a href="mailto:ourforest@420blaze.it">Email us!</a>
|
||||
h4 fore.st version: Pineapple Express (v1.1-INDEV)
|
||||
.aboutText
|
||||
h1 Welcome to ourfore.st!
|
||||
h3 about fore.st/ourfore.st
|
||||
p.
|
||||
fore.st is a fork of cytube built for the TTN community post-shutdown. TTN was a community based video & stream embedding/chat site for cannabis enthusiasts. After eight years, the man behind the site went on to greener pastures. In it's place stands this, and many other community efforts such as <a href="https://treez.one/">Treezone</a>, and the community discord. While it may not be the same, we aim to provide a similiar service for the same people. The refrence instance for fore.st is hosted at <a href="https://ourfore.st/">ourfore.st</a>.
|
||||
h3 ourfore.st instance rules
|
||||
ul
|
||||
li
|
||||
| Don't be a dick
|
||||
li
|
||||
| Don't post, or explain where to find pirated content in the chat
|
||||
li
|
||||
| Do not upload content to the internet you do not have permission to for purpose of using it on ourfore.st
|
||||
li
|
||||
| No spamming submit channel or chat
|
||||
p.
|
||||
Comments? Questions? Feature requests? DMCA Notices? <a href="mailto:ourforest@420blaze.it">Email us!</a>
|
||||
h4 fore.st version: Pineapple Express (v1.1-INDEV)
|
||||
|
|
|
|||
|
|
@ -60,14 +60,14 @@ html(lang="en")
|
|||
section#mainpage
|
||||
.container
|
||||
#motdrow.row
|
||||
#motdwrap.well
|
||||
#motdwrap.well.panelback
|
||||
button#togglemotd.close.pull-right(type="button")
|
||||
span.glyphicon.glyphicon-minus
|
||||
#motd
|
||||
.clear
|
||||
#announcements.row
|
||||
#titles.row
|
||||
p#videowrap-header
|
||||
p#videowrap-header.panelback
|
||||
i#blindvideo.glyphicon.glyphicon-chevron-down.pointer(title="Hide Player")
|
||||
span#currenttitle Nothing Playing
|
||||
span#minicontrol
|
||||
|
|
@ -81,9 +81,9 @@ html(lang="en")
|
|||
span#cinemode.playercont.glyphicon.glyphicon-film.pointer(title="Toggle Cinema Mode")
|
||||
span#lockaspect.playercont.glyphicon.glyphicon-picture.pointer(style="display: none;", title="Lock to Aspect Ratio")
|
||||
span#latchvid.label.label-default.pull-right.pointer(style="display: none;") Sync
|
||||
#chatheader
|
||||
#chatheader.panelback
|
||||
i#blindchat.glyphicon.glyphicon-chevron-down.pointer(title="Hide Chat")
|
||||
span#modflair.label.label-default.pull-right.pointer Name Color
|
||||
span#modflair.label.label-default.pointer Modflair
|
||||
span(style="flex-grow: 2;")
|
||||
span#usercount.pointer Not Connected
|
||||
i#userlisttoggle.glyphicon.glyphicon-chevron-down.pull-left.pointer(title="Show/Hide Userlist")
|
||||
|
|
@ -96,23 +96,24 @@ html(lang="en")
|
|||
h3 Take a <a onclick="chatsmack('!toke')">Toke!</a>
|
||||
#chatwrap
|
||||
#chatmain
|
||||
#userlist
|
||||
#userlist.panelback
|
||||
#fpaneldiv.fpanel(style="display: none;")
|
||||
#fptitlediv.fptitlebar.fpanel
|
||||
p#fptitle.fptitlebar.fpanel null
|
||||
p#closefpanel.fptitlebar.fpanel.glyphicon.glyphicon-remove.pointer(onclick="javascript:closeFPanel()", title="Close null panel.")
|
||||
#fpcontdiv.fpcont.fpanel
|
||||
#messagebuffer.linewrap
|
||||
#messagebuffer.linewrap.panelback
|
||||
#chatbar(style="display: flex;")
|
||||
button#pollopenbtn.btn.btn-sm.btn-default.glyphicon.glyphicon-ok.chatbtn(onclick="javascript:panelbtn(fpoll)",style="display: none;", title="Poll")
|
||||
button#prefopenbtn.btn.btn-sm.btn-default.glyphicon.glyphicon-cog.chatbtn(onclick="javascript:panelbtn(fpset)",title="Quick Settings")
|
||||
button#emoteopenbtn.btn.btn-sm.btn-default.chatbtn(onclick="javascript:panelbtn(fpemote)",title="Emotes") ;)
|
||||
button#pollopenbtn.btn.btn-sm.btn-default.glyphicon.glyphicon-ok.chatbtn.panelback(onclick="javascript:panelbtn(fpoll)",style="display: none;", title="Poll")
|
||||
button#prefopenbtn.btn.btn-sm.btn-default.glyphicon.glyphicon-cog.chatbtn.panelback(onclick="javascript:panelbtn(fpset)",title="Quick Settings")
|
||||
button#modopenbtn.btn.btn-sm.btn-default.chatbtn.panelback(onclick="javascript:panelbtn(fpmod)",title="Mod Panel", style="display: none;") MOD
|
||||
button#emoteopenbtn.btn.btn-sm.btn-default.chatbtn.panelback(onclick="javascript:panelbtn(fpemote)",title="Emotes") ;)
|
||||
form(action="javascript:void(0)" style="display: flex; flex-grow: 1;")
|
||||
input#chatline.form-control(type="text", maxlength="320", style="display: none")
|
||||
input#chatline.form-control.panelback(type="text", maxlength="320", style="display: none")
|
||||
#guestlogin.input-group
|
||||
span.input-group-addon Registration Required!
|
||||
//input#guestname.form-control(type="text", placeholder="Name")
|
||||
button#chatsend.btn.btn-sm.btn-default Send
|
||||
button#chatsend.btn.btn-sm.btn-default.panelback Send
|
||||
|
||||
//#videocontrols.btn-group.pull-right
|
||||
//button#fullscreenbtn.btn.btn-sm.btn-default(title="Make the video player fullscreen")This makes no sense, all supported players already have a full screen button. Not a fan of the placement of this anywho
|
||||
|
|
@ -123,9 +124,9 @@ html(lang="en")
|
|||
//#leftcontrols.col-lg-5.col-md-5
|
||||
//button#newpollbtn.btn.btn-sm.btn-default New Poll
|
||||
#playlistrow.row
|
||||
#rightpane
|
||||
#rightpane.panelback
|
||||
#rightpane-inner.row
|
||||
#rightcontrols
|
||||
#rightcontrols.panelback
|
||||
#plcontrol.btn-group
|
||||
button#showmediaurl.btn.btn-sm.btn-default(title="Add video from URL", data-toggle="collapse", data-target="#addfromurl")
|
||||
span.glyphicon.glyphicon-plus
|
||||
|
|
@ -150,61 +151,61 @@ html(lang="en")
|
|||
span#plcount 0 items
|
||||
br
|
||||
span#pllength 00:00:00
|
||||
#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
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
ul#library.videolist.col-lg-12.col-md-12
|
||||
#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 Queue next
|
||||
span.input-group-btn
|
||||
button#queue_end.btn.btn-default Queue last
|
||||
span.input-group-btn#showcustomembed
|
||||
button#showcustomembed.btn.btn-default(title="Embed a custom frame", data-toggle="collapse", data-target="#customembed")
|
||||
span.glyphicon.glyphicon-th-large
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
div#addfromurl-queue
|
||||
#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 Queue next
|
||||
span.input-group-btn
|
||||
button#ce_queue_end.btn.btn-default Queue last
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
| Paste the embed code below and click Next or At End.
|
||||
| Acceptable embed codes are <code><iframe></code> and <code><object></code> tags. <strong>CUSTOM EMBEDS CANNOT BE SYNCHRONIZED.</strong>
|
||||
textarea#customembed-content.input-block-level.form-control(rows="3")
|
||||
#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
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
ul#userpl_list.videolist
|
||||
#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
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
ul#library.videolist.col-lg-12.col-md-12
|
||||
#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 Queue next
|
||||
span.input-group-btn
|
||||
button#queue_end.btn.btn-default Queue last
|
||||
span.input-group-btn#showcustomembed
|
||||
button#showcustomembed.btn.btn-default(title="Embed a custom frame", data-toggle="collapse", data-target="#customembed")
|
||||
span.glyphicon.glyphicon-th-large
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
div#addfromurl-queue
|
||||
#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 Queue next
|
||||
span.input-group-btn
|
||||
button#ce_queue_end.btn.btn-default Queue last
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
| Paste the embed code below and click Next or At End.
|
||||
| Acceptable embed codes are <code><iframe></code> and <code><object></code> tags. <strong>CUSTOM EMBEDS CANNOT BE SYNCHRONIZED.</strong>
|
||||
textarea#customembed-content.input-block-level.form-control(rows="3")
|
||||
#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
|
||||
.checkbox
|
||||
label
|
||||
input.add-temp(type="checkbox")
|
||||
| Add as temporary
|
||||
ul#userpl_list.videolist
|
||||
#queuefail.col-lg-12.col-md-12
|
||||
.col-lg-12.col-md-12
|
||||
ul#queue.videolist
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ block content
|
|||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
||||
.col-lg-9.col-md-9
|
||||
.channel-list
|
||||
h3 Public Channels
|
||||
table.table.table-bordered.table-striped
|
||||
thead
|
||||
|
|
|
|||
|
|
@ -122,3 +122,4 @@ mixin us-mod
|
|||
+rcheckbox("us-modflair", "Show name color")
|
||||
+rcheckbox("us-shadowchat", "Show shadowmuted messages")
|
||||
+rcheckbox("us-show-ip-in-tooltip", "Show IP addresses in profile tooltip")
|
||||
+rcheckbox("us-show-playlist", "Legacy Playlist")
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue