feat(collection): add select all, clear and disabled, close #276

src/collection/collection.js

@@ -20,4 +20,17 @@ export class MdCollection {
     return items.filter(i => i.au['md-collection-selector'].viewModel.isSelected)
       .map(i => i.au['md-collection-selector'].viewModel.item);
   }
+
+  clearSelection() {
+    let items = [].slice.call(this.element.querySelectorAll('md-collection-selector'));
+    items.forEach(i => i.au['md-collection-selector'].viewModel.isSelected = false);
+  }
+
+  selectAll() {
+    let items = [].slice.call(this.element.querySelectorAll('md-collection-selector'));
+    items.forEach(i => {
+      let vm = i.au['md-collection-selector'].viewModel;
+      vm.isSelected = !vm.mdDisabled;
+    });
+  }
 }

src/collection/md-collection-selector.html

@@ -4,6 +4,6 @@
     <!-- <content select=".md-collection-selector__hover"></content> -->
     <slot></slot>
     <div>
-      <md-checkbox md-checked.two-way="isSelected"></mdl-checkbox>
+      <md-checkbox md-checked.two-way="isSelected" md-disabled.bind="mdDisabled"></mdl-checkbox>
     </div>
 </template>

src/collection/md-collection-selector.js

@@ -2,11 +2,13 @@ import { bindable, customElement } from 'aurelia-templating';
 import { inject } from 'aurelia-dependency-injection';
 import { observable } from 'aurelia-binding';
 import { fireMaterializeEvent } from '../common/events';
+import { getBooleanFromAttributeValue } from '../common/attributes';
 
 @customElement('md-collection-selector')
 @inject(Element)
 export class MdlListSelector {
   @bindable() item;
+  @bindable() mdDisabled = false;
   @observable() isSelected = false;
 
   constructor(element) {
@@ -16,4 +18,8 @@ export class MdlListSelector {
   isSelectedChanged(newValue) {
     fireMaterializeEvent(this.element, 'selection-changed', { item: this.item, isSelected: this.isSelected });
   }
+
+  mdDisabledChanged(newValue) {
+    this.mdDisabled = getBooleanFromAttributeValue(newValue);
+  }
 }