lancie-ajax.html

<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

<link rel="import" href="../polymer/polymer.html">

<link rel="import" href="../iron-ajax/iron-ajax.html">

<dom-module id="lancie-ajax">
  <template>
    <iron-ajax
      id="ajax"
      headers="[[createHeader(token, contenttype)]]"
      body="[[body]]"
      params="[[params]]"
      method="[[method]]"
      url="[[_getURL(absoluteurl, refurl)]]"
      handle-as="[[handleAs]]"
      last-response="{{lastResponse}}"
      loading="{{loading}}"
      debounce-duration="300"
      on-response="handleResponse"
      on-error="handleResponse"
    ></iron-ajax>
  </template>
  <script>
    (function() {
      'use strict';

      var token, ajax = [];

      Polymer({
        is: 'lancie-ajax',

        properties: {
          contenttype: {
            type: String,
            value: 'application/json',
            notify: true
          },
          refurl: {
            type: String,
            value: '',
            notify: true
          },
          absoluteurl: {
            type: String,
            value: '',
            notify: true
          },
          handleAs: {
            type: String,
            value: 'json',
            notify: true
          },
          autoFire: {
            type: Boolean,
            value: false
          },
          skipToken: {
            type: Boolean,
            value: false
          },
          isuser: {
            type: Boolean,
            value: false
          },
          loading: {
            type: Boolean,
            notify: true,
            value: false
          },
          params: {
            type: Object,
            value: {}
          },
          method: {
            type: String,
            value: 'GET'
          },
          lastResponse: {
            type: Object,
            notify: true
          },
          body: {
            type: Object
          },
          token: {
            type: String,
            value: '',
            notify: true,
          }
        },

        /* STATIC CALL */
        injectToken: function(newToken) {
          token = newToken;

          for (let i = 0; i < ajax.length; i++) {
            ajax[i](token);
          }
        },

        attached: function() {
          if (this.skipToken && this.autoFire) {
            this.generateRequest();
            return;
          }

          if (token) {
            this.token = token;
            if (this.autoFire) {
              this.generateRequest();
            }
          } else {
            ajax.push(function(newToken) {
              this.token = newToken;
              if (this.autoFire) {
                this.generateRequest();
              }
            }.bind(this));
          }
        },

        _getURL: function(absoluteurl, refurl) {
          if (absoluteurl !== '') {
            return absoluteurl;
          }
          return '/api/v1/' + refurl;
        },

        createHeader: function(token, contenttype) {
          if (this.absoluteurl !== '') {
            return {
              'Content-Type': contenttype,
            };
          }
          return {
            'Content-Type': contenttype,
            'X-Auth-Token': token,
          };
        },

        handleResponse: function(event) {
          this.fire('lancie-ajax', event.detail);
        },

        generateRequest: function() {
          this.$.ajax.generateRequest();
        },
      });
    })();
  </script>
</dom-module>