Code coverage report for app/views/common/form/dropdown.js

Statements: 57.69% (15 / 26)      Branches: 52.94% (9 / 17)      Functions: 50% (3 / 6)      Lines: 65.22% (15 / 23)      Ignored: none     

All files » app/views/common/form/ » dropdown.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96    1                                     1   1                                                           10 10 10 10 10 10 5 5 5   10                       4         1                              
'use strict';
 
;require.register("views/common/form/dropdown", function (exports, require, module) {
  /**
   * Licensed to the Apache Software Foundation (ASF) under one
   * or more contributor license agreements.  See the NOTICE file
   * distributed with this work for additional information
   * regarding copyright ownership.  The ASF licenses this file
   * to you under the Apache License, Version 2.0 (the
   * "License"); you may not use this file except in compliance
   * with the License.  You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
 
  var App = require('app');
 
  App.DropdownView = Em.View.extend({
 
    templateName: require('templates/common/form/dropdown'),
 
    qaAttr: '',
 
    selection: null,
 
    value: '',
 
    optionValuePath: '',
 
    optionLabelPath: '',
 
    /**
     * Used to prevent infinite loop because of cyclic updating of value and selection
     * @type {Boolean}
     */
    isUpdating: false,
 
    change: Em.K,
 
    didInsertElement: function didInsertElement() {
      this.observeEmptySelection();
    },
 
    /**
     * value should be updated after updating selection and vise versa
     */
    onValueOrSelectionUpdate: function (context, property) {
      var selection = this.get('selection');
      var value = this.get('value');
      var content = this.get('content');
      var optionValuePath = this.get('optionValuePath');
      this.set('isUpdating', true);
      if (property === 'value') {
        this.set('selection', optionValuePath ? content.findProperty(optionValuePath, value) : value);
      } else Eif (property === 'selection') {
        this.set('value', selection && Em.getWithDefault(selection, optionValuePath, selection) || '');
      }
      this.set('isUpdating', false);
    }.observes('selection', 'value'),
 
    selectOption: function selectOption(option) {
      this.set('selection', option.context);
      this.change();
    },
 
    /**
     * Set default selection
     */
    observeEmptySelection: function () {
      Iif (this.get('content.length') && !this.get('selection')) this.set('selection', this.get('content')[0]);
    }.observes('content')
 
  });
 
  App.DropdownOptionView = Em.View.extend({
 
    tagName: 'span',
 
    template: Em.Handlebars.compile('{{view.optionLabel}}'),
 
    optionLabel: function () {
      var optionLabelPath = this.get('optionLabelPath');
      var option = this.get('option');
      if (!option) return '';
      if (optionLabelPath) return Em.get(option, optionLabelPath);
      return option;
    }.property('option', 'optionLabelPath')
 
  });
});