KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

No tap-target in client-mode

Browse Source 
- some minor restructuring of if/unless
This commit is contained in:
Kasper Rynning-Tønnesen
2018-04-03 16:09:16 +02:00
parent c710fb56e2
commit 20922fb494
7 changed files with 50 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
server/public/assets/js/channel.js
View File

@@ -167,7 +167,7 @@ var Channel = {
emit_list();
}
if((!localStorage.getItem("_jSeen") || localStorage.getItem("_jSeen") != "seen") && !Helper.mobilecheck()) {
if(((!localStorage.getItem("_jSeen") || localStorage.getItem("_jSeen") != "seen") && !Helper.mobilecheck()) && !client) {
$('.tap-target-join').tapTarget('open');
tap_target_timeout = setTimeout(function() {
$('.tap-target-join').tapTarget('close');

2
server/public/assets/js/listeners.js
View File

@@ -315,7 +315,7 @@ initializeCastApi = function() {
$(".volume-container").addClass("volume-container-cast");
}
cast_ready_connect = true;
if(!localStorage.getItem("_chSeen") || localStorage.getItem("_chSeen") != "seen") {
if((!localStorage.getItem("_chSeen") || localStorage.getItem("_chSeen") != "seen") && !client) {
$(".castButton").css("display", "block");
showDiscovery = true;
$('.tap-target').tapTarget('open');

18
server/public/layouts/client/main.handlebars
View File

@@ -53,16 +53,18 @@
<body class="noselect">
{{{body}}}
{{#unless embed}}
<div class="tap-target" data-activates="castButton">
<div class="tap-target-content">
<h5>Chromecast</h5>
<p>This site supports chromecasting!</p>
{{#unless client}}
<div class="tap-target" data-activates="castButton">
<div class="tap-target-content">
<h5>Chromecast</h5>
<p>This site supports chromecasting!</p>
</div>
</div>
</div>
<div class="tap-target-join" data-activates="chan">
<div class="tap-target-content">
<div class="tap-target-join" data-activates="chan">
<div class="tap-target-content">
</div>
</div>
</div>
{{/unless}}
{{> contact}}
{{> donate}}
{{> footer}}

59
server/public/partials/channel/modal.handlebars
View File

@@ -1,35 +1,34 @@
{{#if client}}
{{else}}
<div id="embed" class="modal">
<div class="modal-content">
<h4>Embed</h4>
<p>Copy the code in the textarea, and paste on your website.</p>
<p>
<input type="checkbox" id="autoplay" checked="checked" />
<label for="autoplay" class="padding_right_26">Autoplay</label>
<label for="width_embed" class="embed-label">Width</label>
<input type="number" value="600" id="width_embed" class="settings_embed" min="1" />
<label for="height_embed" class="padding_left_6 embed-label">Height</label>
<input type="number" value="300" id="height_embed" class="settings_embed" min="1" />
<label for="color_embed" class="padding_left_6 embed-label">Color</label>
<input type="text" id="color_embed" class="settings_embed" value="#808080" />
<input type="checkbox" id="videoonly" />
<label for="videoonly" class="padding_right_26">Video-only</label>
</p>
<textarea id="embed-area"></textarea>
{{#unless client}}
<div id="embed" class="modal">
<div class="modal-content">
<h4>Embed</h4>
<p>Copy the code in the textarea, and paste on your website.</p>
<p>
<input type="checkbox" id="autoplay" checked="checked" />
<label for="autoplay" class="padding_right_26">Autoplay</label>
<label for="width_embed" class="embed-label">Width</label>
<input type="number" value="600" id="width_embed" class="settings_embed" min="1" />
<label for="height_embed" class="padding_left_6 embed-label">Height</label>
<input type="number" value="300" id="height_embed" class="settings_embed" min="1" />
<label for="color_embed" class="padding_left_6 embed-label">Color</label>
<input type="text" id="color_embed" class="settings_embed" value="#808080" />
<input type="checkbox" id="videoonly" />
<label for="videoonly" class="padding_right_26">Video-only</label>
</p>
<textarea id="embed-area"></textarea>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
<div id="channel-share-modal" class="modal">
<div class="modal-content">
<p>To join this channel, go to</p>
<p><span id="channel-name-join"></span></p>
<img id="share-join-qr" alt="QR code for joining" title="Link to join this Zoff channel" src="https://chart.googleapis.com/chart?chs=221x221&amp;cht=qr&amp;choe=UTF-8&amp;chld=L%7C1&amp;chl=http://zoff.me" />
</div>
</div>
</div>
<div id="channel-share-modal" class="modal">
<div class="modal-content">
<p>To join this channel, go to</p>
<p><span id="channel-name-join"></span></p>
<img id="share-join-qr" alt="QR code for joining" title="Link to join this Zoff channel" src="https://chart.googleapis.com/chart?chs=221x221&amp;cht=qr&amp;choe=UTF-8&amp;chld=L%7C1&amp;chl=http://zoff.me" />
</div>
</div>
{{/if}}
{{/unless}}
<div id="help" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Help</h4>

5
server/public/partials/channel/panel.handlebars
View File

@@ -179,8 +179,7 @@
</li>
</ul>
</li>
{{#if client}}
{{else}}
{{#unless client}}
<li class="no-padding remote-panel hide-on-small-only">
<ul class="collapsible collapsible-accordion">
<li>
@@ -424,4 +423,4 @@
</li>
</ul>
</li>
{{/if}}
{{/unless}}

4
server/public/partials/channel/players.handlebars
View File

@@ -1,5 +1,7 @@
<div id="video-container" class="col s12 m9 video-container no-opacity click-through">
<div id="fireplace_player" class="ytplayer"></div>
{{#unless embed}}
<div id="fireplace_player" class="ytplayer"></div>
{{/unless}}
<div id="player" class="ytplayer"></div>
<div id="main_components">
<div id="player_overlay" class="hide valign-wrapper">

10
server/public/partials/channel/tabs.handlebars
View File

@@ -1,12 +1,11 @@
<div id="playlist" class="col s12 m3">
{{#if client}}
{{else}}
{{#unless client}}
<ul class="tabs playlist-tabs-loggedIn tabs-fixed-width" style="width: 96%;">
<li class="tab col s3"><a class="playlist-tab-links playlist-link active truncate" href="#wrapper">Playlist</a></li>
<li class="tab col s3"><a class="playlist-tab-links suggested-link truncate" href="#suggestions">Suggested<span class="new badge white hide suggested-badge"></span></a></li>
<li class="tab col s3"><a class="playlist-tab-links chat-link truncate" href="#chat">Chat<span class="new badge white hide"></span></a></li>
</ul>
{{/if}}
{{/unless}}
<div id="find_div" class="hide">
<form id="find_form">
<input type="text" name="find_value" placeholder="Find.." id="find_input" autocomplete="off" />
@@ -17,9 +16,8 @@
</form>
</div>
{{> channel/playlist}}
{{#if client}}
{{else}}
{{#unless client}}
{{> channel/suggestions}}
{{> channel/chat}}
{{/if}}
{{/unless}}
</div>