install: vigigraph/public/js/vigigraph.js $(PYTHON)

################################################################################

#

#  qooxdoo - the new era of web development

#

#  http://qooxdoo.org

#

#  Copyright:

#    2006-2007 1&1 Internet AG, Germany, http://www.1and1.org

#

#  License:

#    LGPL: http://www.gnu.org/licenses/lgpl.html

#    EPL: http://www.eclipse.org/org/documents/epl-v10.php

#    See the LICENSE file in the project's top-level directory for details.

#

#  Authors:

#    * Sebastian Werner (wpbasti)

#    * Andreas Ecker (ecker)

#    * Fabian Jakobs (fjakobs)

#

################################################################################

################################################################################

# SETTINGS

################################################################################

#

# Path to the folder of your qooxdoo distribution.

# Can either be

# a) a relative path to the location of this Makefile (preferred) or

# b) an absolute path starting at the root of your file system

# Example: If you put the skeleton folder next to the qooxdoo SDK folder,

# you can use the following relative path:

# QOOXDOO_PATH = ../../qooxdoo-0.7-sdk

# Please note that Windows users should always use relative paths.

# It should end with the last directory. Please omit a trailing slash.

#

QOOXDOO_PATH = ./qooxdoo-0.7.3-sdk

#

# Namespace of your application e.g. custom

# Even complexer stuff is possible like: net.sf.custom

#

APPLICATION_NAMESPACE = vigigraph

#

# Files that will be copied from the source directory into the build

# directory (space separated list). The default list is empty.

#

APPLICATION_FILES =

#-------------------------------------------------------------------------------

# For a full list and description of available application settings, please 

# see the APPLICATION variables in file 

# $(QOOXDOO_PATH)/frontend/framework/tool/make/application.mk

# Add any of those variables for your custom configuration here:

#-------------------------------------------------------------------------------

# Translations

APPLICATION_LOCALES=fr en

# Logging

APPLICATION_SOURCE_LOG_LEVEL=debug

APPLICATION_BUILD_LOG_LEVEL=error

# Theme

APPLICATION_THEME=vigigraph.theme.Vigilo

################################################################################

# INTERNALS (PLEASE DO NOT CHANGE)

################################################################################

ifneq ($(QOOXDOO_PATH),PLEASE_DEFINE_QOOXDOO_PATH)

	include $(QOOXDOO_PATH)/frontend/framework/tool/make/targets.mk

	include $(QOOXDOO_PATH)/frontend/framework/tool/make/application.mk

endif

error:

	@echo "  * Please configure QOOXDOO_PATH"

################################################################################

# Vigilo-specific

################################################################################

$(QOOXDOO_PATH): qooxdoo-0.7.3-sdk.tar.gz

	rm -rf $(QOOXDOO_PATH)

	tar -xzf qooxdoo-0.7.3-sdk.tar.gz

clean:

	find $(CURDIR) -name "*~" -exec rm {} \;

.PHONY: clean 

Pour compiler le fichier javascript se trouvant dans source/class/vigigraph/Application.js:

    - Récupérer le framework qooxdoo à cette URL:

        http://downloads.sourceforge.net/project/qooxdoo/qooxdoo-legacy/0.7.3/qooxdoo-0.7.3-sdk.tar.gz

    - Détarer celui-ci:

        tar -zxf qooxdoo-0.7.3-sdk.tar.gz

    - Compiler via la commande suivante:

        make build

Pour utilisier le javascript compilé il faut le déplacer (ainsi que les icônes utilisées) à l'endroit voulu "vigigraph/public/js"

    - Le javascript compilé est disponible dans les répertoires suivant:

        build/script/vigiraph.js

    - Les icônes utilisées sont dans:

        build/resource

Pour utiliser le javascript non compilé (mode de debug):

    - Générer le fichier vigigraph.js "dynamique" (pointant vers chaque fichier .js utilisé)

        make

    - L'url à utiliser est alors http://<MonAncienneURL>/source

/* ************************************************************************

   Vigigraph User Interface

   Copyright: 2007-2009 CS-SI <http://www.c-s.fr>

   License: GPLv2+

   Authors: Arnaud MAZIN <arnaud.mazin@c-s.fr>

            Aurelien BOMPARD <aurelien.bompard@c-s.fr>

            Thomas BURGUIERE <thomas.burguiere@c-s.fr>

            Francis LAHEUGUERE <francis.laheuguere@c-s.fr>

   This program is free software; you can redistribute it and/or modify

   it under the terms of the GNU General Public License as published by

   the Free Software Foundation; either version 2 of the License, or

   (at your option) any later version.

   This program is distributed in the hope that it will be useful,

   but WITHOUT ANY WARRANTY; without even the implied warranty of

   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License

   along with this program; if not, write to the Free Software

   Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.

************************************************************************ */

/* ************************************************************************

//#require(qx.event.handler.DragAndDropHandler)

//#resource(vigigraph.image:image)

// List all static resources that should be copied into the build version,

// if the resource filter option is enabled (default: disabled)

//#embed(qx.icontheme/32/status/dialog-information.png)

//#embed(vigigraph.image/test.png)

************************************************************************ */

var urls = {

    "exportCSV": "vigirrd/",

    "getImage": "vigirrd/",

    "getIndicators": "rpc/getIndicators",

    "getStartTime": "vigirrd/",

    "graphgroups": "rpc/graphgroups",

    "graphs": "rpc/graphs",

    "graphsList": "rpc/graphsList",

    "hostgroups": "rpc/hostgroups",

    "hosts": "rpc/hosts",

    "maingroups": "rpc/maingroups",

    "searchHostAndGraph": "rpc/searchHostAndGraph",

    "selectHostAndGraph": "rpc/selectHostAndGraph",

    "supPage": "nagios/",

    "tempoDelayRefresh": "rpc/tempoDelayRefresh"

};

/**

 * Main Application (based on the qooxdoo skeleton)

 */

