Add hideable option to columns (#42)

adopted-ember-addons · Jun 9, 2016 · 3c3fccd · 3c3fccd
1 parent e817369
commit 3c3fccd
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 3 deletions.
diff --git a/addon/classes/Column.js b/addon/classes/Column.js
@@ -11,6 +11,13 @@ const {
   * @class Column
   */
 export default class Column extends Ember.Object.extend({
+  /**
+   * @property hideable
+   * @type {Boolean}
+   * @default true
+   */
+  hideable: true,
+
   /**
    * @property hidden
    * @type {Boolean}

diff --git a/addon/classes/Table.js b/addon/classes/Table.js
@@ -52,17 +52,29 @@ export default class Table extends Ember.Object.extend({
    */
   visibleRows: computed.filterBy('rows', 'hidden', false).readOnly(),
 
+  /**
+   * @property sortableColumns
+   * @type {Ember.Array}
+   */
+  sortableColumns: computed.filterBy('visibleColumns', 'sortable', true).readOnly(),
+
   /**
    * @property sortedColumns
    * @type {Ember.Array}
    */
   sortedColumns: computed.filterBy('visibleColumns', 'sorted', true).readOnly(),
 
   /**
-   * @property sortableColumns
+   * @property hideableColumns
    * @type {Ember.Array}
    */
-  sortableColumns: computed.filterBy('visibleColumns', 'sortable', true).readOnly(),
+  hideableColumns: computed.filterBy('flattenedColumns', 'hideable', true).readOnly(),
+
+  /**
+   * @property hiddenColumns
+   * @type {Ember.Array}
+   */
+  hiddenColumns: computed.filterBy('flattenedColumns', 'hidden', true).readOnly(),
 
   /**
    * @property visibleColumns

diff --git a/addon/components/columns/base.js b/addon/components/columns/base.js
@@ -15,12 +15,13 @@ const Column = Ember.Component.extend({
   tagName: 'th',
   classNames: ['lt-column'],
   attributeBindings: ['width', 'colspan', 'rowspan'],
-  classNameBindings: ['align', 'isGroupColumn:lt-group-column', 'isSortable', 'isSorted', 'column.classNames'],
+  classNameBindings: ['align', 'isGroupColumn:lt-group-column', 'isHideable', 'isSortable', 'isSorted', 'column.classNames'],
 
   width: computed.readOnly('column.width'),
   isGroupColumn: computed.readOnly('column.isGroupColumn'),
   isSortable: computed.readOnly('column.sortable'),
   isSorted: computed.readOnly('column.sorted'),
+  isHideable: computed.readOnly('column.hideable'),
 
   align: computed('column.align', function() {
     return `align-${this.get('column.align')}`;