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);
    }
});