addon/components/ui-dropdown-menu.js

  1. import layout from '../templates/components/ui-dropdown-menu';
  2. import Component from '@ember/component';
  3.  
  4. /**
  5. ui-dropdown-menu component
  6.  
  7. @module components
  8. @namespace components
  9. @class UiDropdownMenu
  10. @constructor
  11. */
  12. export default Component.extend({
  13.     layout: layout,
  14.     /**
  15.      * the component style class
  16.      *
  17.      * @property {String} theme
  18.      * @default ''
  19.      */
  20.     theme: '',
  21.     /**
  22.      * the component style class
  23.      *
  24.      * @property {String} class
  25.      */
  26.     class: '',
  27.     classNameBindings: ['_uiClass', 'class', 'theme', '_componentClass'],
  28.     _uiClass: 'ui',
  29.     _componentClass: 'dropdown',
  30.     
  31.     didInsertElement() {
  32.         this.renderDropDown();
  33.     },
  34.     renderDropDown() {
  35.         let that = this;
  36.         this.$().dropdown({
  37.             onChange(value){
  38.                 if(that.attrs.value){
  39.                     that.attrs.value.update(value);
  40.                 }
  41.             }
  42.         });
  43.     },
  44.     didRender(){
  45.         // re render component then restore default texts
  46.         if(!this.attrs.value.value){
  47.             this.$().dropdown('restore defaults');
  48.         }
  49.     }
  50. });