discourse/app/assets/javascripts/admin/addon/templates/logs/screened-ip-addresses.hbs
Jarek Radosz 1c87bb7fe9
DEV: Update DButton uses (#23333)
1. Use `this.` instead of `{{action}}` where applicable
2. Use `{{fn}}` instead of `@actionParam` where applicable
3. Use non-`@` versions of class/type/tabindex/aria-controls/aria-expanded
4. Remove `btn` class (it's added automatically to all DButtons)
5. Remove `type="button"` (it's the default)
6. Use `concat-class` helper
2023-08-31 11:49:35 +02:00

130 lines
4.4 KiB
Handlebars

<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
@action={{this.exportScreenedIpList}}
@icon="download"
@title="admin.export_csv.button_title.screened_ip"
@label="admin.export_csv.button_text"
class="btn-default"
/>
</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
{{on "click" (fn this.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"}}</div>
{{age-with-tooltip item.last_match_at}}
{{/if}}
</td>
<td class="col actions">
{{#if item.editing}}
<DButton
@action={{fn this.save item}}
@label="admin.logs.save"
class="btn-default"
/>
<DButton
@action={{fn this.cancel item}}
@translatedLabel={{i18n "cancel"}}
class="btn-flat"
/>
{{else}}
<DButton
@action={{fn this.destroyRecord item}}
@icon="far-trash-alt"
class="btn-default btn-danger"
/>
<DButton
@action={{fn this.edit item}}
@icon="pencil-alt"
class="btn-default"
/>
{{#if item.isBlocked}}
<DButton
@action={{fn this.allow item}}
@icon="check"
@label="admin.logs.screened_ips.actions.do_nothing"
class="btn-default"
/>
{{else}}
<DButton
@action={{fn this.block item}}
@icon="ban"
@label="admin.logs.screened_ips.actions.block"
class="btn-default"
/>
{{/if}}
{{/if}}
</td>
</tr>
{{/each}}
</tbody>
</table>
{{else}}
{{i18n "search.no_results"}}
{{/if}}
</ConditionalLoadingSpinner>