requests-list-mixin

A common function for element that handles lists of requests like history, saved or menu items for Advanced REST Client.

The mixin is commonly used with requests-list-mixin/history-list-mixin and requests-list-mixin/saved-list-mixin.

API components

This components is a part of API components ecosystem

Usage

Installation

npm install --save @advanced-rest-client/requests-list-mixin

In a LitElement

import { LitElement, html } from 'lit-element';
import { RequestsListMixin } from '@advanced-rest-client/requests-list-mixin/requests-list-mixin.js';
import styles from '@advanced-rest-client/requests-list-mixin/requests-list-styles.js';

class SampleElement extends RequestsListMixin(LitElement) {
  static get styles() {
    return styles;
  }
  
  render() {
    return html`
      ${this.modelTemplate}
      ${(this.requests || []).map((request) => html`...`)}return html`${this.modelTemplate}`;
    `;
  }

  connectedCallback() {
    if (super.connectedCallback) {
      super.connectedCallback();
    }
    this.type = 'history';
  }
}
customElements.define('sample-element', SampleElement);

Development

git clone https://github.com/advanced-rest-client/requests-list-mixin
cd requests-list-mixin
npm install

Running the tests

npm test

API components

This components is a part of API components ecosystem