foam-framework/js/foam/u2/PropertyView.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: 'PropertyView',

  extends: 'foam.u2.Element',

  requires: [
    'Property',
    'foam.u2.Input'
  ],

  imports: [
    'data',
    'data$',
  ],

  properties: [
    {
      name: 'prop'
    },
    {
      name: 'view'
    },
    {
      name: 'child_',
    },
    [ 'nodeName', 'tr' ]
  ],

  methods: [
    function init() {
      var view = this.view || this.prop.toPropertyE();
      var prop = this.prop;

      // TODO: remove check once all views extend View
      view.fromProperty && view.fromProperty(prop);

      this.child_ = view;

      // Will call initE.
      this.SUPER();

      this.bindData_(null, this.data);
    },
    function initE() {
      this.cls('foam-u2-PropertyView').add(this.child_);
    }
  ],

  listeners: [
    function bindData_(old, nu) {
      if (!this.child_) return;
      if (old)
        Events.unlink(old.propertyValue(this.prop.name), this.child_.data$);
      if (nu)
        Events.link(nu.propertyValue(this.prop.name), this.child_.data$);
    },
  ]
});