Deprecation notice
This component is deprecated. Use @advanced-rest-client/arc-response
instead.
<response-status-view>
HTTP response status view, including status, headers redirects and timings/
<response-status-view></response-status-view>
API components
This components is a part of API components ecosystem
Usage
Installation
npm install --save @advanced-rest-client/response-status-view
In an html file
<html>
<head>
<script type="module">
import '@advanced-rest-client/response-status-view/response-status-view.js';
</script>
</head>
<body>
<response-status-view></response-status-view>
</body>
</html>
In a LitElement
import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/response-status-view/response-status-view.js';
class SampleElement extends PolymerElement {
render() {
return html`
<response-status-view .json="${this.json}"></response-status-view>
`;
}
}
customElements.define('sample-element', SampleElement);
In a Polymer 3 element
import { PolymerElement, html } from '@polymer/polymer';
import '@advanced-rest-client/response-status-view/response-status-view.js';
class SampleElement extends PolymerElement {
static get template() {
return html`
<response-status-view
.statusCode="{this.response.statusCode}"
.statusMessage="{this.response.statusMessage}"
.loadingTime="{this.response.loadingTime}"
.responseHeaders="{this.response.responseHeaders}"
.requestHeaders="{this.response.requestHeaders}"
...></response-status-view>
`;
}
}
customElements.define('sample-element', SampleElement);
Development
git clone https://github.com/advanced-rest-client/response-status-view
cd response-status-view
npm install
Running the demo locally
npm start
Running the tests
npm test