// Copyright (C) 2006-2020 CS-SI

// License: GNU GPL v2 <http://www.gnu.org/licenses/gpl-2.0.html>

Jx.Button.SelectorFlyout = new Class({

    Extends: Jx.Button.Flyout,

    initialize: function (options, url, itemImage) {

        this.idselection = null;

        this.hostid = null;

        var tree_container = new Element("div");

        tree_container.setStyle("padding", "0 10px 10px 10px");

        this.tree = new GroupTree({

            parent: tree_container,

            url: url,

            itemName: "item",

            itemImage: "images/" + itemImage,

            onItemClick: this.selectItem.bind(this)

        });

        options.content = tree_container;

        options.onOpen = function() {

            if (! this.tree.isLoaded) {

                this.tree.load();

            }

        }.bind(this);

        this.parent(options);

        this.tree.addEvent('select', this.selectItem.bind(this));

        // On adapte la fenêtre popup aux dépliements de l'arbre

        var adaptPopup = function(e) {

            if (!this.options.active) return;

            // On évite le scrolling dans le menu popup

            var size_x = this.content.getSize().x;

            var scroll_size_x = this.content.getScrollSize().x;

            if (scroll_size_x > size_x) {

                this.content.setStyle("width", scroll_size_x + 10);

                // 10: padding-right du div

            }

            // On adapte la bordure ombrée

            this.contentContainer.setContentBoxSize(

                    $(this.content).getMarginBoxSize());

        };

        this.tree.addEvent("load", adaptPopup.bind(this));

        this.tree.addEvent("branchloaded", adaptPopup.bind(this));

        this.tree.addEvent("nodedisclosed", adaptPopup.bind(this));

        this.tree.addEvent("groupClick", adaptPopup.bind(this));

   },

    setItem: function (idselection, label) {

        this.idselection = idselection;

        this.setLabel(label);

        this.fireEvent("select", [idselection, label]);

    },

    selectItem: function (item) {

        this.setItem(item.id, item.name);

        this.hide();

    },

    setHostId: function(hostid) {

        this.tree.options.requestOptions = {"host_id": hostid};

        this.hostid = hostid;

    },

    redraw: function() {

        this.tree.clear();

        this.tree.load();

    }

});

Jx.Button.StaticCombo = new Class({

    Extends: Jx.Button.Combo,

    initialize: function (options) {

        this.locked = false;

        this.parent(options);

        this.setImage(options.image);

        this.setLabel(options.label);

        this.locked = true;

    },

    setLabel: function(label) {

        if (!this.locked)

            this.parent(label);

    },

    setImage: function(path) {

        if (!this.locked)

            this.parent(path);

    }

});

