rapidoc/src/components/end-points.js

RapiDoc - Open API spec viewer with built in console

import { LitElement, html } from 'lit-element'; 
import EndPoint from '@/components/end-point'; 

export default class EndPoints extends LitElement {
  render() {
    return html`
    ${this.paths
    .filter( v => {
      if (this.matchPaths){
        return `${v.method} ${v.path}`.includes(this.matchPaths);
      }
      else{
        return true;
      }
    })
    .map(
      path => html`</span><end-point 
        server="${this.server}" 
        api-key-name="${this.apiKeyName}" 
        api-key-value="${this.apiKeyValue}" 
        api-key-location="${this.apiKeyLocation}" 
        layout="${this.layout}" 
        .path=${path}
        allow-try="${this.allowTry}" 
      > </end-point>`
    )}`
  }

  static get properties() {
    return {
      server        : { type: String },
      apiKeyName    : { type: String, attribute: 'api-key-name' },
      apiKeyValue   : { type: String, attribute: 'api-key-value' },
      apiKeyLocation: { type: String, attribute: 'api-key-location' },
      layout        : { type: String },
      paths         : { type: Object },
      matchPaths    : { type: String, attribute: 'match-paths' },
      allowTry      : { type: String, attribute: 'allow-try' },
    };
  }
}
// Register the element with the browser
customElements.define('end-points', EndPoints);