dany/clapper
1
0
Fork 0
mirror of https://github.com/Rafostar/clapper.git synced 2025-08-30 07:42:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Move popover separator into .ui

Browse Source 
Allows reusing a custom separator in multiple popovers
This commit is contained in:
Rafał Dzięgiel
2021-08-30 17:35:06 +02:00
parent 347d90b1ad
commit 04122d46a7
2 changed files with 57 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/buttons.js
View File

@@ -1,4 +1,5 @@
const { GObject, Gtk } = imports.gi;
const Misc = imports.src.misc;
/* Negative values from CSS */
const PopoverOffset = {
@@ -220,27 +221,36 @@ class ClapperElapsedPopoverButton extends LabelPopoverButton
addSeparator(text)
{
const box = new Gtk.Box({
orientation: Gtk.Orientation.HORIZONTAL,
hexpand: true,
});
const label = new Gtk.Label({
this.popoverBox.append(new PopoverSeparator({
label: text,
halign: Gtk.Align.CENTER,
});
const leftSeparator = new Gtk.Separator({
orientation: Gtk.Orientation.HORIZONTAL,
hexpand: true,
valign: Gtk.Align.CENTER,
});
const rightSeparator = new Gtk.Separator({
orientation: Gtk.Orientation.HORIZONTAL,
hexpand: true,
valign: Gtk.Align.CENTER,
});
box.append(leftSeparator);
box.append(label);
box.append(rightSeparator);
this.popoverBox.append(box);
}));
}
});
var PopoverSeparator = GObject.registerClass({
GTypeName: 'ClapperPopoverSeparator',
Template: `file://${Misc.getClapperPath()}/ui/popover-separator.ui`,
InternalChildren: ['middle_label'],
Properties: {
'label': GObject.ParamSpec.string(
'label',
'Middle label',
'Text to set in the middle',
GObject.ParamFlags.WRITABLE,
null
),
}
},
class ClapperPopoverSeparator extends Gtk.Box
{
_init(opts)
{
super._init();
this.label = opts.label;
}
set label(value)
{
this._middle_label.label = value || "";
}
});

26
ui/popover-separator.ui Normal file
View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?>
<interface>
<template class="ClapperPopoverSeparator" parent="GtkBox">
<property name="orientation">horizontal</property>
<property name="hexpand">True</property>
<child>
<object class="GtkSeparator">
<property name="orientation">horizontal</property>
<property name="hexpand">True</property>
<property name="valign">center</property>
</object>
</child>
<child>
<object class="GtkLabel" id="middle_label">
<property name="halign">center</property>
</object>
</child>
<child>
<object class="GtkSeparator">
<property name="orientation">horizontal</property>
<property name="hexpand">True</property>
<property name="valign">center</property>
</object>
</child>
</template>
</interface>