Show:

File: ia\ui\TableTools.js

  1. /**
  2.  * <code>ia.TableTools</code> is a set of table tools that can be attached to a table.
  3.  *
  4.  * @author J Clare
  5.  * @class ia.TableTools
  6.  * @constructor
  7.  * @param {ia.DataGroup} dataGroup The associated data group.
  8.  * @param {ia.InteractionGroup} interactionGroup The associated interaction group.
  9.  */
  10. ia.TableTools = function(dataGroup, interactionGroup)
  11. {	
  12. 	var me = this;
  13.  
  14. 	me._clearBtn = undefined;
  15. 	me._filterBtn = undefined;
  16. 	me._interactionGroup = interactionGroup;
  17. 	me._dataGroup = dataGroup;
  18.  
  19. 	// Calculated border radius.
  20. 	me._borderRadius = 0;
  21. 	
  22. 	// Calculated border-radius for elements inside panels.
  23. 	me._borderRadius = parseInt($j(".ia-panel").css("border-top-left-radius")) - 1;
  24. 	if (me._borderRadius < 0) me._borderRadius = 0;
  25.  
  26. 	// Create the container element.
  27. 	me.container = $j('<div class="ia-table-toolbar"></div>');
  28. 	me.container.css("border-bottom-left-radius", me._borderRadius+"px");
  29. 	me.container.css("border-bottom-right-radius", me._borderRadius+"px");
  30.  
  31. 	// Listen for the selection changing.
  32. 	interactionGroup.addEventListener(ia.InteractionEvent.SELECTION_CHANGED, this._updateToolbar.bind(this));
  33.  
  34. 	// Listen for the filter changing.
  35. 	dataGroup.addEventListener(ia.FilterEvent.FILTER_CHANGED, this._updateToolbar.bind(this));
  36. };
  37.  
  38. /** 
  39.  * Updates the tool bar.
  40.  * 
  41.  * @property updateToolbar
  42.  * @private
  43.  */
  44. ia.TableTools.prototype._updateToolbar = function() 
  45. {
  46. 	if (this._interactionGroup.getSelection().length > 0) 
  47. 	{
  48. 		if (this._clearBtn) 
  49. 			this._clearBtn.removeClass('ia-cross-btn-disabled ia-toolbar-text-btn-disabled').addClass('ia-list-item ia-cross-btn');
  50. 		if (this._filterBtn) 
  51. 			this._filterBtn.removeClass('ia-cross-btn ia-toolbar-text-btn-disabled').addClass('ia-list-item ia-cross-btn-disabled');
  52. 	}
  53. 	else
  54. 	{
  55. 		if (this._clearBtn) 
  56. 			this._clearBtn.removeClass('ia-list-item ia-cross-btn').addClass('ia-cross-btn-disabled ia-toolbar-text-btn-disabled');
  57. 		if (this._filterBtn)
  58. 		{
  59. 			if (this._dataGroup.getFilteredFeatures().length > 0)  
  60. 				this._filterBtn.removeClass('ia-cross-btn-disabled ia-toolbar-text-btn-disabled').addClass('ia-list-item ia-cross-btn');
  61. 			else 
  62. 				this._filterBtn.removeClass('ia-list-item ia-cross-btn').addClass('ia-cross-btn-disabled ia-toolbar-text-btn-disabled');
  63. 		}
  64. 	}
  65. };
  66. 	
  67. /**
  68.  * The container that holds the object.
  69.  * 
  70.  * @property container
  71.  * @type JQUERY Element
  72.  */
  73. ia.TableTools.prototype.container;
  74.  
  75. /** 
  76.  * Allows a custom function to be set for when the filter button is pressed.
  77.  * 
  78.  * @property filterFunction
  79.  * @type Function
  80.  */
  81. ia.TableTools.prototype.filterFunction = function() {};
  82.  
  83. /** 
  84.  * Allows a custom function to be set for when the clear button is pressed.
  85.  * 
  86.  * @property filterFunction
  87.  * @type Function
  88.  */
  89. ia.TableTools.prototype.clearFunction = function() {};
  90.  
  91. /**
  92.  * The text for the clear button.
  93.  * 
  94.  * @property clearButtonText
  95.  * @type String
  96.  */
  97. ia.TableTools.prototype.clearButtonText;
  98.  
  99. /**
  100.  *  The text for the filter button.
  101.  * 
  102.  * @property filterButtonText
  103.  * @type String
  104.  */	
  105. ia.TableTools.prototype.filterButtonText;
  106.  
  107. /** 
  108.  * Render the toolbar.
  109.  *
  110.  * @method render
  111.  */
  112. ia.TableTools.prototype.render = function() 
  113. {
  114. 	this.container.empty();
  115.  
  116. 	var me = this;
  117. 	
  118. 	// Add clear selection button
  119. 	if (this.clearButtonText)
  120. 	{
  121. 		this._clearBtn = $j("<div class='ia-toolbar-text-btn ia-list-item ia-toolbar-text-btn-disabled ia-cross-btn-disabled'>").html(this.clearButtonText);
  122. 		this.container.append(this._clearBtn);
  123. 		this._clearBtn.bind(ia.CLICK_TYPE, function(e)  
  124. 		{
  125. 			e.stopPropagation();
  126. 			e.preventDefault();
  127. 			me.clearFunction();
  128. 		});
  129. 		this._clearBtn.css("border-radius", this._borderRadius+"px");
  130. 	}
  131.  
  132. 	// Add filter button 
  133. 	if (this.filterButtonText)
  134. 	{
  135. 		this._filterBtn = $j("<div class='ia-toolbar-text-btn ia-list-item ia-toolbar-text-btn-disabled ia-cross-btn-disabled'>").html(this.filterButtonText);
  136. 		this.container.append(this._filterBtn);
  137. 		this._filterBtn.bind(ia.CLICK_TYPE, function(e)  
  138. 		{
  139. 			e.stopPropagation();
  140. 			e.preventDefault();
  141. 			me.filterFunction();
  142. 		});
  143. 		this._filterBtn.css("border-radius", this._borderRadius+"px");
  144. 	}
  145.  
  146. 	this._updateToolbar();
  147. };
  148.