cuba-app.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="cuba-js-script.html">
<!--
The `cuba-app` element is used for initialization and configuration connection to CUBA REST API.
Adds `cuba` object to the global JS scope.
-->
<dom-module id="cuba-app">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>
    <slot></slot>
  </template>
  <script>
    (function(){
      "use strict";

      Polymer({

        is: 'cuba-app',

        /**
         * Fired on attempt to access REST API without or with expired token.
         * Usually it means that user login required. See `cuba-login`
         *
         * @event cuba-token-expired
         */

        /**
         * Fired when CubaApp instance created
         *
         * @event cuba-app-initialized
         */

        properties: {
          /**
           * Connection URL to CUBA REST API v2.
           * Trailing slash required.
           */
          apiUrl: {
            type: String
          },

          /**
           * App name
           */
          name: {
            type: String,
            value: ""
          },

          /**
           * Instance of CubaApp, see https://github.com/cuba-platform/cuba-rest-js.git
           *
           * @type {cuba.CubaApp}
           */
          app: {
            type: Object,
            readOnly: true,
            notify: true
          }
        },

        observers: ['_setupApp(apiUrl, name)'],

        _setupApp: function(apiUrl, name) {

          if (apiUrl == null) {
            return;
          }

          if (this.app) {
            throw new Error("Cuba app is already initialized");
          }

          this._setApp(cuba.initializeApp({
            name: this.name,
            apiUrl: this.apiUrl,
            storage: localStorage
          }));

          this.fire('cuba-app-initialized');

          this.app.onTokenExpiry(function() {
            this.fire('cuba-token-expired');
          }.bind(this));

        }
      });
    })();
  </script>
</dom-module>