Skip to content

Commit

Permalink
Add button to show/hide inactive streams
Browse files Browse the repository at this point in the history
  • Loading branch information
mstock committed Feb 25, 2023
1 parent eab3911 commit 619a5fa
Show file tree
Hide file tree
Showing 3 changed files with 45 additions and 4 deletions.
33 changes: 33 additions & 0 deletions assets/css/_overview.less
Original file line number Diff line number Diff line change
Expand Up @@ -115,6 +115,39 @@ body.overview {
.panel-body h2 {
margin: 0;
}

&.inactive-stream {
display: none;
}
}

input.show-inactive {
display: none;
}
.show-inactive-toggle {
width: ~"calc(100% - 30px)";
margin-left: 15px;

.show-inactive-text {
display: inline;
}
.hide-inactive-text {
display: none;
}
}
input[type="checkbox"]:checked.show-inactive {
~ .room {
display: block;
}

~ .show-inactive-toggle {
.show-inactive-text {
display: none;
}
.hide-inactive-text {
display: inline;
}
}
}

.recordings a {
Expand Down
9 changes: 5 additions & 4 deletions assets/js/lustiges-script.js
Original file line number Diff line number Diff line change
Expand Up @@ -303,15 +303,16 @@ $(function() {
$(function() {
var
roomSelector = '.room.has-preview',
previewSelector = roomSelector + ' .preview';
previewSelector = roomSelector + ' .preview',
inactiveClass = 'inactive-stream';

$(previewSelector).each(function() {
var
$teaser = $(this),
$room = $teaser.parents(roomSelector);

$teaser.on('error', function() {
$room.addClass('hidden');
$room.addClass(inactiveClass);
});
});

Expand All @@ -330,9 +331,9 @@ $(function() {

$preload.on('load', function() {
$teaser.prop('src', $preload.prop('src'));
$room.removeClass('hidden');
$room.removeClass(inactiveClass);
}).on('error', function() {
$room.addClass('hidden');
$room.addClass(inactiveClass);
}).prop('src', src + '?'+(new Date()).getTime());
});
}, 1000*60);
Expand Down
7 changes: 7 additions & 0 deletions template/overview.phtml
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
</div>
<? endif ?>
<div class="row room-group room-group-n<?=h($i++)?> room-group-<?=h(slugify($group))?>">
<input type="checkbox" class="show-inactive" id="show-inactive-<?=h(slugify($group))?>-toggle" />

<?
/*
Expand Down Expand Up @@ -128,7 +129,13 @@
<div class="clearfix"></div>
<? endif ?>
<? endforeach ?>
<label for="show-inactive-<?=h(slugify($group))?>-toggle" class="btn btn-default show-inactive-toggle">
<span class="show-inactive-text">Show</span>
<span class="hide-inactive-text">Hide</span>
inactive streams
</label>
</div>

<? endforeach ?>

<? if($conference->hasReleases() || $conference->hasRelive()): ?>
Expand Down

0 comments on commit 619a5fa

Please sign in to comment.