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

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2004-2008 1&1 Internet AG, Germany, http://www.1und1.de

   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:
     * Fabian Jakobs (fjakobs)

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

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

#asset(qx/icon/${qx.icontheme}/16/actions/dialog-ok.png)
#asset(qx/icon/${qx.icontheme}/16/actions/dialog-cancel.png)

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


/**
 * Table using the ConditionalDataCellRenderer to display values in different
 * ranges using varying colors; and the ImageDataCellRenderer to display
 * varying images.
 *
 * @tag noPlayground
 */
qx.Class.define("demobrowser.demo.table.Table_Conditional",
{
  extend : demobrowser.demo.table.TableDemo,

  members :
  {
    getCaption : function() {
      return "Table using conditional cell renderer";
    },


    createTable : function()
    {
      // table model
      var tableModel = new qx.ui.table.model.Simple();
      tableModel.setColumns([ "ID", "Number 1", "Number 2", "Image" ]);

      var image = [
       "icon/16/actions/dialog-ok.png",
       "icon/16/actions/dialog-cancel.png"
      ];

      var rowData = [];
      for (var row = 0; row < 100; row++) {
        var x = Math.random() * 1000;
        rowData.push([ row, x, x, image[Math.floor(x) % 2] ]);
      }
      tableModel.setData(rowData);
      tableModel.setColumnEditable(1, true);
      tableModel.setColumnEditable(2, true);

      // table
      var table = new qx.ui.table.Table(tableModel);

      table.setMetaColumnCounts([1, -1]);
      var selectionMode = qx.ui.table.selection.Model.MULTIPLE_INTERVAL_SELECTION;
      table.getSelectionModel().setSelectionMode(selectionMode);

      var newRenderer = new qx.ui.table.cellrenderer.Conditional("right", "", "", "");
      newRenderer.addNumericCondition(">", 0,   null, "#FF0000", null, null);
      newRenderer.addNumericCondition(">", 50,  null, "#EE0011", null, null);
      newRenderer.addNumericCondition(">", 100, null, "#DD0022", null, null);
      newRenderer.addNumericCondition(">", 150, null, "#CC0033", null, null);
      newRenderer.addNumericCondition(">", 200, null, "#BB0044", null, null);
      newRenderer.addNumericCondition(">", 250, null, "#AA0055", null, null);
      newRenderer.addNumericCondition(">", 300, null, "#990066", null, null);
      newRenderer.addNumericCondition(">", 350, null, "#880077", null, null);
      newRenderer.addNumericCondition(">", 400, null, "#770088", null, null);
      newRenderer.addNumericCondition(">", 450, null, "#660099", null, null);
      newRenderer.addNumericCondition(">", 500, null, "#5500AA", null, null);
      newRenderer.addNumericCondition(">", 550, null, "#4400BB", null, null);
      newRenderer.addNumericCondition(">", 600, null, "#3300CC", null, null);
      newRenderer.addNumericCondition(">", 650, null, "#2200DD", null, null);
      newRenderer.addNumericCondition(">", 700, null, "#1100EE", null, null);
      newRenderer.addNumericCondition(">", 750, null, "#0000FF", null, null);
      newRenderer.addNumericCondition(">", 800, null, "#0033FF", null, null);
      newRenderer.addNumericCondition(">", 850, null, "#0066FF", null, null);
      newRenderer.addNumericCondition(">", 900, null, "#0099FF", null, null);
      newRenderer.addNumericCondition(">", 950, "center", "#00CCFF", null, "bold");
      table.getTableColumnModel().setDataCellRenderer(2, newRenderer);

      var renderer = new qx.ui.table.cellrenderer.Image();
      table.getTableColumnModel().setDataCellRenderer(3, renderer);

      return table;
    }
  }
});