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

Keywords

web-components

authorization-forms

client-certificate

FAQs

What is @advanced-rest-client/cc-authorization-method?

Is @advanced-rest-client/cc-authorization-method well maintained?

Package last updated on 31 Dec 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

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

cc-authorization-method