All files / src/app/linqpad-review-pages/common/search search-results.modal.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
1x
1x
 
1x
6x
 
 
1x
 
 
1x
 
import { Component, Input, ViewChild, } from '@angular/core';
import { ModalDirective } from 'ngx-bootstrap/modal';
 
@Component({
  selector: 'search-results-modal',
  template: `
    <div bsModal #searchResultsModal="bs-modal" class="modal fade" tabindex="-1"
         role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title pull-left">Results for search term '{{searchTerm}}'</h4>
            <button type="button" class="close pull-right" (click)="searchResultsModal.hide()" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="list-group">
              <a class="list-group-item pointable" *ngFor="let result of results">{{result}}</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  `
})
export class SearchResultsModalComponent {
  @Input() searchTerm;
  @Input() results;
  @ViewChild('searchResultsModal') searchResultsModal: ModalDirective;
 
  show() {
    this.searchResultsModal.show();
  }
 
  hide() {
    this.searchResultsModal.hide();
  }
}