qos-backend-information.html

<link rel="import" href="../polymer/polymer-element.html">
<link rel="import" href="./../util-precondition/preconditionjs-import.html">
<link rel="import" href="./../util-majax-requests/majax-requests.html">

<script>
    'use strict';
    /**
     * `qos-backend-information`
     *
     *
     * @customElement
     * @polymer
     * @demo demo/index.html
     */
    class QosBackendInformation extends Polymer.Element
    {
        static get is()
        {
            return 'qos-backend-information';
        }

        static get properties()
        {
            return {
                auth: {
                    type: String,
                    value: 'Basic YW5vbnltb3VzOm5vcGFzc3dvcmQ='
                },

                /**
                 * value: file or directory
                 * default to file
                 */
                fileType: {
                    type: Array,
                    value: 'file'
                },
                response: {
                    type: Array,
                    notify: true
                },
                apiEndPoint: {
                    type: String
                }
            }
        }

        ready()
        {
            super.ready();
            this._ensureAttribute('hidden', true);
        }

        _getSiteBackendCapabilities(urls, headers)
        {
            precondition.checkArgument(urls !== undefined || urls !== null,
                    'Property \'urls\' cannot be unspecified.');
            precondition.checkArgument(urls.length !== 0,
                    'Cannot set property \'urls\' to empty array.');
            let requestQosInfo = new MultipleAjaxRequests(urls, this, headers);
            this.addEventListener('allResolved', e => {
                this.response = e.detail.response;
                /**
                 * @event {qos-backend-response}
                 */
                this.dispatchEvent(new CustomEvent('qos-backend-response', {
                    bubbles: true,
                    composed: true,
                    detail: {response: this.response}
                }));
            });
            requestQosInfo.send();
        }

        trigger()
        {
            try {
                precondition.checkArgument(this.apiEndPoint !== undefined || this.apiEndPoint !== null,
                    'Property \'apiEndPoint\' cannot be unspecified.');

                let headers = this._computeHeaders(this.auth);
                const url = this.apiEndPoint + "qos-management/qos/"+this.fileType;
                const xhr = new XMLHttpRequest();
                xhr.open('GET', url);
                xhr.onload = ()=> {
                    if (xhr.status >= 200 || xhr.status < 500) {
                        let urls = [];
                        const x = JSON.parse(xhr.responseText);
                        const response = x.name;
                        for (let i = 0; i < response.length ; i++) {
                            urls.push(this.apiEndPoint + "qos-management/qos/"+this.fileType+"/" + response[i]);
                        }
                        this._getSiteBackendCapabilities(urls, headers);
                    } else {
                        new Error("Server Side Error");
                    }
                };
                xhr.onerror = function() {
                    new Error("Network Error");
                };

                for (let key in headers) {
                    xhr.setRequestHeader(key, headers[key]);
                }

                xhr.send();
            } catch (e) {
                throw new Error(e.message);
            }
        }

        _computeHeaders(auth)
        {
            return {
                "Content-type":"application/json",
                "Accept": "application/json",
                "Suppress-WWW-Authenticate": "Suppress",
                "Authorization": `${auth}`
            }
        }
    }
    window.customElements.define(QosBackendInformation.is, QosBackendInformation);
</script>