mirror of
https://github.com/morgan9e/dash-to-panel
synced 2026-04-13 15:54:12 +09:00
344 lines
11 KiB
JavaScript
344 lines
11 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(
|
|
'child-added',
|
|
(container, actor) => {
|
|
if (this._rightBoxOperations.length && !this._ignoreAddedChild)
|
|
this._recursiveApply(actor, this._rightBoxOperations)
|
|
|
|
this._ignoreAddedChild = 0
|
|
},
|
|
)
|
|
this._centerBoxActorAddedID = this.panel._centerBox.connect(
|
|
'child-added',
|
|
(container, actor) => {
|
|
if (this._centerBoxOperations.length && !this._ignoreAddedChild)
|
|
this._recursiveApply(actor, this._centerBoxOperations)
|
|
|
|
this._ignoreAddedChild = 0
|
|
},
|
|
)
|
|
this._leftBoxActorAddedID = this.panel._leftBox.connect(
|
|
'child-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)
|
|
}
|
|
}
|
|
}
|