mostly-admin.html

<!--
`mostly-admin`
@group Mostly UI
@element mostly-admin
-->
<dom-module id="mostly-admin">
  <template>
    <template is="dom-if" if="[[visible]]">
      <iron-pages selected="{{selected}}" attr-for-selected="name" fallback-selection="error" selected-attribute="visible">

        <mostly-slot slot="ADMINISTRATION_PAGES" model="[[actionContext]]"></mostly-slot>

      </iron-pages>
    </template>
  </template>
  <script>
    Polymer({
      is: 'mostly-admin',
      behaviors: [Mostly.I18nBehavior],
      properties: {
        visible: Boolean,

        selected: {
          type: String,
          value: 'analytics',
          notify: true,
          observer: '_checkError'
        },

        isAdministrator: {
          type: Boolean,
          value: false,
          reflectToAttribute: true
        },

        actionContext: {
          type: Object,
          computed: '_actionContext(user, entity)'
        },

        entity: Object
      },

      _actionContext: function() {
        return { user: this.user, entity: this.entity };
      },

      _errorUrl: function() {
        return window.location.href;
      },

      _checkError: function() {
        // XXX: removed fallback-selection="error"
        if (this.selected === 'error') {
          this.fire('error', { code: 404 });
        }
      }
    });
  </script>
</dom-module>