Custom Select

beingUsed.html

{{view App.CustomSelectView 
  optionsBinding="content"
  selectedBinding="selected"
  title="Broadband Maps"
}}

CustomSelectView.js

App.CustomSelectView = Ember.View.extend({
  templateName: "customSelect",
  tagName: "ul",
  classNames: ["custom-select"],
  title: "Custom Select",
  selected: null,
  options: null,
  click: function (event) {
    console.dir(event.target);
  },
  didInsertElement: function () {
    this._super();
    L.DomEvent.disableClickPropagation(document.getElementById(this.get("elementId")));
  }
});

template.html

<li class="title">
  {{view.title}} 
  <small class="pull-right">(Select One)</small>
</li>

{{#each option in view.options}}
  <li class="option{{#selected}} selected{{/selected}}" data-value="{{value}}">
    {{option}}
    <a class="settings pull-right">
      <i class="icon-cog icon-white"></i>
    </a>
  </li>
{{/each}}