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

Added colorpicker polyfill

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-10-31 13:34:12 +01:00
parent bfcfb6d140
commit a31cc6c759
4 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1927,6 +1927,15 @@ nav ul li:hover, nav ul li.active {
border-top-left-radius: 4px;
}
.sp-replacer {
border: none;
background: none;
}
#embed.modal.open {
overflow-y: visible;
}
#top-button, #bottom-button{
color: white;
position: absolute;

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

@@ -386,6 +386,15 @@ function init(){
position: "top",
tooltip: "Cast Zoff to TV"
});
$("#color_embed").spectrum({
color: "#808080",
change: function(c) {
color = c.toHexString().substring(1); // #ff0000
$("#embed-area").val(embed_code(embed_autoplay, embed_width, embed_height, color));
},
appendTo: "#embed",
});
}
$("#results" ).hover( function() { $("div.result").removeClass("hoverResults"); i = 0; }, function(){ });

2
server/public/layouts/main.handlebars
View File

@@ -27,6 +27,7 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.css">
<link rel="stylesheet" type="text/css" href="/assets/css/style.css" title="Default" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
@@ -46,6 +47,7 @@
<script type="text/javascript" src="/assets/dist/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.js"></script>
<script type="text/javascript" src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.ui.position.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.0.1/color-thief.min.js"></script>

2
server/public/partials/channel/header.handlebars
View File

@@ -131,7 +131,7 @@
<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="color" id="color_embed" class="settings_embed" value="#808080" />
<input type="text" id="color_embed" class="settings_embed" value="#808080" />
</p>
<textarea id="embed-area"></textarea>
</div>