discourse/app/assets/javascripts/admin/templates/logs/screened-ip-addresses.hbs

<p>{{i18n "admin.logs.screened_ips.description"}}</p>

<div class="screened-ip-controls">
  <div class="filter-screened-ip-address">
    {{text-field
      value=filter
      class="ip-address-input"
      placeholderKey="admin.logs.screened_ips.form.filter"
      autocorrect="off"
      autocapitalize="off"}}
    {{d-button
      class="btn-default"
      action=(action "rollUp")
      title="admin.logs.screened_ips.roll_up.title"
      label="admin.logs.screened_ips.roll_up.text"}}
    {{d-button
      class="btn-default"
      action=(action "exportScreenedIpList")
      icon="download"
      title="admin.export_csv.button_title.screened_ip"
      label="admin.export_csv.button_text"}}
  </div>

  {{screened-ip-address-form action=(action "recordAdded")}}
</div>

{{#conditional-loading-spinner condition=loading}}
  {{#if model.length}}
    <table class="admin-logs-table screened-ip-addresses grid">
      <thead class="heading-container">
        <th class="col heading first ip_address">{{i18n "admin.logs.ip_address"}}</th>
        <th class="col heading action">{{i18n "admin.logs.action"}}</th>
        <th class="col heading match_count">{{i18n "admin.logs.match_count"}}</th>
        <th class="col heading created_at">{{i18n "admin.logs.created_at"}}</th>
        <th class="col heading last_match_at">{{i18n "admin.logs.last_match_at"}}</th>
        <th class="col heading actions"></th>
      </thead>
      <tbody>
      {{#each model as |item|}}
        <tr class="admin-list-item">
          <td class="col first ip_address">
            {{#if item.editing}}
              {{text-field value=item.ip_address autofocus="autofocus"}}
            {{else}}
              <span {{action "edit" item}}>
                {{#if item.isRange}}
                  <strong>{{item.ip_address}}</strong>
                {{else}}
                  {{item.ip_address}}
                {{/if}}
              </span>
            {{/if}}
          </td>
          <td class="col action">
            {{#if item.isBlocked}}
              {{d-icon "ban"}}
            {{else}}
              {{d-icon "check"}}
            {{/if}}
            {{item.actionName}}
          </td>
          <td class="col match_count">
            <div class="label">{{i18n "admin.logs.match_count"}}</div>
            {{item.match_count}}
          </td>
          <td class="col created_at">
            <div class="label">{{i18n "admin.logs.created_at"}}</div>
            {{age-with-tooltip item.created_at}}
          </td>
          <td class="col last_match_at">
            {{#if item.last_match_at}}
              <div class="label">
                {{i18n "admin.logs.last_match_at"}}
                {{age-with-tooltip item.last_match_at}}
              </div>
            {{/if}}
          </td>
          <td class="col actions">
            {{#unless item.editing}}
              {{d-button
                class="btn-default btn-danger"
                action=(action "destroy")
                actionParam=item
                icon="far-trash-alt"}}
              {{d-button
                class="btn-default"
                action=(action "edit")
                actionParam=item
                icon="pencil-alt"}}
              {{#if item.isBlocked}}
                {{d-button
                  class="btn-default"
                  action=(action "allow")
                  actionParam=item
                  icon="check"
                  label="admin.logs.screened_ips.actions.do_nothing"}}
              {{else}}
                {{d-button
                  class="btn-default"
                  action=(action "block")
                  actionParam=item
                  icon="ban"
                  label="admin.logs.screened_ips.actions.block"}}
              {{/if}}
            {{else}}
              {{d-button
                class="btn-default"
                action=(action "save")
                actionParam=item
                label="admin.logs.save"}}
              <a {{action "cancel" item}}>{{i18n "cancel"}}</a>
            {{/unless}}
          </td>
        </tr>
      {{/each}}
      </tbody>
    </table>
  {{else}}
    {{i18n "search.no_results"}}
  {{/if}}
{{/conditional-loading-spinner}}