qx.Class.define("vigigraph.Application",

{

  extend : qx.application.Gui,

  /*

  *****************************************************************************

     MEMBERS

  *****************************************************************************

  */

  members :

  {

    /**

     * Main function.

     *

     * @type member

     */

    main : function()

    {

      this.base(arguments);

      // Define alias for vigigraph resource path

      qx.io.Alias.getInstance().add("vigigraph", qx.core.Setting.get("vigigraph.resourceUri"));

      // Change the window title

      document.title = "VigiGraph";

      // Host picker

      var w1 = new qx.ui.window.Window(this.tr("Host Picker"), "icon/16/devices/network-wired.png");

      w1.setSpace(20, 250, 48, 102);

      w1.setShowClose(false);

      w1.setShowMinimize(false);

      w1.setShowMaximize(false);

      w1.setResizable(false, false, false, false);

      var gl = new qx.ui.layout.GridLayout;

      gl.setDimension("auto", "auto");

      gl.setColumnCount(4);

      gl.setRowCount(5);			//Number of rows in the main window

      gl.setVerticalSpacing(4);

      gl.setHorizontalSpacing(2);

      gl.setColumnWidth(0, 100);

      gl.setColumnWidth(1, 180);

      gl.setColumnWidth(2, 18);

      gl.setColumnWidth(3, 18);

      //gl.setColumnHorizontalAlignment(0, "right");

      gl.setColumnVerticalAlignment(0, "middle");

      gl.setRowHeight(0, 20);

      gl.setRowHeight(1, 20);

      gl.setRowHeight(2, 20);

      gl.setRowHeight(3, 20);

      gl.setRowHeight(4, 20);

      gl.add(new qx.ui.basic.Label(this.tr("Main Group")), 0, 0);

      gl.add(new qx.ui.basic.Label(this.tr("Host Group")), 0, 1);

      gl.add(new qx.ui.basic.Label(this.tr("Host Name")), 0, 2);

      gl.add(new qx.ui.basic.Label(this.tr("Graph Group")), 0, 3);

      gl.add(new qx.ui.basic.Label(this.tr("Graph Name")), 0, 4);

      var combo1 = new qx.ui.form.ComboBox;

      var combo2 = new qx.ui.form.ComboBox;

      var combo3 = new qx.ui.form.ComboBox;

      var combo4 = new qx.ui.form.ComboBox;

      var combo5 = new qx.ui.form.ComboBox;

      var r1=new qx.ui.form.Button("","icon/16/actions/view-refresh.png");

      r1.setToolTip(new qx.ui.popup.ToolTip(this.tr("Refresh")));

      var r2=new qx.ui.form.Button("","icon/16/actions/view-refresh.png");

      r2.setToolTip(new qx.ui.popup.ToolTip(this.tr("Refresh")));

      var r3=new qx.ui.form.Button("","icon/16/actions/view-refresh.png");

      r3.setToolTip(new qx.ui.popup.ToolTip(this.tr("Refresh")));

      var r4=new qx.ui.form.Button("","icon/16/actions/view-refresh.png");

      r4.setToolTip(new qx.ui.popup.ToolTip(this.tr("Refresh")));

      var r5=new qx.ui.form.Button("","icon/16/actions/view-refresh.png");

      r5.setToolTip(new qx.ui.popup.ToolTip(this.tr("Refresh")));

      var b1=new qx.ui.form.Button("","icon/16/actions/zoom.png");

      b1.setToolTip(new qx.ui.popup.ToolTip(this.tr("Search")));

      var b3=new qx.ui.form.Button("","icon/16/actions/go-right.png");

      b3.setToolTip(new qx.ui.popup.ToolTip(this.tr("Show Nagios page")));

      b3.setEnabled(false);

      var b5=new qx.ui.form.Button("","icon/16/actions/go-right.png");

      b5.setToolTip(new qx.ui.popup.ToolTip(this.tr("Show graph")));

      b5.setEnabled(false);

      gl.add(r1,2,0);

      gl.add(r2,2,1);

      gl.add(r3,2,2);

      gl.add(r4,2,3);

      gl.add(r5,2,4);

      gl.add(b1,3,0);

      gl.add(b3,3,2);

      gl.add(b5,3,4);

      _updateServerGroupList();

      var w2 = undefined;

      function getIndexWindow (cdi, w)

      {

        // var cdi = qx.ui.core.ClientDocument.getInstance();

        var index_l = -1;

        if (cdi)

        {

          var nb = cdi.getChildren().length;

          for (i = 0; i < nb; i++)

          {

            var c_l = cdi.getChildren()[i];

            if (c_l)

            {

              if (c_l.name == "qx.ui.window.Window")

              {

                caption_l = c_l.getCaption();

                if (c_l == w)

                {

                  index_l = i;

                }

              }

            }

          }

        }

        return index_l;

      }

      // Buttons

      bp = document.getElementById('print');

      /// @XXX le addEventListener est ici celui du DOM (pas celui de qooxdoo)

      /// Il faudrait migrer vers mootools et reprendre ce code pour assurer

      /// la compatibilité avec les navigateurs n'ayant pas addEventListener

      /// (ie: Internet Explorer).

      bp.addEventListener("click",function(e) {

        var graph_imgs = [];

        var images = document.getElementsByTagName("img");

        for (var i=0 ; i < images.length ; i++) {

          if (images[i].parentNode.className == "graph") {

            graph_imgs.push(images[i].src);

          }

        }

        var print_url = urls.graphsList + "?";

        for (var i=0 ; i < graph_imgs.length ; i++) {

          if (i != 0) print_url += "&";

          print_url += i + "=" + encodeURIComponent(graph_imgs[i]);

        }

        w2 = window.open(print_url);

        w2.onload = function(){

          w2.print();

        }

        e.stopPropagation();

        e.preventDefault();

      }, true);

      b3.addEventListener("execute",function(e) {

        var host = combo3.getSelected().getLabel();

        var win = new qx.client.NativeWindow(urls.supPage+'/'+encodeURIComponent(host)

          +'/cgi-bin/status.cgi?host='+encodeURIComponent(host)+'&style=detail&supNav=1');

        win.setDimension(800,600);

        win.setDependent(false);

        win.open();

      });

      b5.addEventListener("execute",function(e) {

        var host=combo3.getSelected().getLabel();

        var graph=combo5.getSelected().getLabel();

        this.openGraph(host, graph, null, null, true);

      }, this);

      b1.addEventListener("execute",function(e) {

        var w_search = new qx.ui.window.Window(this.tr("Search"), "icon/16/actions/zoom.png");

        w_search.addToDocument();

        w_search.set({

                      showMinimize : false,

                      showMaximize : false,

                      resizable    : true

                     });

        var w_search_v = new qx.ui.layout.VerticalBoxLayout();

        w_search_v.setWidth("100%");

        w_search_v.setHeight("100%");

        w_search_v.setHorizontalChildrenAlign("center");

        w_search.add(w_search_v);

        var w_search_h = new qx.ui.layout.HorizontalBoxLayout();

        w_search_h.auto()

        w_search_h.setVerticalChildrenAlign("middle");

        w_search_h.setPadding(2, 5, 5, 5);

        w_search_v.add(w_search_h);

        w_search_h.add(new qx.ui.basic.Label(this.tr("Host:")));

        var search_host = new qx.ui.form.TextField();

        w_search_h.add(search_host);

        search_host.setMarginRight(5);

        search_host.setLiveUpdate(true);

        search_host.tabIndex = 1;

        search_host.setToolTip(new qx.ui.popup.ToolTip(this.tr("Search for a host (\"*\" for all, 100 max)")));

        w_search_h.add(new qx.ui.basic.Label(this.tr("Graph:")));

        var search_graph = new qx.ui.form.TextField();

        w_search_h.add(search_graph);

        search_graph.setMarginRight(5);

        search_graph.setLiveUpdate(true);

        search_graph.tabIndex = 2;

        search_graph.setToolTip(new qx.ui.popup.ToolTip(this.tr("Search for a graph (\"*\" for all, 100 max)")));

        var search_button=new qx.ui.form.Button("","icon/16/actions/zoom.png");

        search_button.setWidth(20);

        search_button.setHeight(20);

        w_search_h.add(search_button);

        var search_results_model = new qx.ui.table.model.Simple();

        search_results_model.setColumns([ this.tr("Host"), this.tr("Graph") ]);

        var custom = {

          tableColumnModel :

            function(obj)

            {

              return new qx.ui.table.columnmodel.Resize(obj);

            }

        };

        var search_results = new qx.ui.table.Table(search_results_model, custom);

        search_results.hide();

        with (search_results) {

          set({ left:0, top:0, right:0, bottom: 10, width:"95%", height:"90%", border:"inset-thin" });

          //setMetaColumnCounts([1, -1]);

          getSelectionModel().setSelectionMode(qx.ui.table.selection.Model.SINGLE_SELECTION);

          setColumnVisibilityButtonVisible(false);

          setStatusBarVisible(false);

          var tcm = search_results.getTableColumnModel();

          var resizeBehavior = tcm.getBehavior();

          // This uses the set() method to set all attriutes at once; uses flex

          resizeBehavior.set(0, { width:"1*", minWidth:40, maxWidth:180  });

          resizeBehavior.set(1, { width:"1*", minWidth:40, maxWidth:180  });

          //// We could also set them individually:

          ////resizeBehavior.setWidth(1, "50%");

          ////resizeBehavior.setMinWidth(1, 100);

          ////resizeBehavior.setMaxWidth(1, 320);

        };

        w_search_v.add(search_results);

        //search_results.setLocation(10, 40);

        function _searchResultsUpdater(host,graph,glass) {

          var url = urls.searchHostAndGraph;

          if (host && graph) {

            url = url+"?host="+host+"&graph="+graph

          } else if (host) {

            url = url+"?host="+host;

          } else if (graph) {

            url = url+"?graph="+graph;

          } else if (glass) {

            url = url+"?graph=*";

          }

          search_results_model.setData([]);

          var g=new qx.io.remote.Request(url,"GET","application/json");

          g.addEventListener("completed", function(e) {

            var rowData = [];

            r=e.getContent().items;

            for(var i=0,l=r.length ; i<l ; i++) // does not work in IE with "for (i in r)"

            {

              rowData.push(r[i]);

            }

            search_results_model.setData(rowData);

            search_results.show();

            //qx.log.Logger.ROOT_LOGGER.debug(rowData);

          });

          g.send();

        }

        function _chooseInCombos(host, host_main_group, host_sec_group, graph, graph_group) {

          function _selectItem(o, item) {

            var c_list = o.getList();

            var c_item = c_list.findStringExact(item);

            if (c_item) {

              o.setSelected(c_item);

            }

          }

          combo1.addEventListener("changeEnabled", function(e) {

            if (e.getValue() == true) {

              e.getTarget().removeEventListener("changeEnabled", arguments.callee);

              _selectItem(e.getTarget(), host_main_group);

            }

          });

          combo2.addEventListener("changeEnabled", function(e) {

            if (e.getValue() == true) {

              e.getTarget().removeEventListener("changeEnabled", arguments.callee);

              _selectItem(e.getTarget(), host_sec_group);

            }

          });

          combo3.addEventListener("changeEnabled", function(e) {

            if (e.getValue() == true) {

              e.getTarget().removeEventListener("changeEnabled", arguments.callee);

              _selectItem(e.getTarget(), host);

            }

          });

          if ((graph) && (graph_group)) {

            combo4.addEventListener("changeEnabled", function(e) {

              if (e.getValue() == true) {

                e.getTarget().removeEventListener("changeEnabled", arguments.callee);

                _selectItem(e.getTarget(), graph_group);

              }

            });

            combo5.addEventListener("changeEnabled", function(e) {

              if (e.getValue() == true) {

                e.getTarget().removeEventListener("changeEnabled", arguments.callee);

                _selectItem(e.getTarget(), graph);

              }

            });

          }

          _updateServerGroupList();

        }

        function _selectHostAndGraph(host, graph, mainObj)

        {

          var url = urls.selectHostAndGraph;

          if (host && graph) {

            url = url+"?host="+host+"&graph="+graph

          } else if (host) {

            url = url+"?host="+host

          } else if (graph) {

            url = url+"?graph="+graph

          }

          var g=new qx.io.remote.Request(url,"GET","application/json");

          g.addEventListener("completed", function(e) {

            r=e.getContent().items;

            /// @XXX pour le moment, on suppose qu'il y a 2 SupItemGroup

            /// dans la réponse. A terme, on devrait pouvoir en avoir plus.

            /// De même, on suppose qu'il n'y a qu'un seul GraphGroup à

            /// sélectionner. Une évolution consisterait à en avoir plus.

            var host_main_group = r[0][0];

            var host_sec_group = r[0][1];

            if (!r[1].length) {

              _chooseInCombos(host, host_main_group, host_sec_group, null, null);

            }

            else {

              var graph_group = r[1][0];

              _chooseInCombos(host, host_main_group, host_sec_group, graph, graph_group);

              mainObj.openGraph(host, graph, null, null, true);

            }

            //qx.log.Logger.ROOT_LOGGER.debug(rowData);

          });

          g.send();

        }

        // On selection, update the Host Picker and close the search window

        search_results.addEventListener("cellClick", function(e) {

          var row = e.getRow();

          var col = e.getColumn();

          var value_host = search_results_model.getValue(0, row);

          var value_graph = search_results_model.getValue(1, row);

          if (!value_graph) {

            _selectHostAndGraph(value_host, null, this);

          } else {

            _selectHostAndGraph(value_host, value_graph, this);

          }

        }, this);

        // Give keyboard focus to the search field

        search_host.addEventListener("appear", function(e)

        {

          this.getInputElement().focus();

        }, search_host);

        // Submit events

        search_host.addEventListener("keydown", function(e) {

          if (e.getKeyIdentifier() == "Enter") {

            _searchResultsUpdater(search_host.getValue(), search_graph.getValue(), false);

          }

        });

        search_host.addEventListener("changeValue", function(e) {

          _searchResultsUpdater(search_host.getValue(), search_graph.getValue(), false);

        });

        search_graph.addEventListener("keydown", function(e) {

          if (e.getKeyIdentifier() == "Enter") {

            _searchResultsUpdater(search_host.getValue(), search_graph.getValue(), false);

          }

        });

        search_graph.addEventListener("changeValue", function(e) {

          _searchResultsUpdater(search_host.getValue(), search_graph.getValue(), false);

        });

        // Submit button

        search_button.addEventListener("execute",function(e) {

          _searchResultsUpdater(search_host.getValue(), search_graph.getValue(), true);

        });

        w_search.open();

        w_search.setTop(w1.getTop());document.body.outerHTML

        w_search.setLeft(qx.html.Location.getPageBoxRight(w1.getElement()));

        // centerToBrowser does not work on window objects (breaks the buttons in the title bar)

        //w_search.centerToBrowser()

      }, this);

      // end of b1

      //////////////////////////////////////

      gl.add(combo1, 1, 0);

      gl.add(combo2, 1, 1);

      gl.add(combo3, 1, 2);

      gl.add(combo4, 1, 3);

      gl.add(combo5, 1, 4);

      w1.add(gl);

      w1.open();

      w1.addToDocument();

      function _genericListUpdater(url,combobox)

      {

        var g=new qx.io.remote.Request(url,"GET","application/json");

        g.addEventListener("completed", function(e) {

          qx.log.Logger.ROOT_LOGGER.debug("AJAX call completed: "+url);

          combobox.setEnabled(false);

          combobox.getList().removeAll();

          r=e.getContent().items;

          for(var i = 0 ; i < r.length ; i++) // does not work in IE with "for (i in r)"

          {

            //var label = r[i][0];

            //var id = r[i][1];

            combobox.add(new qx.ui.form.ListItem(r[i][0], null, r[i][1]));

          }

          combobox.setSelected(null);

          combobox.setEnabled(true);

        });

        g.send();

      }

      function _updateServerGroupList()

      {

        _genericListUpdater(urls.maingroups,combo1);

        combo2.getList().removeAll();

        combo2.setSelected(null);

        combo3.getList().removeAll();

        combo3.setSelected(null);

        combo4.getList().removeAll();

        combo4.setSelected(null);

        combo5.getList().removeAll();

        combo5.setSelected(null);

        b3.setEnabled(false);

        b5.setEnabled(false);

        r2.setEnabled(false);

        r3.setEnabled(false);

        r4.setEnabled(false);

        r5.setEnabled(false);

      }

      function _updateHostGroupList(maingroupid)

      {

        _genericListUpdater(urls.hostgroups+"?maingroupid="+maingroupid,combo2);

        combo3.getList().removeAll();

        combo3.setSelected(null);

        combo4.getList().removeAll();

        combo4.setSelected(null);

        combo5.getList().removeAll();

        combo5.setSelected(null);

        b3.setEnabled(false);

        b5.setEnabled(false);

        r2.setEnabled(true);

        r3.setEnabled(false);

        r4.setEnabled(false);

        r5.setEnabled(false);

      }

      function _updateHostList(othergroupid)

      {

        _genericListUpdater(urls.hosts+"?othergroupid="+othergroupid,combo3);

        combo4.getList().removeAll();

        combo4.setSelected(null);

        combo5.getList().removeAll();

        combo5.setSelected(null);

        b3.setEnabled(false);

        b5.setEnabled(false);

        r3.setEnabled(true);

        r4.setEnabled(false);

        r5.setEnabled(false);

      }

      function _updateGraphGroupList(idhost)

      {

        _genericListUpdater(urls.graphgroups+"?idhost="+idhost,combo4);

        combo5.getList().removeAll();

        combo5.setSelected(null);

        r4.setEnabled(true);

        r5.setEnabled(false);

        b5.setEnabled(false);

      }

      function _updateGraphList(idhost, idgraphgroup)

      {

        _genericListUpdater(urls.graphs+"?idgraphgroup="+idgraphgroup+"&idhost="+idhost,combo5);

        r5.setEnabled(true);

        b5.setEnabled(false);

      }

      combo1.addEventListener("changeSelected", function(e) { if(e.getValue()) _updateHostGroupList(e.getValue().getValue()); });

      combo2.addEventListener("changeSelected", function(e) { if(e.getValue()) _updateHostList(e.getValue().getValue()); });

      combo3.addEventListener("changeSelected", function(e) { if(e.getValue()) { b3.setEnabled(true);_updateGraphGroupList(e.getValue().getValue());} });

      combo4.addEventListener("changeSelected", function(e) { if(e.getValue()) { _updateGraphList(combo3.getSelected().getValue(),e.getValue().getValue());} });

      //combo4.addEventListener("changeSelected", function(e) { if(e.getValue()) { _updateGraphList(combo3.getSelected().getLabel(),e.getValue().getLabel());} });

      combo5.addEventListener("changeSelected", function(e) { if(e.getValue()) b5.setEnabled(true); });

      r1.addEventListener("execute",function(e) { _updateServerGroupList();});

      r2.addEventListener("execute",function(e) { _updateHostGroupList(combo1.getSelected().getValue());});

      r3.addEventListener("execute",function(e) { _updateHostList(combo2.getSelected().getValue());});

      r4.addEventListener("execute",function(e) { _updateGraphGroupList(combo3.getSelected().getValue());});

      r5.addEventListener("execute",function(e) { _updateGraphList(combo3.getSelected().getValue(),combo4.getSelected().getValue());});

      // Restore previously opened windows

      var state = qx.client.History.getInstance().getState();

      qx.log.Logger.ROOT_LOGGER.debug("state: "+state);

      if (state != "") {

        var windows;

        if (state.match(/\+/)) { // More than one windows opened

          windows = state.split(/\+/);

        } else {

          windows = new Array(state);

        }

        for (var i=0, l=windows.length; i<l; i++) {

          var item = windows[i];

          if (!item.match(/;/)) { qx.log.Logger.ROOT_LOGGER.debug("skipping graph: "+item); continue; }

          var item_a = item.split(/;/);

          var host, graph, left, top;

          host = item_a[0];

          graph = decodeURIComponent(item_a[1]);

          wleft = item_a[2];

          wtop = item_a[3];

          qx.log.Logger.ROOT_LOGGER.debug("restoring graph: "+host+";"+graph+";"+wleft+";"+wtop);

          this.openGraph(host, graph, wleft, wtop, false);

        }

      }

    },

    /**

     * Graph-opening function

     *

     * @type member

     */

    openGraph: function(host, graph, wleft, wtop, add_to_history)

    {

      //  position - sauvegarde valeurs courantes

      var wleft_c = wleft;

      var wtop_c = wtop;

      var url;

      var start;

      var duration;

      var fakeIncr=0;

      // Create UI elements

      var ellipse_host;

      if (host.length > 35)

        ellipse_host = host.substring(0, 15) + '(...)' + host.substring(host.length - 15, host.length);

      else

        ellipse_host = host;

      var w=new qx.ui.window.Window(this.tr("Graph for \"%1\" on \"%2\"", graph, ellipse_host),

        "icon/16/apps/accessories-time-tracking.png");

      var l=new qx.ui.layout.FlowLayout;

      l.set({"paddingTop": 26 });

      var l2=new qx.ui.layout.HorizontalBoxLayout;

      var bt_refresh=new qx.ui.form.Button("","icon/16/actions/view-refresh.png");

      bt_refresh.setToolTip(new qx.ui.popup.ToolTip(this.tr("Reload graph")));

      bt_refresh.setBorder("outset");

      // Timeframe menu

      var time_menu = new qx.ui.menu.Menu();

      var timeframes = [

        [12, this.tr("Last 12 hours")],

        [24, this.tr("Last 24 hours")],

        [48, this.tr("Last 48 hours")],

        [7*24, this.tr("Last 7 days")],

        [14*24, this.tr("Last 14 days")],

        [3*31*24, this.tr("Last 3 months")],

        [183*24, this.tr("Last 6 months")],

        [365*24, this.tr("Last year")]

      ];

      for (var i = 0, item; item = timeframes[i]; i++) {

          var menu_bt = new qx.ui.menu.Button(item[1]);

          menu_bt.title = item[0]

          menu_bt.addEventListener("execute",function(e) { setTail(this.title); });

          time_menu.add(menu_bt);

      }

      time_menu.addToDocument();

      var time_menu_bt = new qx.ui.form.Button(this.tr("Timeframe"),"icon/16/actions/history.png");

      time_menu_bt.setToolTip(new qx.ui.popup.ToolTip(this.tr("Timeframe menu")));

      // Browse buttons

      var bt_first=new qx.ui.form.Button("","icon/16/actions/start.png");

      bt_first.setToolTip(new qx.ui.popup.ToolTip(this.tr("Graph start")));

      var bt_prev=new qx.ui.form.Button("","icon/16/actions/go-previous.png");

      bt_prev.setToolTip(new qx.ui.popup.ToolTip(this.tr("Previous section")));

      var bt_next=new qx.ui.form.Button("","icon/16/actions/go-next.png");

      bt_next.setToolTip(new qx.ui.popup.ToolTip(this.tr("Next section")));

      var bt_last=new qx.ui.form.Button("","icon/16/actions/dialog-finish.png");

      bt_last.setToolTip(new qx.ui.popup.ToolTip(this.tr("Graph end")));

      var bt_zoomin=new qx.ui.form.Button("","icon/16/actions/zoom-in.png");

      bt_zoomin.setToolTip(new qx.ui.popup.ToolTip(this.tr("Zoom in")));

      var bt_zoomout=new qx.ui.form.Button("","icon/16/actions/zoom-out.png");

      bt_zoomout.setToolTip(new qx.ui.popup.ToolTip(this.tr("Zoom out")));

      var bt_print=new qx.ui.form.Button("","icon/16/actions/document-print.png");

      bt_print.setToolTip(new qx.ui.popup.ToolTip(this.tr("Print Graph")));

      var h1=new qx.ui.layout.HorizontalBoxLayout;

      // Export Menu

      var indicator_menu = new qx.ui.menu.Menu();

      indicator_menu.addToDocument();

      var indicator_menu_bt = new qx.ui.form.Button(this.tr("Export CSV"),"icon/16/actions/document-export.png");

      indicator_menu_bt.setToolTip(new qx.ui.popup.ToolTip(this.tr("Export CSV")));

      w.setDimension("auto", "auto");

      w.setShowMinimize(false);

      w.setShowMaximize(false);

      w.setResizable(false, false, false, false);

      function setUrl(start,duration)

      {

        url= urls.getImage+"/"+encodeURIComponent(host)+"/graph.png?start="+start+"&duration="+duration+"&graphtemplate="+encodeURIComponent(graph)+"&host="+encodeURIComponent(host);

        qx.log.Logger.ROOT_LOGGER.debug(url);

      }

      function loadImage(myUrl,o)

      {

        o.removeAll();

        var img = new qx.ui.basic.Image(myUrl);

        img.addEventListener("insertDom", function(e) {

            // Attention, la classe va être appliquée au div entourant l'image

            e.getTarget().getElement().className = "graph";

        });

        o.add(img);

      }

      function getTime() // we use a function because the window can be opened a long time without reloading

      {

        var now_obj = new Date();

        return parseInt(now_obj.getTime() / 1000);

      }

      function updateGraphOnStartTime()

      {

        var url= urls.getStartTime+"/"+encodeURIComponent(host)+"/starttime?host="+encodeURIComponent(host);

        var g=new qx.io.remote.Request(url,"GET","application/json");

        g.addEventListener("completed", function(e) {

          start = parseInt(e.getContent().starttime);

          setStep(start);

          bt_first.setEnabled(false);

          bt_prev.setEnabled(false);

        });

        g.send();

      }

      function getIndexWindow (cdi, w)

      {

        // var cdi = qx.ui.core.ClientDocument.getInstance();

        var index_l = -1;

        if (cdi)

        {

          var nb = cdi.getChildren().length;

          for (i = 0; i < nb; i++)

          {

            var c_l = cdi.getChildren()[i];

            if (c_l)

            {

              if (c_l.name == "qx.ui.window.Window")

              {

                caption_l = c_l.getCaption();

                if (c_l == w)

                {

                  index_l = i;

                }

              }

            }

          }

        }

        return index_l;

      }

      // timer pour rafraichissement

      var delay = 5*60*1000;

      var t = undefined;

      function tempoFireRefresh()

      {

        t = setTimeout(tempoFallRefresh, delay);

      }

      function tempoFallRefresh()

      {

        var now = getTime();

        start = now - 24 * 3600;

        duration = 24 * 3600;

        setUrl(start, duration);

        loadImage(url,l);

        bt_first.setEnabled(true);

        bt_prev.setEnabled(true);

        bt_next.setEnabled(true);

        bt_last.setEnabled(true);

        bt_zoomin.setEnabled(true);

        bt_zoomout.setEnabled(true);

        // rafraichissement periodique

        tempoFireRefresh();

      }

      function tempoClearRefresh()

      {

        if (t != undefined)

        {

          clearTimeout(t);

        }

      }

      function tempoDelayRefresh()

      {

        var url= urls.tempoDelayRefresh;

        var r = new qx.io.remote.Request(url,"GET","text/plain");

        r.addEventListener("completed", function(e) {

          delay = e.getContent() * 1000;

        });

        r.send();

      }

      function getIndicators(host, graph)

      {

        function addExportButton(label, ds) {

          var menu_bt = new qx.ui.menu.Button(label);

          menu_bt.title = label

          menu_bt.addEventListener("execute",function(e) { getExport(ds); });

          indicator_menu.add(menu_bt);

        }

        var url= urls.getIndicators+"?host="+host+"&graph="+graph;

        var r = new qx.io.remote.Request(url,"GET","application/json");

        r.addEventListener("completed", function(e) {

          r = e.getContent().items;

          for(var i = 0; i < r.length; i++)

          {

            // on pourrait vouloir traduire les indicateurs un jour, donc deux arguments...

            addExportButton(r[i], r[i]);

          }

          addExportButton(this.tr("All"), null);

        });

        r.send();

      }

      // Default

      var now = getTime();

      start = now - 24 * 3600;

      duration = 24 * 3600;

      setUrl(start, duration);

      loadImage(url,l);

      getIndicators(host, graph);

      // Events

      tempoDelayRefresh();

      bt_refresh.addEventListener("execute",function(e) {

        var state = "activated";

        if (bt_refresh.hasState(state))

        {

          // bouton actif -> on le rend desactif

          bt_refresh.setBorder("outset");

          bt_refresh.removeState(state);

          // liberation timer

          tempoClearRefresh();

        }

        else

        {

          // bouton desactif -> on le rend actif

          bt_refresh.setBorder("inset");

          bt_refresh.addState(state);

          loadImage(url,l);

          // armement timer pour rafraichissement periodique

          tempoFireRefresh();

        }

      });

      bt_print.addEventListener("execute",function(e) {

        var w3 = undefined;

        var win = e.getTarget().getElement().parentNode.parentNode.parentNode;

        var images = win.getElementsByTagName("img");

        var src = null;

        for (var i=0 ; i < images.length ; i++) {

          if (images[i].parentNode.className != "graph") {

            continue;

          }

          src = images[i].src

        }

        var print_url = urls.graphsList + "?1=" + encodeURIComponent(src);

        w3 = window.open(print_url);

        w3.onload = function(){

          w3.print();

        }

      });

      time_menu_bt.addEventListener("click", function(e)

      {

        if ( time_menu.isSeeable() )

        {

          time_menu.hide();

        }

        else

        {

          var el = this.getElement();

          time_menu.setLeft(qx.html.Location.getPageBoxLeft(el));

          time_menu.setTop(qx.html.Location.getPageBoxBottom(el));

          time_menu.show();

        }

        e.setPropagationStopped(true);

      });

      time_menu_bt.addEventListener("mousedown", function(e) { e.setPropagationStopped(true); });

      function setTail(hours)

      {

        now = getTime();

        start=now-hours*3600;

        duration=hours*3600;

        setUrl(start,duration);

        loadImage(url,l);

        bt_first.setEnabled(true);

        bt_prev.setEnabled(true);

        bt_zoomin.setEnabled(true);

        bt_zoomout.setEnabled(true);

      }

      function setStep(start_ts)

      {

        start = start_ts;

        setUrl(start, duration);

        loadImage(url,l);

        bt_first.setEnabled(true);

        bt_prev.setEnabled(true);

        bt_next.setEnabled(true);

        bt_last.setEnabled(true);

        bt_zoomin.setEnabled(true);

        bt_zoomout.setEnabled(true);

      }

      bt_first.addEventListener("execute", function(e) { updateGraphOnStartTime() });

      bt_prev.addEventListener("execute", function(e) { setStep(start-duration); });

      bt_next.addEventListener("execute", function(e) { setStep(start+duration); });

      bt_last.addEventListener("execute", function(e) {

        now = getTime();

        setStep(now-duration);

      });

      bt_zoomin.addEventListener("execute", function(e) { duration = duration / 2; setStep(start+duration/2); });

      bt_zoomout.addEventListener("execute", function(e) {

        start = start - duration / 2;

        duration = duration * 2;

        setStep(start);

      });

      indicator_menu_bt.addEventListener("click", function(e)

      {

        if ( indicator_menu.isSeeable() )

        {

          indicator_menu.hide();

        }

        else

        {

          var el = this.getElement();

          indicator_menu.setLeft(qx.html.Location.getPageBoxLeft(el));

          indicator_menu.setTop(qx.html.Location.getPageBoxBottom(el));

          indicator_menu.show();

        }

        e.setPropagationStopped(true);

      });

      indicator_menu_bt.addEventListener("mousedown", function(e) { e.setPropagationStopped(true); });

      function getExport(indicator)

      {

        var w4 = undefined;

        if (indicator != "")

        {

          var end = start + duration;

          // @XXX: puisqu'on exporte soit tout le graphe soit un indicateur à

          // la fois, on ne devrait pas avoir besoin de fournir le

          // graphtemplate si on spécifie un ds.

          var url= urls.exportCSV+"/"+encodeURIComponent(host)+"/export.csv?"

                    +"host="+encodeURIComponent(host)

                    +"&graphtemplate="+encodeURIComponent(graph)

                    +"&start="+start+"&end="+end;

          if (indicator) {

            url += "&ds="+encodeURIComponent(indicator);

          }

          w4 = window.open(url);

          w4.onload = function(){

          }

        }

      }

      // Setup the UI

      h1.add(bt_refresh);

      h1.add(time_menu_bt);

      h1.add(bt_first);

      h1.add(bt_prev);

      h1.add(bt_next);

      h1.add(bt_last);

      h1.add(bt_zoomin);

      h1.add(bt_zoomout);

      h1.add(indicator_menu_bt);

      h1.add(bt_print);

      h1.pack();

      l2.add(l);

      l2.add(h1);

      w.add(l2);

      w.addEventListener("appear", function(e) {

        wleft_c = this.getLeft();

        wtop_c = this.getTop();

      });

      w.addEventListener("disappear", function(e) {

        var state = qx.client.History.getInstance().getState();

        // parametres courants

        var cp = host+";"+encodeURIComponent(graph)+";"+wleft_c+";"+wtop_c+"+";

        var pos = state.indexOf(cp);

        if (pos >= 0)

        {

          // actualisation etat

          var state = state.replace(cp, "");

          qx.client.History.getInstance().addToHistory(state, "VigiGraph");

        }

        // pour rafraichissement

        var index_l = -1;

        var cdi = qx.ui.core.ClientDocument.getInstance();

        index_l = getIndexWindow(cdi, w);

        if (index_l != -1)

        {

          // suppression element courant

          c_l = cdi.getChildren()[index_l];

          cdi.remove(c_l);

        }

      });

      w._captionBar.addEventListener("mouseup", function(e) {

        var state = qx.client.History.getInstance().getState();

        var wleft = this.getLeft();

        var wtop = this.getTop();

        // parametres courants et actuels

        var cp = host+";"+encodeURIComponent(graph)+";"+wleft_c+";"+wtop_c+"+";

        var ap = host+";"+encodeURIComponent(graph)+";"+wleft+";"+wtop+"+";

        var pos = state.indexOf(cp);

        if (pos >= 0)

        {

          // actualisation etat

          var state = state.replace(cp, ap);

          qx.client.History.getInstance().addToHistory(state, "VigiGraph");

          wleft_c = wleft;

          wtop_c = wtop;

        }

      }, w);

      w.addToDocument();

      w.open();

      wleft = parseInt(wleft);

      wtop = parseInt(wtop);

      if (wleft) {

        w.setLeft(wleft);

      } else {

        // w.setRight() makes the close button fixed on the page even if you move the window

        w.setLeft(qx.ui.core.ClientDocument.getInstance().getClientWidth() - 600);

      }

      if (wtop) {

        w.setTop(wtop);

      } else {

        w.setTop(5);

      }

      // Add to history if we are opening a new window (not on restore)

      if (add_to_history) {

        var state = qx.client.History.getInstance().getState();

        var wleft = w.getLeft();

        if (!wleft) { wleft = 0; }

        var wtop = w.getTop();

        if (!wtop) { wtop = 0; }

        state += host+";"+encodeURIComponent(graph)+";"+wleft+";"+wtop+"+";

        qx.client.History.getInstance().addToHistory(state, "VigiGraph");

        qx.log.Logger.ROOT_LOGGER.debug("state: "+state);

      }

    },

    /**

     * On window close (verbatim from qooxdoo's skeleton)

     *

     * @type member

     */

    close : function()

    {

      this.base(arguments);

      // Prompt user

      // return "Do you really want to close the application?";

    },

    /**

     * Destructor (verbatim from qooxdoo's skeleton)

     *

     * @type member

     */

    terminate : function() {

      this.base(arguments);

    }

  },

  /*

  *****************************************************************************

     SETTINGS

  *****************************************************************************

  */

  settings : {

    "vigigraph.resourceUri" : "./resource"

  }

});

