add blockless version. closes #8

addon/components/x-select.js

@@ -53,6 +53,47 @@ export default Ember.Component.extend({
    */
   tabindex: 1,
 
+  /**
+   * Auxiliary computed property that replaces `content.`
+   * in `optionLabelPath`.
+   *
+   * @private
+   * @property _labelPath
+   */
+  _labelPath: Ember.computed('optionLabelPath', function() {
+    return this.get('optionLabelPath').replace(/^content\.?/, '');
+  }),
+
+  /**
+   * Alias to `value`.
+   * This way we accept `value` or `selection` properties.
+   *
+   * @property selection
+   */
+  selection: Ember.computed.alias('value'),
+
+  /**
+   * Alias to `prompt`.
+   * This way we accept `prompt` or `placeholder` properties.
+   *
+   * @property placeholder
+   */
+  placeholder: Ember.computed.alias('prompt'),
+
+  /**
+   * Auxiliary computed array that holds `content` array
+   * values and their labels. Used only in the blockless version.
+   *
+   * @private
+   * @property _optionValues
+   */
+  _optionValues: Ember.computed.map('content', function(obj) {
+    return {
+      value: obj,
+      label: Ember.get(obj, this.get('_labelPath'))
+    };
+  }),
+
   /**
    * The collection of options for this select box. When options are
    * inserted into the dom, they will register themselves with their

app/templates/components/x-select.hbs

@@ -0,0 +1,10 @@
+{{#if template}}
+  {{yield}}
+{{else}}
+  {{#if placeholder}}
+    <option>{{placeholder}}</option>
+  {{/if}}
+  {{#each option in _optionValues}}
+    {{#x-option value=option.value}}{{option.label}}{{/x-option}}
+  {{/each}}
+{{/if}}

tests/dummy/app/controllers/blockless-multiple.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+import Folks from 'dummy/mixins/folks';
+
+export default Ember.ObjectController.extend(Folks, {
+  isDisabled: false,
+  actions: {
+    tagYouAreIt: function(object) {
+      this.tagged = object;
+    }
+  }
+});

tests/dummy/app/controllers/blockless-single.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+import Folks from 'dummy/mixins/folks';
+
+export default Ember.ObjectController.extend(Folks, {
+  isDisabled: false,
+  actions: {
+    tagYouAreIt: function(object) {
+      this.tagged = object;
+    }
+  }
+});

tests/dummy/app/router.js

@@ -8,6 +8,8 @@ var Router = Ember.Router.extend({
 Router.map(function() {
   this.route('single');
   this.route('multiple');
+  this.route('blockless-single');
+  this.route('blockless-multiple');
 });
 
 export default Router;

tests/dummy/app/routes/blockless-multiple.js

@@ -0,0 +1,13 @@
+import Ember from 'ember';
+import Folks from 'dummy/mixins/folks';
+
+export default Ember.Route.extend(Folks, {
+  model: function() {
+    return Ember.A([this.get('bastion')]);
+  },
+  setupController: function(controller, model) {
+    this._super.apply(this, arguments);
+    controller.set('it', model);
+    controller.set('folks', Ember.A([this.get('bastion'), this.get('stanley'), this.get('charles')]));
+  }
+});

tests/dummy/app/routes/blockless-single.js

@@ -0,0 +1,13 @@
+import Ember from 'ember';
+import Folks from 'dummy/mixins/folks';
+
+export default Ember.Route.extend(Folks, {
+  model: function() {
+    return this.get('bastion');
+  },
+  setupController: function(controller, model) {
+    this._super.apply(this, arguments);
+    controller.set('it', model);
+    controller.set('folks', Ember.A([this.get('bastion'), this.get('stanley'), this.get('charles')]));
+  }
+});

tests/dummy/app/templates/application.hbs

@@ -1,6 +1,6 @@
 <h1> XSelect </h1>
 
-{{#link-to 'single'}}Single{{/link-to}} | {{#link-to 'multiple'}}Multiple{{/link-to}}
+{{#link-to 'single'}}Single{{/link-to}} | {{#link-to 'multiple'}}Multiple{{/link-to}} | {{#link-to 'blockless-single'}}Blockless Single{{/link-to}} | {{#link-to 'blockless-multiple'}}Blockless Multiple{{/link-to}}
 
 <div>
   {{outlet}}

tests/dummy/app/templates/blockless-multiple.hbs

@@ -0,0 +1,15 @@
+<p>
+{{x-select action="tagYouAreIt" disabled=isDisabled
+  multiple=true
+  content=folks
+  selection=it
+  optionLabelPath="content.name"}}
+</p>
+<p>Selected:</p>
+<ul>
+{{#each selection in model}}
+  <li>{{selection.name}}</li>
+{{else}}
+  <li>(None)</li>
+{{/each}}
+</ul>

tests/dummy/app/templates/blockless-single.hbs

@@ -0,0 +1,8 @@
+<p>
+{{x-select action="tagYouAreIt" disabled=isDisabled
+  content=folks
+  selection=it
+  optionLabelPath="content.name"
+  prompt="choose one"}}
+</p>
+<p>Selected: {{it.name}}</p>