var Toolbar = new Class({

    Implements: [Events],

    initialize: function () {

        this.jxtoolbar = new Jx.Toolbar({

            parent: $('toolbar')

        });

        this.global_refresh = new Jx.Button({

            label: _('Refresh'),

            tooltip: _('Globally change auto-refresh setting'),

            image: app_path + 'images/refresh.png',

            toggle: true,

            onDown: function () {

                window.graphs.each(function (graph) {

                    graph.refresh_button.setActive(1);

                }, this.global_refresh);

            }.bind(this),

            onUp: function () {

                window.graphs.each(function (graph) {

                    graph.refresh_button.setActive(0);

                }, this.global_refresh);

            }.bind(this)

        });

        this.host_label = new Jx.Toolbar.Item(this.createLabel(_('Host:')));

        this.host_picker = new Jx.Button.SelectorFlyout({

                label: _('Select a host'),

                tooltip: _('Click me to select another host')

            },

            app_path + 'rpc/hosttree',

            "drive-harddisk.png"

        );

        this.host_picker.addEvent("select", function() {

            var idselection = this.host_picker.idselection;

            if (this.graph_picker.hostid !== idselection) {

                this.graph_picker.setHostId(idselection);

                this.graph_picker.redraw();

                this.graph_picker.setItem(null, this.graph_picker.options.label);

            }

            this.fireEvent('select-host');

            this.graph_picker.setEnabled(1);

        }.bind(this));

        this.links = new Jx.Button.StaticCombo({

            label: _('External links...'),

            image: app_path + 'images/external-link.png',

            enabled: false

        });

        var extlinks = new Request.JSON({

            url: app_path + "rpc/external_links",

            method: 'get',

            onSuccess: function (data) {

                if (!data.links) return;

                data.links.each(function (extlink) {

                    var uri;

                    extlink = new Hash(extlink);

                    if (extlink.has('uri')) {

                        uri = extlink.get('uri');

                        extlink.erase('uri');

                        extlink.set('enabled', false);

                        extlink.set('onClick', function (obj, evt) {

                            var dest = new URI(uri.substitute({

                                'host': encodeURIComponent(this.host_picker.getLabel())

                            }));

                            if (!obj.options.sameWindow)

                                window.open(dest.toString());

                            else dest.go();

                        }.bind(this));

                        this.links.add(extlink.getClean());

                    }

                }, this);

                this.links.buttonSet.buttons.each(function (btn) {

                    this.addEvent('select-host', function () {

                        btn.setEnabled(1);

                    });

                }, this);

                if (this.links.buttonSet.buttons.length)

                    this.links.setEnabled(1);

            }.bind(this)

        });

        extlinks.send();

        this.graph_label = new Jx.Toolbar.Item(this.createLabel(_('Graph:')));

        this.graph_picker = new Jx.Button.SelectorFlyout({

                label: _('Select a graph'),

                tooltip: _('Click me to select another graph'),

                enabled: false

            },

            app_path + 'rpc/graphtree',

            "utilities-system-monitor.png"

        );

        this.graph_picker.addEvent("select", function (idselection, label) {

            if (idselection !== null) {

                //this.show_graph.setEnabled(1);

                new Graph(

                    {autoRefresh: this.global_refresh.isActive() ? 1 : 0},

                    this.host_picker.getLabel(),

                    this.graph_picker.getLabel()

                );

            }

        }.bind(this));

        this.show_graph = new Jx.Button({

            label: _('Graph'),

            tooltip: _('Display the contents of the selected graph'),

            toggle: false,

            enabled: false,

            onClick: function () {

                new Graph(

                    {autoRefresh: this.global_refresh.isActive() ? 1 : 0},

                    this.host_picker.getLabel(),

                    this.graph_picker.getLabel()

                );

            }.bind(this)

        });

        // Remplissage de la barre d'outils

        this.jxtoolbar.add(this.global_refresh);

        this.jxtoolbar.add(new Jx.Toolbar.Separator());

        this.jxtoolbar.add(this.host_label); // à supprimer ?

        this.jxtoolbar.add(this.host_picker);

        this.jxtoolbar.add(new Jx.Toolbar.Separator());

        this.jxtoolbar.add(this.graph_label); // à supprimer ?

        this.jxtoolbar.add(this.graph_picker);

        //this.jxtoolbar.add(this.show_graph);

        this.jxtoolbar.add(this.links);

        // Vérification de la date de dernière modification en base, et

        // rechargement des arbres le cas échéant

        this.loadtime = new Date();

        this.checkExpiration.periodical(30 * 1000, this);

    },

    // Retourne un objet opaque qui possède un label,

    // et peut être ajouté à une Jx.Toolbar via Jx.Toolbar.Item.

    createLabel: function (label) {

        var container, content, span;

        container = new Element('div', {'class': 'jxButtonContainer'});

        content = new Element('span', {'class': 'jxButtonContent'});

        span = new Element('span', {

            'class': 'jxButtonLabel',

            text: label

        });

        span.setStyles({cursor: 'default'});

        span.inject(content);

        content.inject(container);

        return container;

    },

    // Vérifie si la base a changé, et recharge les sélecteurs en conséquence

    checkExpiration: function() {

        if (!this.req_expiration) { // ne creer qu'une instance

            this.req_expiration = new Request.JSON({

                method: "get",

                url: app_path + "rpc/dbmtime",

                onSuccess: function(result){

                    if (!result) return;

                    var mtime = Date.parse(result.mtime);

                    if ((toolbar.loadtime - mtime) >= 0) return;

                    // la base a changé, on recharge les arbres

                    if (toolbar.host_picker.idselection) {

                        toolbar.host_picker.redraw();

                    }

                    if (toolbar.graph_picker.idselection) {

                        toolbar.graph_picker.redraw();

                    }

                    // @todo: En théorie on devrait aussi vérifier que

                    // l'élément sélectionné existe dans l'arbre, mais c'est un

                    // peu compliqué avec le chargement dynamique. Il faudrait

                    // faire une requête spécifique

                    toolbar.loadtime = new Date();

                }

            });

        }

        this.req_expiration.send();

    }

});

toolbar = null;

window.addEvent('load', function () {

    window.toolbar = new Toolbar();

});