// vim: set tabstop=2 shiftwidth=2 expandtab :

/* ************************************************************************

   Vigigraph User Interface

   Copyright: 2007-2009 CS-SI <http://www.c-s.fr>

   License: GPLv2+

   Authors: Arnaud MAZIN <arnaud.mazin@c-s.fr>

            Aurelien BOMPARD <aurelien.bompard@c-s.fr>

            Thomas BURGUIERE <thomas.burguiere@c-s.fr>

   This program is free software; you can redistribute it and/or modify

   it under the terms of the GNU General Public License as published by

   the Free Software Foundation; either version 2 of the License, or

   (at your option) any later version.

   This program is distributed in the hope that it will be useful,

   but WITHOUT ANY WARRANTY; without even the implied warranty of

   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License

   along with this program; if not, write to the Free Software

   Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.

************************************************************************ */

qx.Theme.define("vigigraph.theme.Vigilo",

{

  title : "Vigilo",

//  extend : qx.theme.ClassicRoyale,

  meta :

  {

    //color : qx.theme.classic.color.Royale,

    color : vigigraph.theme.vigilo.Colors,

    border : qx.theme.classic.Border,

    font : qx.theme.classic.font.Default,

    widget : qx.theme.classic.Widget,

    //appearance : qx.theme.classic.Appearance,

    appearance : vigigraph.theme.vigilo.Appearance,

    icon : qx.theme.icon.Nuvola

  }

});

