csmith1865/obscreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 16 Wiki Activity

fix docker + add pause to preview iframe

Browse Source
This commit is contained in:
jr-k 2024-08-01 10:38:21 +02:00
parent 6e7ca0a1dc
commit 8a41d2d278
7 changed files with 70 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
data/www/css/compiled/main-dark-mode.css
View File

File diff suppressed because one or more lines are too long

2
data/www/css/compiled/main-light-mode.css
View File

File diff suppressed because one or more lines are too long

23
data/www/js/fleet/node-player-groups.js
View File

@ -10,13 +10,24 @@ jQuery(document).ready(function ($) {
});
$(document).on('click', '.node-player-group-preview', function () {
const $iframe = $('<iframe>', {
src: $(this).attr('data-url'),
frameborder: 0
});
const $icon = $(this).find('i');
const isPlay = $icon.hasClass('fa-play');
const $holder = $(this).parents('.preview:eq(0)');
$(this).parents('.preview:eq(0)').append($iframe);
$(this).remove();
if (isPlay) {
const $iframe = $('<iframe>', {
src: $(this).attr('data-url'),
frameborder: 0
});
$holder.append($iframe);
$(this).addClass('hover-only');
$icon.removeClass('fa-play').addClass('fa-pause');
} else {
$holder.find('iframe').remove();
$(this).removeClass('hover-only');
$icon.removeClass('fa-pause').addClass('fa-play');
}
});
$(document).on('click', '.node-player-group-player-assign', function () {

23
data/www/js/playlist/playlists.js
View File

@ -21,13 +21,24 @@ jQuery(document).ready(function ($) {
});
$(document).on('click', '.playlist-preview', function () {
const $iframe = $('<iframe>', {
src: $(this).attr('data-url'),
frameborder: 0
});
const $icon = $(this).find('i');
const isPlay = $icon.hasClass('fa-play');
const $holder = $(this).parents('.preview:eq(0)');
$(this).parents('.preview:eq(0)').append($iframe);
$(this).remove();
if (isPlay) {
const $iframe = $('<iframe>', {
src: $(this).attr('data-url'),
frameborder: 0
});
$holder.append($iframe);
$(this).addClass('hover-only');
$icon.removeClass('fa-play').addClass('fa-pause');
} else {
$holder.find('iframe').remove();
$(this).removeClass('hover-only');
$icon.removeClass('fa-pause').addClass('fa-play');
}
});
main();

17
data/www/scss/pages/_player-group.scss
View File

@ -75,12 +75,27 @@
}
}
.preview-holder {
position: relative;
.form-group {
flex-grow: 0;
margin-bottom: 0;
}
.hover-only {
display: none;
}
&:hover {
.hover-only {
display: flex;
position: absolute;
&:hover {
background: $gkscaleC;
}
}
}
}
h4 {

19
data/www/scss/pages/_playlist.scss
View File

@ -97,13 +97,28 @@
margin-bottom: 5px;
}
}
.preview-holder {
position: relative;
.form-group {
flex-grow: 0;
margin-bottom: 0;
}
.hover-only {
display: none;
}
&:hover {
.hover-only {
display: flex;
position: absolute;
&:hover {
background: $gkscaleC;
}
}
}
}
h4 {

4
docker-compose.dev.yml
View File

@ -12,9 +12,7 @@ services:
- PORT=5000
- PORT_HTTP_EXTERNAL_STORAGE=5001
volumes:
- ./data/db:/app/data/db
- ./data/uploads:/app/data/uploads
- ./var/run/storage:/app/var/run/storage
- ./:/app/
ports:
- 5000:5000
- 5001:5001