KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2026-01-09 19:15:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding tap-target for chromecast-button when first time seeing the chromecast available icon

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-05-31 12:57:08 +02:00
parent daabc07268
commit 7a3c2b7c86
5 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
server/public/assets/css/style.css
View File

@@ -1472,7 +1472,7 @@ ul #chat-log{
color: white; color: white;
border: none; border: none;
font-size:18px; font-size:18px;
padding-right: 1%; /*padding-right: 1%;*/
} }
.castButton-unactive i, .castButton-active i{ .castButton-unactive i, .castButton-active i{
@@ -1725,6 +1725,15 @@ nav ul li:hover, nav ul li.active {
width: 10%; width: 10%;
} }
.tap-target {
color:white;
background-color: #2d2d2d;
}
.tap-target-wave::before, .tap-target-wave::after {
background-color:grey;
}
.playlist-element .list-remove a { .playlist-element .list-remove a {
color: white !important; color: white !important;
margin-right: 0px !important; margin-right: 0px !important;

2
server/public/assets/dist/embed.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
server/public/assets/dist/main.min.js vendored
View File

File diff suppressed because one or more lines are too long

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

@@ -61,6 +61,7 @@ var found_array = [];
var found_array_index = 0; var found_array_index = 0;
var castSession; var castSession;
var width_timeout; var width_timeout;
var tap_target_timeout;
if(localStorage.debug === undefined){ if(localStorage.debug === undefined){
var debug = false; var debug = false;
@@ -437,6 +438,14 @@ initializeCastApi = function() {
if(cast_ready_connect){ if(cast_ready_connect){
$(".castButton-unactive").css("display", "block"); $(".castButton-unactive").css("display", "block");
if(!localStorage.getItem("_chSeen")) {
$(".castButton-unactive").css("display", "block");
$('.tap-target').tapTarget('open');
localStorage.setItem("_chSeen", false);
tap_target_timeout = setTimeout(function() {
$('.tap-target').tapTarget('close');
}, 4000);
}
} }
var cast_state = cast.framework.CastContext.getInstance(); var cast_state = cast.framework.CastContext.getInstance();
@@ -1703,7 +1712,8 @@ function onepage_load(){
$('#chan_thumbnail').tooltip("remove"); $('#chan_thumbnail').tooltip("remove");
$('#admin-lock').tooltip("remove"); $('#admin-lock').tooltip("remove");
$("#seekToDuration").remove(); $("#seekToDuration").remove();
$('.tap-target').tapTarget('close');
clearTimeout(tap_target_timeout);
$.ajax({ $.ajax({
url: "/", url: "/",
success: function(e){ success: function(e){

9
server/public/layouts/channel.handlebars
View File

@@ -186,7 +186,7 @@
<div id="fullscreen" class="hide-on-small-only"> <div id="fullscreen" class="hide-on-small-only">
<i class="material-icons">fullscreen</i> <i class="material-icons">fullscreen</i>
</div> </div>
<button class="castButton-unactive tooltipped" style="display:none;"> <button class="castButton-unactive tooltipped" id="google-cast-button" style="display:none;">
<i class="material-icons">cast</i> <i class="material-icons">cast</i>
</button> </button>
<button class="castButton" is="google-cast-button"> <button class="castButton" is="google-cast-button">
@@ -294,3 +294,10 @@
</div> </div>
</main> </main>
</div> </div>
<div class="tap-target" data-activates="google-cast-button">
<div class="tap-target-content">
<h5>Chromecast</h5>
<p>This site supports chromecasting!</p>
</div>
</div>