// vim: set tabstop=2 shiftwidth=2 expandtab :

/* ************************************************************************

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:

     2004-2007 1&1 Internet AG, Germany, http://www.1and1.org

   License:

     LGPL: http://www.gnu.org/licenses/lgpl.html

     EPL: http://www.eclipse.org/org/documents/epl-v10.php

     See the LICENSE file in the project's top-level directory for details.

   Authors:

     * Sebastian Werner (wpbasti)

     * Andreas Ecker (ecker)

************************************************************************ */

/**

 * Vigilo color theme

 */

qx.Theme.define("vigigraph.theme.vigilo.Appearance",

{

  title : "Vigilo Appearance",

  extend: qx.theme.classic.Appearance,

  appearances:

  {

    "client-document":

    {

      base: true,

      style: function(states)

      {

        return {

          backgroundColor : "vigilobg"

        };

      }

    }

  }

});

// vim: set tabstop=2 shiftwidth=2 expandtab :

/* ************************************************************************

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:

     2004-2007 1&1 Internet AG, Germany, http://www.1and1.org

   License:

     LGPL: http://www.gnu.org/licenses/lgpl.html

     EPL: http://www.eclipse.org/org/documents/epl-v10.php

     See the LICENSE file in the project's top-level directory for details.

   Authors:

     * Sebastian Werner (wpbasti)

     * Andreas Ecker (ecker)

************************************************************************ */

