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

0.1.3 (2019-12-31)

Build

bumping version eed6c57 by Pawel Psztyc
bumping version e145b7b by Pawel
bumping version c498117 by Pawel

Update

adding styles for empty message f2df2c5 by Pawel Psztyc
updating dependencies 38ed9f4 by Pawel Psztyc
adding importButton option 1b64287 by Pawel Psztyc
upgrading dependency 998ab59 by Pawel
removing error throwing when setting "type" b014b0e by Pawel
updating dependencies 8da4bd8 by Pawel
adding gen t.ds config file 09b93a2 by Pawel Psztyc
publishig stable release f7bab81 by Pawel Psztyc

Documentation

updating custom-elements.json df956a4 by Pawel Psztyc
updating readme 09eefa6 by Pawel Psztyc

Features

making "none" option optional ad08fde by Pawel Psztyc

Bug Fixes

fixing :host css definition 3081be1 by Pawel

Refactor

removing panel title 766d0cb by Pawel Psztyc

Testing

fixing tests e368834 by Pawel

Other

Update: Updated Travis configuration to connect to Sauce Labs. 1f21aa5 by Pawel Psztyc

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