foam-framework/js/foam/u2/Select.js

MVC metaprogramming framework

/**
 * @license
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed 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.
 */

CLASS({
  package: 'foam.u2',
  name: 'Select',
  extends: 'foam.u2.Element',

  properties: [
    {
      name: 'options',
      adapt: function(_, options) {
        return options.map(function(o) { return Array.isArray(o) ? o : [o, o]; });
      },
      factory: function() {
        return this.prop && this.prop.choices || [];
      }
    },
    [ 'nodeName', 'select' ],
    'prop',
    'data',
    'placeholder'
  ],

  methods: [
    function init() {
      this.SUPER();
      var self = this;
      this.data$ = this.attrValue();
      this.setChildren(function(options, placeholder) {
        var cs = [];
        if ( placeholder )
          cs.push(E('option').attrs({disabled: 'disabled'}).add(self.placeholder));
        for ( var i = 0 ; i < options.length ; i++ ) {
          var o = options[i];
          cs.push(E('option').attrs({value: o[0]}).add(o[1]));
        }
        return cs;
      }.on$(this.X, this.options$, this.placeholder$));
    }
  ]
});