foam-framework/js/foam/apps/builder/datamodels/PropertyEditWizard.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
 */

CLASS({
  package: 'foam.apps.builder.datamodels',
  name: 'PropertyEditWizard',
  extends: 'foam.apps.builder.wizard.WizardPage',

  requires: [
    'foam.ui.md.PopupChoiceView',
    'foam.ui.md.Toolbar',
  ],

  imports: [ 'dao' ],
  exports: [ 'toolbar as mdToolbar' ],

  properties: [
    {
      name: 'nextViewFactory',
      defaultValue: null,
    },
    {
      type: 'foam.ui.md.Toolbar',
      name: 'toolbar',
    },
    {
      name: 'title',
      defaultValueFn: function() { return this.data.name; }
    },
    {
      name: 'hideOwnActions',
      defaultValue: true,
    },
  ],

  actions: [
    {
      name: 'nextAction',
      isAvailable: function() { return false; },
    },
    {
      name: 'back',
      label: 'Continue editing Model',
    }
  ],


  methods: [
    function init() {
      this.SUPER();
      // put old EditView back
      this.Y.registerModel(this.X.ModelWizardEditView_foam_meta_types_EditView, 'foam.apps.builder.datamodels.meta.types.EditView')
      this.Y.registerModel(this.PopupChoiceView, 'foam.ui.ChoiceView');

      this.toolbar = this.Toolbar.create({
          data$: this.data$,
          title$: this.title$,
      }, this.Y);
      this.Y.set('mdToolbar', this.toolbar);
    },

  ],

  templates: [
    function titleHTML() {/* %%toolbar */},
    function instructionHTML() {/*
      <div>
        Change details, such as the label the user will see, below. Click the
        trash can icon to delete this item.
      </div>
      <div class="md-card-heading-content-spacer"></div>
    */},
    function contentHTML() {/*
      $$data{ model_: 'foam.apps.builder.datamodels.meta.types.EditView', model: this.data.model_, showHeader: false }
    */},
  ],


});