ember-arcgis-page-layout/addon/components/page-editor/component.js

Page Layout infrastructure components

import Ember from 'ember';
import layout from './template';

export default Ember.Component.extend({
  layout,

  attributeBindings: ['style'],

  i18nScope:'layout',

  style: Ember.computed('show', function() {
    let display = this.get('show') ? 'block' : 'none';
    return Ember.String.htmlSafe(`display:${display};`);
  }),

  session: Ember.inject.service('session'),

  // TODO: could remove eventBus if all components used onModelChanged action
  /**
   * Get the event bus
   */
  eventBus: Ember.inject.service('event-bus'),

  /**
   * Add handlers
   */
  listen: function(){
    this.get('eventBus').on('modelChanged', this, 'onModelChanged');
  }.on('init'),
  /**
   * Remove handlers
   */
  cleanup: function(){
    this.get('eventBus').off('modelChanged', this, 'onModelChanged');
  }.on('willDestroy'),

  onModelChanged: function(){
    this.get('onModelChanged')();
  },

  actions: {
    onPageSave: function(){
      this.get('onPageSave')();
    },

    onPageSaveAsTemplate: function(){
      this.get('onPageSaveAsTemplate')();
    },

    onViewPage:function(){
      this.get('onPageView')();
    },

    onModelChanged() {
      this.get('onModelChanged')();
    }
  }
});