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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
const EndlessWikipedia = imports.wikipedia.EndlessWikipedia;
const GObject = imports.gi.GObject;
const Gtk = imports.gi.Gtk;
const Lang = imports.lang;
const ListTextButton = imports.wikipedia.widgets.ListTextButton;
const ARTICLE_LIST_SIZE_REQUEST = 320;
const HOVER_ARROW_URI = "/com/endlessm/wikipedia-domain/assets/submenu_hover_arrow.png";
const ArticleList = new Lang.Class({
Name: 'ArticleList',
Extends: Gtk.ScrolledWindow,
Signals: {
'article-chosen': {
param_types: [GObject.TYPE_STRING, GObject.TYPE_STRING]
}
},
_init: function(props) {
props = props || {};
props.hscrollbar_policy = Gtk.PolicyType.NEVER;
props.vscrollbar_policy = Gtk.PolicyType.AUTOMATIC,
this.parent(props);
this._grid = new Gtk.Grid({
orientation: Gtk.Orientation.VERTICAL,
vexpand: true
});
// width is set per designs, height is set arbitrarily for now but
// doesn't matter because it's just a min size
this.set_size_request(ARTICLE_LIST_SIZE_REQUEST, -1);
this.add(this._grid);
},
/**
* Method: setArticles
* Set articles to display in this widget
*
* Parameters:
* articles - An array of <ArticleModels>
*/
setArticles: function(articles) {
// Remove all existing article links
this._grid.get_children().forEach(function(element, index, obj) {
this._grid.remove(element);
}, this);
// Create new ones
articles.forEach(function (article) {
let button = new ListTextButton.ListTextButton(HOVER_ARROW_URI,
article.title, { hexpand: true });
button.connect('clicked', Lang.bind(this, function() {
this.emit('article-chosen', article.title, article.uri);
}));
this._grid.add(button);
}, this);
},
/**
* Method: scrollToTop
* Scrolls the article list all the way up.
*/
scrollToTop: function () {
this.get_vadjustment().set_value(0);
}
});
|
