@advanced-rest-client/cc-authorization-method NPM

cc-authorization-method

A web component that extends @advanced-rest-client/authorization-method to allow to select a client certificate as an authorization method.

The component mixes in @advanced-rest-client/client-certificates-consumer-mixin that communicates with the application by using DOM events. The application has to handle the following events for this element to work:

client-certificate-list - requests to list installed certificates
client-certificate-insert - request to insert new certificate
client-certificate-delete - request to delete installed certificate

Note that -insert and -delete events are not dispatched by this element but are defined in the mixin interface.

Default storage interface is provided with @advanced-rest-client/arc-models/client-certificate-model.js see implementation.

An UI to manage installed certificates is provided by @advanced-rest-client/client-certificates-panel.

Usage

Installation

npm install --save @advanced-rest-client/cc-authorization-method

In an html file

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/cc-authorization-method/cc-authorization-method.js';
      import '@advanced-rest-client/arc-models/client-certificate-model.js';
    </script>
  </head>
  <body>
    <client-certificate-model></client-certificate-model>
    <cc-authorization-method></cc-authorization-method>
  </body>
</html>

In a LitElement

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/cc-authorization-method/cc-authorization-method.js';

class SampleElement extends LitElement {
  render() {
    const { amfModel, security } = this;
    return html`
    <cc-authorization-method
      type="client certificate"
      @change="${this._securityChangeHandler}"></cc-authorization-method>
    `;
  }

  _securityChangeHandler(e) {
    console.log('current authorization settings', e.target.serialize());
  }
}
customElements.define('sample-element', SampleElement);

Development

git clone https://github.com/advanced-rest-client/cc-authorization-method
cd cc-authorization-method
npm install

Running the demo locally

npm start

Running the tests

npm test

API components

This components is a part of API components ecosystem

web-components authorization-forms client-certificate

@advanced-rest-client/authorization-method @advanced-rest-client/client-certificates-consumer-mixin @advanced-rest-client/date-time @anypoint-web-components/anypoint-button @anypoint-web-components/anypoint-item @anypoint-web-components/anypoint-radio-button lit-element lit-html

@everything-registry/sub-chunk-30 @advanced-rest-client/request-editor @infinitebrahmanuniverse/nolb-_adv

5 years ago

5 years ago

5 years ago

5 years ago