All files / tools/ReFlex.TrackingServer/ClientApp/src/app/log log.component.html

96.87% Statements 62/64
0% Branches 0/2
0% Functions 0/3
100% Lines 30/30

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 651x     1x       1x             7x         1x     1x 7x 7x 7x 7x 7x 7x 7x   1x     1x 1x     1x   1x   1x     1x 1x 1x     1x 7x 2x 2x 1x 2x   2x     1x        
<div class="content-panel">
  <div class="content__element-narrow">
    <div class="content__header margin-bottom-default">
      <h2 class="heading-secondary">Options</h2>
    </div>
 
    <!-- Transport Protocol -->
    <app-value-selection
      elementTitle="Filter Logs"
      elementId="log-filterSelect"
      class="settings__item margin-bottom-default"
    >
      <select
        selection
        [(ngModel)]="filterLevel"
        class="custom-select"
        data-enpassusermodified="yes"
        name="log-filterSelect"
        id="log-filterSelect"
        (change)="filter()"
        title="select filter for logs"
      >
        <option value="-1" selected="">all</option>
        <option value="0">{{ getLogLevel(0) }}</option>
        <option value="1">{{ getLogLevel(1) }}</option>
        <option value="2">{{ getLogLevel(2) }}</option>
        <option value="3">{{ getLogLevel(3) }}</option>
        <option value="4">{{ getLogLevel(4) }}</option>
        <option value="5">{{ getLogLevel(5) }}</option>
        <option value="6">{{ getLogLevel(6) }}</option>
      </select>
      <div description>Filter Log based on LogLevel.</div>
    </app-value-selection>
 
    <div class="content__buttons">
      <button type="button" class="button" (click)="refresh()">Refresh</button>
    </div>
  </div>
  <div class="content__element-wide">
    <div class="content__header">
      <h2 class="heading-secondary">Log</h2>
    </div>
    <table class="table">
      <thead>
        <tr>
          <th scope="col">Id</th>
          <th scope="col">Message</th>
          <th scope="col">LogLevel</th>
        </tr>
      </thead>
      <tbody>
        @for (message of filteredMessages; track message) {
        <tr class="{{ getClass(message.level) }}">
          <th scope="row">{{ message.id }}</th>
          <td class="text-column">
            <div>{{ message.formattedMessage }}</div>
          </td>
          <td>{{ getLogLevel(message.level) }}</td>
        </tr>
        }
      </tbody>
    </table>
  </div>
</div>