oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-26 04:28:31 +00:00
Code Wiki Activity

Add settings to be able to hide the event or rerun bar on streams (#401)

Browse source 
* Add settings to be able to hide the event or rerun bar on streams
* Use `toggleHide` instead of `toggle`
This commit is contained in:
Lordmau5 2018-03-26 04:03:13 +02:00 • committed by Mike
parent c190ecf5ed
commit 008962f374
2 changed files with 40 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/sites/twitch-twilight/modules/css_tweaks/index.js
View file

@ -20,6 +20,9 @@ const CLASSES = {
'player-ext': '.player .extension-overlay',
'player-ext-hover': '.player:not([data-controls="true"]) .extension-overlay',
'player-event-bar': '.channel-page .live-event-banner-ui__header',
'player-rerun-bar': '.channel-page div.tw-c-text-overlay',
'pinned-cheer': '.pinned-cheer,.pinned-cheer-v2',
'whispers': '.whispers',

38
src/sites/twitch-twilight/modules/player.js
View file

@ -27,6 +27,11 @@ export default class Player extends Module {
['front-page', 'user', 'video']
);
this.PersistentPlayer = this.fine.define(
'twitch-player-persistent',
n => n.renderMiniControl && n.renderMiniTitle && n.handleWindowResize,
['front-page', 'user', 'video']
);
this.settings.add('player.volume-scroll', {
default: false,
@ -139,7 +144,36 @@ export default class Player extends Module {
component: 'setting-check-box'
},
changed: val => this.css_tweaks.toggle('player-volume', val)
})
});
this.settings.add('player.hide-event-bar', {
default: false,
ui: {
path: 'Channel > Player >> General',
title: 'Hide Event Bar',
description: 'Hides the event bar which indicates whether the stream has an ongoing event.',
component: 'setting-check-box'
},
changed: val => {
this.css_tweaks.toggleHide('player-event-bar', val);
this.PersistentPlayer.forceUpdate();
}
});
this.settings.add('player.hide-rerun-bar', {
default: false,
ui: {
path: 'Channel > Player >> General',
title: 'Hide Rerun Bar',
description: 'Hides the rerun bar which indicates whether the stream has a VoD playing.',
component: 'setting-check-box'
},
changed: val => {
this.css_tweaks.toggleHide('player-rerun-bar', val);
this.PersistentPlayer.forceUpdate();
}
});
}
@ -156,6 +190,8 @@ export default class Player extends Module {
this.css_tweaks.toggle('player-ext-mouse', !this.settings.get('player.ext-interaction'));
this.css_tweaks.toggle('theatre-no-whispers', this.settings.get('player.theatre.no-whispers'));
this.css_tweaks.toggle('theatre-metadata', this.settings.get('player.theatre.metadata'));
this.css_tweaks.toggleHide('player-event-bar', this.settings.get('player.hide-event-bar'));
this.css_tweaks.toggleHide('player-rerun-bar', this.settings.get('player.hide-rerun-bar'));
this.updateHideExtensions();
const t = this;