oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-01 08:38:32 +00:00
Code Wiki Activity

Add a button to the chat settings menu to open the FFZ menu. Fix the chat width setting and theater mode.

Browse source
This commit is contained in:
SirStendec 2017-11-15 14:04:59 -05:00
parent 24aac91258
commit 23e2fadba3
2 changed files with 78 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/sites/twitch-twilight/modules/chat/index.js
View file

@ -12,10 +12,11 @@ import Module from 'utilities/module';
import Scroller from './scroller';
import ChatLine from './line';
import SettingsMenu from './settings_menu';
const ChatTypes = (e => {
e[e.Post = 0] = "Post",
/*e[e.Post = 0] = "Post",
e[e.Action = 1] = "Action",
e[e.PostWithMention = 2] = "PostWithMention",
e[e.Ban = 3] = "Ban",
@ -25,9 +26,9 @@ const ChatTypes = (e => {
e[e.AutoModMessageAllowed = 7] = "AutoModMessageAllowed",
e[e.AutoModMessageDenied = 8] = "AutoModMessageDenied",
e[e.Connected = 9] = "Connected",
e[e.Disconnected = 10] = "Disconnected",
e[e.Reconnect = 11] = "Reconnect",
e[e.Hosting = 12] = "Hosting",
e[e.Disconnected = 10] = "Disconnected",*/
e[e.Reconnect = 11] = "Reconnect";
/*e[e.Hosting = 12] = "Hosting",
e[e.Unhost = 13] = "Unhost",
e[e.Subscription = 14] = "Subscription",
e[e.Resubscription = 15] = "Resubscription",
@ -36,14 +37,14 @@ const ChatTypes = (e => {
e[e.SubscriberOnlyMode = 18] = "SubscriberOnlyMode",
e[e.FollowerOnlyMode = 19] = "FollowerOnlyMode",
e[e.SlowMode = 20] = "SlowMode",
e[e.RoomMods = 21] = "RoomMods",
e[e.RoomState = 22] = "RoomState",
e[e.Raid = 23] = "Raid",
e[e.RoomMods = 21] = "RoomMods",*/
e[e.RoomState = 22] = "RoomState";
/*e[e.Raid = 23] = "Raid",
e[e.Unraid = 24] = "Unraid",
e[e.Notice = 25] = "Notice",
e[e.Info = 26] = "Info",
e[e.BadgesUpdated = 27] = "BadgesUpdated",
e[e.Purchase = 28] = "Purchase"
e[e.Info = 26] = "Info",*/
e[e.BadgesUpdated = 27] = "BadgesUpdated";
//e[e.Purchase = 28] = "Purchase"
})({});
@ -99,6 +100,7 @@ export default class ChatHook extends Module {
this.inject(Scroller);
this.inject(ChatLine);
this.inject(SettingsMenu);
this.ChatController = this.fine.define(
@ -256,7 +258,7 @@ export default class ChatHook extends Module {
if ( width === 340 )
this.css_tweaks.style.delete('chat-width');
else
this.css_tweaks.style.set('chat-width', `.channel-page__right-column{width:${width}px!important}`);
this.css_tweaks.style.set('chat-width', `.whispers--theatre-mode.whispers--right-column-expanded{right:${width}px!important}.channel-page__video-player--theatre-mode{width:calc(100% - ${width}px)!important}.channel-page__right-column{width:${width}px!important}`);
}
updateLineBorders() {

65
src/sites/twitch-twilight/modules/chat/settings_menu.js Normal file
View file

@ -0,0 +1,65 @@
'use strict';
// ============================================================================
// Chat Settings Menu
// ============================================================================
import {createElement as e} from 'utilities/dom';
import Module from 'utilities/module';
export default class SettingsMenu extends Module {
constructor(...args) {
super(...args);
this.inject('settings');
this.inject('i18n');
this.inject('chat');
this.inject('site.fine');
this.inject('site.web_munch');
this.SettingsMenu = this.fine.define(
'chat-settings',
n => n.renderUniversalOptions && n.renderModTools
);
}
onEnable() {
this.on('i18n:update', () => this.SettingsMenu.forceUpdate());
const t = this,
React = this.web_munch.getModule('react');
if ( ! React )
return;
const e = React.createElement;
this.SettingsMenu.ready((cls, instances) => {
const old_universal = cls.prototype.renderUniversalOptions;
cls.prototype.renderUniversalOptions = function() {
const val = old_universal.call(this);
val.props.children.push(e('div', {
className: 'mg-t-1'
}, e('button', {
onClick: () => t.click(this)
}, t.i18n.t('site.menu_button', 'FrankerFaceZ Control Center'))
));
window.menu = this;
return val;
}
this.SettingsMenu.forceUpdate();
});
}
click(inst) {
const mb = this.resolve('site.menu_button');
if ( mb )
mb.emit(':clicked');
const parent = this.fine.searchParent(inst, n => n.toggleBalloonId);
parent && parent.handleButtonClick();
}
}