@advanced-rest-client/response-status-viewdeprecated

HTTP response status view, including status, headers redirects and timings

Usage no npm install needed!

<script type="module">
  import advancedRestClientResponseStatusView from 'https://cdn.skypack.dev/@advanced-rest-client/response-status-view';
</script>

README

Published on NPM

Build Status

Published on webcomponents.org

<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