/**

 * Vigilo color theme

 */

qx.Theme.define("vigigraph.theme.vigilo.Colors",

{

  title : "Vigilo Colors",

  extend: qx.theme.classic.color.Royale,

  colors : {

    "vigilobg" : [ 0xc3, 0xc7, 0xd3 ]

  }

});

// vim: set tabstop=2 shiftwidth=2 expandtab :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

      xmlns:py="http://genshi.edgewall.org/"

      xmlns:xi="http://www.w3.org/2001/XInclude">

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Loading VigiGraph...</title>

    <!-- <script type="text/javascript" src="js/vigigraph.js"></script>-->

    <script type="text/javascript" src="script/vigigraph.js"></script>

    <!-- <link rel="search" type="application/opensearchdescription+xml" title="Vigigraph search" href="Vigigraph.py/getOpenSearch"/> -->

    <style type="text/css"><!--@import url(/css/style.css); --></style>

  </head>

  <body>

      <div class="header"><style type="text/css"><!--@import url(/css/tmpl.default.css); --></style>

      <table class="header_table">

          <tr>

              <td class="logo">

                  <a href="/">

                      <img class="logo" src="/images/red15-logo-vigilo.png" alt="Vigilo"/>

                  </a> v2.0

              </td>

          </tr>

      </table>

      </div>

  </body>

