open-vault/ui/app/adapters/application.js
Matthew Irish 87d4e6e068
UI - raft config and snapshotting (#7410)
* add storage route

* template out the routes and new raft storage overview

* fetch raft config and add new server model

* pngcrush the favicon

* add view components and binary-file component

* add form-save-buttons component

* adjust rawRequest so that it can send a request body and returns the response on errors

* hook up restore

* rename binary-file to file-to-array-buffer

* add ember-service-worker

* use forked version of ember-service-worker for now

* scope the service worker to a single endpoint

* show both download buttons for now

* add service worker download with a fallback to JS in-mem download

* add remove peer functionality

* lint go file

* add storage-type to the cluster and node models

* update edit for to take a cancel action

* separate out a css table styles to be used by http-requests-table and on the raft-overview component

* add raft-join adapter, model, component and use on the init page

* fix styling and gate the menu item on the cluster using raft storage

* style tweaks to the raft-join component

* fix linting

* add form-save-buttons component to storybook

* add cancel functionality for backup uploads, and add a success message for successful uploads

* add component tests

* add filesize.js

* add filesize and modified date to file-to-array-buffer

* fix linting

* fix server section showing in the cluster nav

* don't use babel transforms in service worker lib because we don't want 2 copies of babel polyfill

* add file-to-array-buffer to storybook

* add comments and use removeObjectURL to raft-storage-overview

* update alert-banner markdown

* messaging change for upload alert banner

* Update ui/app/templates/components/raft-storage-restore.hbs

Co-Authored-By: Joshua Ogle <joshua@joshuaogle.com>

* more comments

* actually render the label if passed and update stories with knobs
2019-10-14 13:23:29 -05:00

125 lines
3.6 KiB
JavaScript

import { inject as service } from '@ember/service';
import { assign } from '@ember/polyfills';
import { set } from '@ember/object';
import RSVP from 'rsvp';
import DS from 'ember-data';
import AdapterFetch from 'ember-fetch/mixins/adapter-fetch';
import fetch from 'fetch';
import config from '../config/environment';
const { APP } = config;
const { POLLING_URLS, NAMESPACE_ROOT_URLS } = APP;
export default DS.RESTAdapter.extend(AdapterFetch, {
auth: service(),
namespaceService: service('namespace'),
controlGroup: service(),
flashMessages: service(),
namespace: 'v1/sys',
shouldReloadAll() {
return true;
},
shouldReloadRecord() {
return true;
},
shouldBackgroundReloadRecord() {
return false;
},
addHeaders(url, options) {
let token = options.clientToken || this.get('auth.currentToken');
let headers = {};
if (token && !options.unauthenticated) {
headers['X-Vault-Token'] = token;
}
if (options.wrapTTL) {
headers['X-Vault-Wrap-TTL'] = options.wrapTTL;
}
let namespace =
typeof options.namespace === 'undefined' ? this.get('namespaceService.path') : options.namespace;
if (namespace && !NAMESPACE_ROOT_URLS.some(str => url.includes(str))) {
headers['X-Vault-Namespace'] = namespace;
}
options.headers = assign(options.headers || {}, headers);
},
_preRequest(url, options) {
this.addHeaders(url, options);
const isPolling = POLLING_URLS.some(str => url.includes(str));
if (!isPolling) {
this.auth.setLastFetch(Date.now());
}
options.timeout = 60000;
return options;
},
ajax(intendedUrl, method, passedOptions = {}) {
let url = intendedUrl;
let type = method;
let options = passedOptions;
let controlGroup = this.get('controlGroup');
let controlGroupToken = controlGroup.tokenForUrl(url);
// if we have a Control Group token that matches the intendedUrl,
// then we want to unwrap it and return the unwrapped response as
// if it were the initial request
// To do this, we rewrite the function args
if (controlGroupToken) {
url = '/v1/sys/wrapping/unwrap';
type = 'POST';
options = {
clientToken: controlGroupToken.token,
data: {
token: controlGroupToken.token,
},
};
}
let opts = this._preRequest(url, options);
return this._super(url, type, opts).then((...args) => {
if (controlGroupToken) {
controlGroup.deleteControlGroupToken(controlGroupToken.accessor);
}
const [resp] = args;
if (resp && resp.warnings) {
let flash = this.get('flashMessages');
resp.warnings.forEach(message => {
flash.info(message);
});
}
return controlGroup.checkForControlGroup(args, resp, options.wrapTTL);
});
},
// for use on endpoints that don't return JSON responses
rawRequest(url, type, options = {}) {
let opts = this._preRequest(url, options);
return fetch(url, {
method: type || 'GET',
headers: opts.headers || {},
body: opts.body,
signal: opts.signal,
}).then(response => {
if (response.status >= 200 && response.status < 300) {
return RSVP.resolve(response);
} else {
return RSVP.reject(response);
}
});
},
handleResponse(status, headers, payload, requestData) {
const returnVal = this._super(...arguments);
// ember data errors don't have the status code, so we add it here
if (returnVal instanceof DS.AdapterError) {
set(returnVal, 'httpStatus', status);
set(returnVal, 'path', requestData.url);
}
return returnVal;
},
});