EasyRecon/Hunt3r

<nb-layout>

  <nb-layout-header>
    <nb-sidebar-toggle style="width:100vw"></nb-sidebar-toggle>
  </nb-layout-header>

  <nb-sidebar left tag="left" state="expanded" responsive>
    <nb-menu-services></nb-menu-services>
  </nb-sidebar>




  <nb-layout-column>

    <nb-card  [nbSpinner]="loading" nbSpinnerStatus="primary">
      <nb-card-body class="example-items-col">
        <h2>Leaks data</h2>
        <br>
        <nb-card >
          <nb-card-body>
            <div class="row">
              <h6>Filter options</h6>
                <div class="form-group col">
                  <label for="inputEmail1" class="label col-sm-6 col-form-label">Search by domain</label>
                  <div class="col-sm-9">
                    <input nbInput type="text" #searchText>
                  </div>
                </div>
              </div>
              <div class="searchButton">
                <button type="button"  nbButton status="basic" (click)="searchText.value='';getLeaks(searchText.value)">reset</button>
                <button type="button"  nbButton status="success" (click)="getLeaks(searchText.value)" ><nb-icon icon="search-outline" ></nb-icon></button>
              </div>
          </nb-card-body>
        </nb-card>
        <div class="col-md-4 offset-md-8">
          <nb-select placeholder="Select limit" [(selected)]="this.limit" (selectedChange)="changeLimit($event)">
            <nb-option value="10">10</nb-option>
            <nb-option value="50">50</nb-option>
            <nb-option value="100">100</nb-option>
            <nb-option value="-1">All</nb-option>
          </nb-select>
          <button [disabled]="page==1" (click)="goToPage(page-1)" nbButton ghost status="basic">
            <nb-icon icon="arrow-left-outline"></nb-icon>
          </button>
          <nb-select placeholder="Select page" (selectedChange)="goToPage($event)">
            <nb-option *ngFor="let item of [].constructor(total_pages); let i = index" value="{{i+1}}">{{i+1}}</nb-option>
          </nb-select>
          <button [disabled]="page==total_pages" nbButton ghost status="basic" (click)="goToPage(page+1)">
            <nb-icon icon="arrow-right-outline"></nb-icon>
          </button>
        </div>

        <table >
          <tr>
            <th>Username</th>
            <th>Email</th>
            <th>Password</th>
          </tr>
          <tr *ngFor="let item of this.leaksList">
            <td>{{ item.username }}</td>
            <td>{{ item.email }}</td>
            <td>{{ item.password }}</td>

          </tr>
         
        </table>
        <div class="pagination col-md-1 offset-md-11">
          <button [disabled]="page==1" (click)="goToPage(page-1)" nbButton ghost status="basic">
            <nb-icon icon="arrow-left-outline"></nb-icon>
          </button>
          <button [disabled]="page==total_pages" nbButton ghost status="basic" (click)="goToPage(page+1)">
            <nb-icon icon="arrow-right-outline"></nb-icon>
          </button>
      </div>
      <br>
      <div class="page">
        page {{page}} of {{total_pages}} pages
      </div>
      </nb-card-body>
    </nb-card>
  </nb-layout-column>



</nb-layout>