1 files changed, 50 insertions, 0 deletions
diff --git a/wikipedia/src/endless_wikipedia/ArticleList.js b/wikipedia/src/endless_wikipedia/ArticleList.js
new file mode 100644
index 0000000..b79e2e8
--- /dev/null
+++ b/wikipedia/src/endless_wikipedia/ArticleList.js
@@ -0,0 +1,50 @@
+const GObject = imports.gi.GObject;
+const Gtk = imports.gi.Gtk;
+const Lang = imports.lang;
+
+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
+        });
+        this.add(this._grid);
+    },
+
+    // Takes a list of dictionaries with keys 'title' and 'url'
+    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(element, index, obj) {
+            var button = Gtk.Button.new_with_label(element.title.toUpperCase());
+            button.image = Gtk.Image.new_from_icon_name('go-next-symbolic',
+                Gtk.IconSize.BUTTON);
+            button.always_show_image = true; // Don't do this, see BackButton.js
+            button.image_position = Gtk.PositionType.RIGHT;
+            button.xalign = 0;
+
+            button.connect('clicked', Lang.bind(this, function() {
+                this.emit('article-chosen', element.title, element.url);
+            }));
+            button.show();
+            this._grid.add(button);
+        }, this);
+    }
+});