discourse/app/assets/javascripts/admin/addon/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 inline-form">
    <TextField @value={{this.filter}} @class="ip-address-input" @placeholderKey="admin.logs.screened_ips.form.filter" @autocorrect="off" @autocapitalize="off" />
    <DButton @class="btn-default" @action={{action "exportScreenedIpList"}} @icon="download" @title="admin.export_csv.button_title.screened_ip" @label="admin.export_csv.button_text" />
  </div>

  <ScreenedIpAddressForm @action={{action "recordAdded"}} />
</div>

<ConditionalLoadingSpinner @condition={{this.loading}}>
  {{#if this.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 this.model as |item|}}
          <tr class="admin-list-item">
            <td class="col first ip_address">
              {{#if item.editing}}
                <TextField @value={{item.ip_address}} @autofocus="autofocus" />
              {{else}}
                <a href {{action "edit" item}} class="inline-editable-field">
                  {{#if item.isRange}}
                    <strong>{{item.ip_address}}</strong>
                  {{else}}
                    {{item.ip_address}}
                  {{/if}}
                </a>
              {{/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">
              {{#if item.editing}}
                <DButton @class="btn-default" @action={{action "save"}} @actionParam={{item}} @label="admin.logs.save" />
                <DButton @class="btn-flat" @action={{action "cancel" item}} @translatedLabel={{i18n "cancel"}} />
              {{else}}
                <DButton @class="btn-default btn-danger" @action={{action "destroy"}} @actionParam={{item}} @icon="far-trash-alt" />
                <DButton @class="btn-default" @action={{action "edit"}} @actionParam={{item}} @icon="pencil-alt" />
                {{#if item.isBlocked}}
                  <DButton @class="btn-default" @action={{action "allow"}} @actionParam={{item}} @icon="check" @label="admin.logs.screened_ips.actions.do_nothing" />
                {{else}}
                  <DButton @class="btn-default" @action={{action "block"}} @actionParam={{item}} @icon="ban" @label="admin.logs.screened_ips.actions.block" />
                {{/if}}
              {{/if}}
            </td>
          </tr>
        {{/each}}
      </tbody>
    </table>
  {{else}}
    {{i18n "search.no_results"}}
  {{/if}}
</ConditionalLoadingSpinner>