override render()

in web/rv-filter-section.ts [125:169]

• 45 lines of code
• 1 McCabe index (conditional complexity)

  override render() {
    return html`
      <div id="container">
        <div id="filter">
          <span class="heading-3">Filter</span>
          <input
            id="filterInput"
            value="${this.filter}"
            @input="${this.onFilterInput}"
            ?disabled="${!this.canModifyConfig || this.originalFilter !== ''}"
          />
          <gr-button
            @click="${() => this.remove()}"
            ?hidden="${this.originalFilter !== '' && this.filter !== ''}"
          >
            Cancel
          </gr-button>
        </div>
        <div>
          ${this.reviewers.map(item =>
            this.renderReviewer(item, Type.REVIEWER)
          )}
          ${this.ccs.map(item => this.renderReviewer(item, Type.CC))}
          <div id="addReviewer">
            <gr-button
              link
              @click="${this.handleAddReviewer}"
              ?disabled="${this.filter === ''}"
              ?hidden="${!this.canModifyConfig || this.editingReviewer}"
            >
              Add Reviewer
            </gr-button>
            <gr-button
              link
              @click="${this.handleAddCc}"
              ?disabled="${this.filter === ''}"
              ?hidden="${!this.canModifyConfig || this.editingReviewer}"
            >
              Add CC
            </gr-button>
          </div>
        </div>
      </div>
    `;
  }