19a1e1b20e
Each change is tested manually line by line. There are too many changes so I can't share dozens of screenshots. In short: 1. `ui right` could be still used in `ui top attached header`, because there is a special case. 2. A lot of `ui right` are just no-op, so they can be removed safely. 3. Some of the `ui right` should be replaced by `gt-float-right` (to avoid breaking, leave them to the future). 4. A few of the `ui right` could be rewritten by flex.
72 lines
2.6 KiB
Handlebars
72 lines
2.6 KiB
Handlebars
{{template "admin/layout_head" (dict "ctxData" . "pageClass" "admin notice")}}
|
|
<div class="admin-setting-content">
|
|
<h4 class="ui top attached header">
|
|
{{.locale.Tr "admin.notices.system_notice_list"}} ({{.locale.Tr "admin.total" .Total}})
|
|
</h4>
|
|
<table class="ui attached segment select selectable striped table unstackable g-table-auto-ellipsis">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>ID</th>
|
|
<th>{{.locale.Tr "admin.notices.type"}}</th>
|
|
<th>{{.locale.Tr "admin.notices.desc"}}</th>
|
|
<th>{{.locale.Tr "admin.users.created"}}</th>
|
|
<th>{{.locale.Tr "admin.notices.op"}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .Notices}}
|
|
<tr>
|
|
<td><div class="ui checkbox gt-df" data-id="{{.ID}}"><input type="checkbox"></div></td>
|
|
<td>{{.ID}}</td>
|
|
<td>{{$.locale.Tr .TrStr}}</td>
|
|
<td class="view-detail auto-ellipsis" style="width: 80%;"><span class="notice-description">{{.Description}}</span></td>
|
|
<td nowrap>{{DateTime "short" .CreatedUnix}}</td>
|
|
<td class="view-detail"><a href="#">{{svg "octicon-note" 16}}</a></td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
{{if .Notices}}
|
|
<tfoot>
|
|
<tr>
|
|
<th></th>
|
|
<th colspan="5">
|
|
<form class="gt-float-right" method="post" action="{{AppSubUrl}}/admin/notices/empty">
|
|
{{.CsrfTokenHtml}}
|
|
<button type="submit" class="ui red small button">{{.locale.Tr "admin.notices.delete_all"}}</button>
|
|
</form>
|
|
<div class="ui floating upward dropdown small button">{{/* TODO: Make this dropdown accessible */}}
|
|
<span class="text">{{.locale.Tr "admin.notices.operations"}}</span>
|
|
<div class="menu">
|
|
<div class="item select action" data-action="select-all">
|
|
{{.locale.Tr "admin.notices.select_all"}}
|
|
</div>
|
|
<div class="item select action" data-action="deselect-all">
|
|
{{.locale.Tr "admin.notices.deselect_all"}}
|
|
</div>
|
|
<div class="item select action" data-action="inverse">
|
|
{{.locale.Tr "admin.notices.inverse_selection"}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="ui small teal button" id="delete-selection" data-link="{{.Link}}/delete" data-redirect="{{.Link}}?page={{.Page.Paginater.Current}}">
|
|
{{.locale.Tr "admin.notices.delete_selected"}}
|
|
</button>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
{{end}}
|
|
</table>
|
|
{{template "base/paginate" .}}
|
|
</div>
|
|
|
|
<div class="ui modal admin" id="detail-modal">
|
|
<div class="header">{{$.locale.Tr "admin.notices.view_detail_header"}}</div>
|
|
<div class="content">
|
|
<div class="sub header"></div>
|
|
<pre></pre>
|
|
</div>
|
|
</div>
|
|
|
|
{{template "admin/layout_footer" .}}
|