</html>

# Language C translations for VigiGraph.

# Copyright (C) 2010 CS-SI <http://www.c-s.fr>

# This file is distributed under the same license as the VigiGraph package.

# Automatically generated, 2010.

#

msgid ""

msgstr ""

"Project-Id-Version: VigiGraph 1.0\n"

"Report-Msgid-Bugs-To: \n"

"POT-Creation-Date: 2010-09-01 09:42+0200\n"

"PO-Revision-Date: 2007-12-06 16:03+0100\n"

"Last-Translator: Automatically generated\n"

"Language-Team: none\n"

"MIME-Version: 1.0\n"

"Content-Type: text/plain; charset=ASCII\n"

"Content-Transfer-Encoding: 8bit\n"

#: source/class/vigigraph/Application.js:90

msgid "Host Picker"

msgstr "Host Picker"

#: source/class/vigigraph/Application.js:118

msgid "Main Group"

msgstr "Main Group"

#: source/class/vigigraph/Application.js:119

msgid "Host Group"

msgstr "Host Group"

#: source/class/vigigraph/Application.js:120

msgid "Host Name"

msgstr "Host Name"

#: source/class/vigigraph/Application.js:121

msgid "Graph Group"

msgstr "Graph Group"

#: source/class/vigigraph/Application.js:122

