315 lines
12 KiB
JavaScript
315 lines
12 KiB
JavaScript
|
/*
|
||
|
|
* This file is part of the Dash-To-Panel extension for Gnome 3
|
||
|
|
*
|
||
|
|
* This program is free software: you can redistribute it and/or modify
|
||
|
|
* it under the terms of the GNU General Public License as published by
|
||
|
|
* the Free Software Foundation, either version 2 of the License, or
|
||
|
|
* (at your option) any later version.
|
||
|
|
*
|
||
|
|
* This program is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
* GNU General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU General Public License
|
||
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
*
|
||
|
|
* Credits:
|
||
|
|
* Ideas for recursing child actors and assigning inline styles
|
||
|
|
* are based on code from the StatusAreaHorizontalSpacing extension
|
||
|
|
* https://bitbucket.org/mathematicalcoffee/status-area-horizontal-spacing-gnome-shell-extension
|
||
|
|
* mathematical.coffee@gmail.com
|
||
|
|
*/
|
||
|
|
|
||
|
|
import * as Utils from './utils.js';
|
||
|
|
import {SETTINGS} from './extension.js';
|
||
|
|
|
||
|
|
|
||
|
|
export const PanelStyle = class {
|
||
|
|
|
||
|
|
enable(panel) {
|
||
|
|
this.panel = panel;
|
||
|
|
|
||
|
|
this._applyStyles();
|
||
|
|
|
||
|
|
this._bindSettingsChanges();
|
||
|
|
}
|
||
|
|
|
||
|
|
disable() {
|
||
|
|
for (let i = 0; i < this._dtpSettingsSignalIds.length; ++i) {
|
||
|
|
SETTINGS.disconnect(this._dtpSettingsSignalIds[i]);
|
||
|
|
}
|
||
|
|
|
||
|
|
this._removeStyles();
|
||
|
|
}
|
||
|
|
|
||
|
|
_bindSettingsChanges() {
|
||
|
|
let configKeys = [
|
||
|
|
"tray-size",
|
||
|
|
"leftbox-size",
|
||
|
|
"tray-padding",
|
||
|
|
"leftbox-padding",
|
||
|
|
"status-icon-padding",
|
||
|
|
];
|
||
|
|
|
||
|
|
this._dtpSettingsSignalIds = [];
|
||
|
|
|
||
|
|
for(let i in configKeys) {
|
||
|
|
this._dtpSettingsSignalIds.push(SETTINGS.connect('changed::' + configKeys[i], () => {
|
||
|
|
this._removeStyles();
|
||
|
|
this._applyStyles();
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_applyStyles() {
|
||
|
|
this._rightBoxOperations = [];
|
||
|
|
|
||
|
|
let trayPadding = SETTINGS.get_int('tray-padding');
|
||
|
|
let isVertical = this.panel.checkIfVertical();
|
||
|
|
let paddingStyle = 'padding: ' + (isVertical ? '%dpx 0' : '0 %dpx');
|
||
|
|
|
||
|
|
if(trayPadding >= 0) {
|
||
|
|
let operation = {};
|
||
|
|
let trayPaddingStyleLine;
|
||
|
|
|
||
|
|
if (isVertical) {
|
||
|
|
trayPaddingStyleLine = paddingStyle.format(trayPadding);
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
let parent = actor.get_parent();
|
||
|
|
return ((parent && parent.has_style_class_name && (parent.has_style_class_name('panel-button') && !parent.has_style_class_name('clock-display'))) ||
|
||
|
|
(actor.has_style_class_name && actor.has_style_class_name('clock')));
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
trayPaddingStyleLine = '-natural-hpadding: %dpx'.format(trayPadding);
|
||
|
|
if (trayPadding < 6) {
|
||
|
|
trayPaddingStyleLine += '; -minimum-hpadding: %dpx'.format(trayPadding);
|
||
|
|
}
|
||
|
|
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
return (actor.has_style_class_name && actor.has_style_class_name('panel-button'));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, trayPaddingStyleLine, operationIdx);
|
||
|
|
this._refreshPanelButton(actor);
|
||
|
|
};
|
||
|
|
this._rightBoxOperations.push(operation);
|
||
|
|
}
|
||
|
|
|
||
|
|
let statusIconPadding = SETTINGS.get_int('status-icon-padding');
|
||
|
|
if(statusIconPadding >= 0) {
|
||
|
|
let statusIconPaddingStyleLine = paddingStyle.format(statusIconPadding)
|
||
|
|
let operation = {};
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
return (actor.has_style_class_name && actor.has_style_class_name('system-status-icon'));
|
||
|
|
};
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, statusIconPaddingStyleLine, operationIdx);
|
||
|
|
};
|
||
|
|
this._rightBoxOperations.push(operation);
|
||
|
|
}
|
||
|
|
|
||
|
|
let trayContentSize = SETTINGS.get_int('tray-size');
|
||
|
|
if(trayContentSize > 0) {
|
||
|
|
let trayIconSizeStyleLine = 'icon-size: %dpx'.format(trayContentSize)
|
||
|
|
let operation = {};
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
return (actor.constructor && actor.constructor.name == 'St_Icon');
|
||
|
|
};
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, trayIconSizeStyleLine, operationIdx);
|
||
|
|
};
|
||
|
|
this._rightBoxOperations.push(operation);
|
||
|
|
|
||
|
|
let trayContentSizeStyleLine = 'font-size: %dpx'.format(trayContentSize)
|
||
|
|
operation = {};
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
return (actor.constructor && actor.constructor.name == 'St_Label');
|
||
|
|
};
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, trayContentSizeStyleLine, operationIdx);
|
||
|
|
};
|
||
|
|
this._rightBoxOperations.push(operation);
|
||
|
|
|
||
|
|
this._overrideStyle(this.panel._rightBox, trayContentSizeStyleLine, 0);
|
||
|
|
this._overrideStyle(this.panel._centerBox, trayContentSizeStyleLine, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
// center box has been moved next to the right box and will be treated the same
|
||
|
|
this._centerBoxOperations = this._rightBoxOperations;
|
||
|
|
|
||
|
|
this._leftBoxOperations = [];
|
||
|
|
|
||
|
|
let leftboxPadding = SETTINGS.get_int('leftbox-padding');
|
||
|
|
if(leftboxPadding >= 0) {
|
||
|
|
let leftboxPaddingStyleLine = paddingStyle.format(leftboxPadding);
|
||
|
|
let operation = {};
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
let parent = actor.get_parent();
|
||
|
|
return (parent && parent.has_style_class_name && parent.has_style_class_name('panel-button'));
|
||
|
|
};
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, leftboxPaddingStyleLine, operationIdx);
|
||
|
|
};
|
||
|
|
this._leftBoxOperations.push(operation);
|
||
|
|
}
|
||
|
|
|
||
|
|
let leftboxContentSize = SETTINGS.get_int('leftbox-size');
|
||
|
|
if(leftboxContentSize > 0) {
|
||
|
|
let leftboxIconSizeStyleLine = 'icon-size: %dpx'.format(leftboxContentSize)
|
||
|
|
let operation = {};
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
return (actor.constructor && actor.constructor.name == 'St_Icon');
|
||
|
|
};
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, leftboxIconSizeStyleLine, operationIdx);
|
||
|
|
};
|
||
|
|
this._leftBoxOperations.push(operation);
|
||
|
|
|
||
|
|
let leftboxContentSizeStyleLine = 'font-size: %dpx'.format(leftboxContentSize)
|
||
|
|
operation = {};
|
||
|
|
operation.compareFn = function (actor) {
|
||
|
|
return (actor.constructor && actor.constructor.name == 'St_Label');
|
||
|
|
};
|
||
|
|
operation.applyFn = (actor, operationIdx) => {
|
||
|
|
this._overrideStyle(actor, leftboxContentSizeStyleLine, operationIdx);
|
||
|
|
};
|
||
|
|
this._leftBoxOperations.push(operation);
|
||
|
|
|
||
|
|
this._overrideStyle(this.panel._leftBox, leftboxContentSizeStyleLine, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
this._applyStylesRecursively();
|
||
|
|
|
||
|
|
/* connect signal */
|
||
|
|
this._rightBoxActorAddedID = this.panel._rightBox.connect('actor-added',
|
||
|
|
(container, actor) => {
|
||
|
|
if(this._rightBoxOperations.length && !this._ignoreAddedChild)
|
||
|
|
this._recursiveApply(actor, this._rightBoxOperations);
|
||
|
|
|
||
|
|
this._ignoreAddedChild = 0;
|
||
|
|
}
|
||
|
|
);
|
||
|
|
this._centerBoxActorAddedID = this.panel._centerBox.connect('actor-added',
|
||
|
|
(container, actor) => {
|
||
|
|
if(this._centerBoxOperations.length && !this._ignoreAddedChild)
|
||
|
|
this._recursiveApply(actor, this._centerBoxOperations);
|
||
|
|
|
||
|
|
this._ignoreAddedChild = 0;
|
||
|
|
}
|
||
|
|
);
|
||
|
|
this._leftBoxActorAddedID = this.panel._leftBox.connect('actor-added',
|
||
|
|
(container, actor) => {
|
||
|
|
if(this._leftBoxOperations.length)
|
||
|
|
this._recursiveApply(actor, this._leftBoxOperations);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
_removeStyles() {
|
||
|
|
/* disconnect signal */
|
||
|
|
if (this._rightBoxActorAddedID)
|
||
|
|
this.panel._rightBox.disconnect(this._rightBoxActorAddedID);
|
||
|
|
if (this._centerBoxActorAddedID)
|
||
|
|
this.panel._centerBox.disconnect(this._centerBoxActorAddedID);
|
||
|
|
if (this._leftBoxActorAddedID)
|
||
|
|
this.panel._leftBox.disconnect(this._leftBoxActorAddedID);
|
||
|
|
|
||
|
|
this._restoreOriginalStyle(this.panel._rightBox);
|
||
|
|
this._restoreOriginalStyle(this.panel._centerBox);
|
||
|
|
this._restoreOriginalStyle(this.panel._leftBox);
|
||
|
|
|
||
|
|
this._applyStylesRecursively(true);
|
||
|
|
}
|
||
|
|
|
||
|
|
_applyStylesRecursively(restore) {
|
||
|
|
/*recurse actors */
|
||
|
|
if(this._rightBoxOperations.length) {
|
||
|
|
// add the system menu as we move it from the rightbox to the panel to position it independently
|
||
|
|
let children = this.panel._rightBox.get_children().concat([this.panel.statusArea[Utils.getSystemMenuInfo().name].container]);
|
||
|
|
for(let i in children)
|
||
|
|
this._recursiveApply(children[i], this._rightBoxOperations, restore);
|
||
|
|
}
|
||
|
|
|
||
|
|
if(this._centerBoxOperations.length) {
|
||
|
|
// add the date menu as we move it from the centerbox to the panel to position it independently
|
||
|
|
let children = this.panel._centerBox.get_children().concat([this.panel.statusArea.dateMenu.container]);
|
||
|
|
for(let i in children)
|
||
|
|
this._recursiveApply(children[i], this._centerBoxOperations, restore);
|
||
|
|
}
|
||
|
|
|
||
|
|
if(this._leftBoxOperations.length) {
|
||
|
|
let children = this.panel._leftBox.get_children();
|
||
|
|
for(let i in children)
|
||
|
|
this._recursiveApply(children[i], this._leftBoxOperations, restore);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_recursiveApply(actor, operations, restore) {
|
||
|
|
for(let i in operations) {
|
||
|
|
let o = operations[i];
|
||
|
|
if(o.compareFn(actor))
|
||
|
|
if(restore)
|
||
|
|
o.restoreFn ? o.restoreFn(actor) : this._restoreOriginalStyle(actor);
|
||
|
|
else
|
||
|
|
o.applyFn(actor, i);
|
||
|
|
}
|
||
|
|
|
||
|
|
if(actor.get_children) {
|
||
|
|
let children = actor.get_children();
|
||
|
|
for(let i in children) {
|
||
|
|
this._recursiveApply(children[i], operations, restore);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_overrideStyle(actor, styleLine, operationIdx) {
|
||
|
|
if (actor._dtp_original_inline_style === undefined) {
|
||
|
|
actor._dtp_original_inline_style = actor.get_style();
|
||
|
|
}
|
||
|
|
|
||
|
|
if(actor._dtp_style_overrides === undefined) {
|
||
|
|
actor._dtp_style_overrides = {};
|
||
|
|
}
|
||
|
|
|
||
|
|
actor._dtp_style_overrides[operationIdx] = styleLine;
|
||
|
|
let newStyleLine = '';
|
||
|
|
for(let i in actor._dtp_style_overrides)
|
||
|
|
newStyleLine += actor._dtp_style_overrides[i] + '; ';
|
||
|
|
actor.set_style(newStyleLine + (actor._dtp_original_inline_style || ''));
|
||
|
|
}
|
||
|
|
|
||
|
|
_restoreOriginalStyle(actor) {
|
||
|
|
if (actor._dtp_original_inline_style !== undefined) {
|
||
|
|
actor.set_style(actor._dtp_original_inline_style);
|
||
|
|
delete actor._dtp_original_inline_style;
|
||
|
|
delete actor._dtp_style_overrides;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (actor.has_style_class_name('panel-button')) {
|
||
|
|
this._refreshPanelButton(actor);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_refreshPanelButton(actor) {
|
||
|
|
if (actor.visible) {
|
||
|
|
//force gnome 3.34+ to refresh (having problem with the -natural-hpadding)
|
||
|
|
let parent = actor.get_parent();
|
||
|
|
let children = parent.get_children();
|
||
|
|
let actorIndex = 0;
|
||
|
|
|
||
|
|
if (children.length > 1) {
|
||
|
|
actorIndex = children.indexOf(actor);
|
||
|
|
}
|
||
|
|
|
||
|
|
this._ignoreAddedChild = [this.panel._centerBox, this.panel._rightBox].indexOf(parent) >= 0;
|
||
|
|
|
||
|
|
parent.remove_child(actor);
|
||
|
|
parent.insert_child_at_index(actor, actorIndex);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|