1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
const GObject = imports.gi.GObject;
const Gtk = imports.gi.Gtk;
const Lang = imports.lang;
const TopbarNavButton = new Lang.Class({
Name: 'TopbarNavButton',
GTypeName: 'EosTopbarNavButton',
Extends: Gtk.Grid,
Properties: {
'back-button': GObject.ParamSpec.object('back-button', 'Back button',
'Topbar back button widget',
GObject.ParamFlags.READABLE,
Gtk.Button.$gtype),
'forward-button': GObject.ParamSpec.object('forward-button',
'Forward button', 'Topbar forward button widget',
GObject.ParamFlags.READABLE,
Gtk.Button.$gtype)
},
_init: function(props) {
props = props || {};
props.orientation = Gtk.Orientation.HORIZONTAL;
this.parent(props);
this._back_button = Gtk.Button.new_from_icon_name('topbar-go-previous-symbolic',
Gtk.IconSize.SMALL_TOOLBAR);
this._forward_button = Gtk.Button.new_from_icon_name('topbar-go-next-symbolic',
Gtk.IconSize.SMALL_TOOLBAR);
this._back_button.get_style_context().add_class('back');
this._forward_button.get_style_context().add_class('forward');
[this._back_button, this._forward_button].forEach(function (button) {
button.can_focus = false;
button.get_style_context().add_class(Gtk.STYLE_CLASS_LINKED);
});
this.add(this._back_button);
this.add(this._forward_button);
},
get back_button() {
return this._back_button;
},
get forward_button() {
return this._forward_button;
}
});
|