msgid "Graph Name"

msgstr "Graph Name"

#: source/class/vigigraph/Application.js:131

#: source/class/vigigraph/Application.js:133

#: source/class/vigigraph/Application.js:135

#: source/class/vigigraph/Application.js:137

#: source/class/vigigraph/Application.js:139

msgid "Refresh"

msgstr "Refresh"

#: source/class/vigigraph/Application.js:142

#: source/class/vigigraph/Application.js:235

msgid "Search"

msgstr "Search"

#: source/class/vigigraph/Application.js:144

msgid "Show Nagios page"

msgstr "Show Nagios page"

#: source/class/vigigraph/Application.js:147

msgid "Show graph"

msgstr "Show graph"

#: source/class/vigigraph/Application.js:252

msgid "Host:"

msgstr "Host:"

#: source/class/vigigraph/Application.js:258

msgid "Search for a host (\"*\" for all, 100 max)"

msgstr "Search for a host (\"*\" for all, 100 max)"

#: source/class/vigigraph/Application.js:259

msgid "Graph:"

msgstr "Graph:"

#: source/class/vigigraph/Application.js:265

msgid "Search for a graph (\"*\" for all, 100 max)"

msgstr "Search for a graph (\"*\" for all, 100 max)"

#: source/class/vigigraph/Application.js:271

msgid "Graph"

msgstr "Graph"

#: source/class/vigigraph/Application.js:271

msgid "Host"

msgstr "Host"

#: source/class/vigigraph/Application.js:605

msgid "Graph for \"%1\" on \"%2\""

msgstr "Graph for \"%1\" on \"%2\""

#: source/class/vigigraph/Application.js:611

msgid "Reload graph"

msgstr "Reload graph"