mobile admin cleanup
This commit is contained in:
parent
409a30ce1c
commit
c2cfb6ebae
|
@ -1,41 +1,41 @@
|
||||||
<p>
|
<p>
|
||||||
{{i18n 'admin.logs.screened_emails.description'}}
|
{{i18n 'admin.logs.screened_emails.description'}}
|
||||||
<button class="btn screened-email-export" {{action "exportScreenedEmailList"}} title="{{i18n 'admin.export_csv.button_title.screened_email'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
|
|
||||||
</p>
|
</p>
|
||||||
|
<button class="btn screened-email-export" {{action "exportScreenedEmailList"}} title="{{i18n 'admin.export_csv.button_title.screened_email'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
{{#conditional-loading-spinner condition=loading}}
|
{{#conditional-loading-spinner condition=loading}}
|
||||||
{{#if model.length}}
|
{{#if model.length}}
|
||||||
|
|
||||||
<div class='table screened-emails'>
|
<table class='screened-emails grid'>
|
||||||
<div class="heading-container">
|
<thead>
|
||||||
<div class="col heading first email">{{i18n 'admin.logs.screened_emails.email'}}</div>
|
<th class="first email">{{i18n 'admin.logs.screened_emails.email'}}</th>
|
||||||
<div class="col heading action">{{i18n 'admin.logs.action'}}</div>
|
<th class="action">{{i18n 'admin.logs.action'}}</th>
|
||||||
<div class="col heading match_count">{{i18n 'admin.logs.match_count'}}</div>
|
<th class="match_count">{{i18n 'admin.logs.match_count'}}</th>
|
||||||
<div class="col heading last_match_at">{{i18n 'admin.logs.last_match_at'}}</div>
|
<th class="last_match_at">{{i18n 'admin.logs.last_match_at'}}</th>
|
||||||
<div class="col heading created_at">{{i18n 'admin.logs.created_at'}}</div>
|
<th class="created_at">{{i18n 'admin.logs.created_at'}}</th>
|
||||||
<div class="col heading ip_address">{{i18n 'admin.logs.ip_address'}}</div>
|
<th class="ip_address">{{i18n 'admin.logs.ip_address'}}</th>
|
||||||
<div class="col heading action"></div>
|
<th class="action"></th>
|
||||||
<div class="clearfix"></div>
|
</thead>
|
||||||
</div>
|
<tbody>
|
||||||
|
|
||||||
{{#each model as |item|}}
|
{{#each model as |item|}}
|
||||||
<div class="admin-list-item">
|
<tr class="admin-list-item">
|
||||||
<div class="col first email">
|
<td class="col first email">
|
||||||
<div class="overflow-ellipsis" title={{item.email}}>{{item.email}}</div>
|
<div class="overflow-ellipsis" title={{item.email}}>{{item.email}}</div>
|
||||||
</div>
|
</td>
|
||||||
<div class="col action">{{item.actionName}}</div>
|
<td class="action">{{item.actionName}}</td>
|
||||||
<div class="col match_count">{{item.match_count}}</div>
|
<td class="match_count"><div class="label">{{i18n 'admin.logs.match_count'}}</div>{{item.match_count}}</td>
|
||||||
<div class="col last_match_at">{{age-with-tooltip item.last_match_at}}</div>
|
<td class="last_match_at"><div class="label">{{i18n 'admin.logs.last_match_at'}}</div>{{age-with-tooltip item.last_match_at}}</td>
|
||||||
<div class="col created_at">{{age-with-tooltip item.created_at}}</div>
|
<td class="created_at"><div class="label">{{i18n 'admin.logs.created_at'}}</div>{{age-with-tooltip item.created_at}}</td>
|
||||||
<div class="col ip_address">{{item.ip_address}}</div>
|
<td class="ip_address">{{item.ip_address}}</td>
|
||||||
<div class="col action">
|
<td class="action">
|
||||||
{{d-button action="clearBlock" actionParam=item icon="check" label="admin.logs.screened_emails.actions.allow"}}
|
{{d-button action="clearBlock" actionParam=item icon="check" label="admin.logs.screened_emails.actions.allow"}}
|
||||||
</div>
|
</td>
|
||||||
<div class="clearfix"></div>
|
</tr>
|
||||||
</div>
|
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</div>
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
{{else}}
|
{{else}}
|
||||||
{{i18n 'search.no_results'}}
|
{{i18n 'search.no_results'}}
|
||||||
|
|
|
@ -1,34 +1,33 @@
|
||||||
<p>
|
<p>
|
||||||
{{i18n 'admin.logs.screened_urls.description'}}
|
{{i18n 'admin.logs.screened_urls.description'}}
|
||||||
<button class="btn pull-right" {{action "exportScreenedUrlList"}} title="{{i18n 'admin.export_csv.button_title.screened_url'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
|
|
||||||
</p>
|
</p>
|
||||||
|
<button class="btn" {{action "exportScreenedUrlList"}} title="{{i18n 'admin.export_csv.button_title.screened_url'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
{{#conditional-loading-spinner condition=loading}}
|
{{#conditional-loading-spinner condition=loading}}
|
||||||
{{#if model.length}}
|
{{#if model.length}}
|
||||||
<div class='table screened-urls'>
|
<table class='screened-urls grid'>
|
||||||
<div class="heading-container">
|
<thead>
|
||||||
<div class="col heading first domain">{{i18n 'admin.logs.screened_urls.domain'}}</div>
|
<th class="first domain">{{i18n 'admin.logs.screened_urls.domain'}}</th>
|
||||||
<div class="col heading action">{{i18n 'admin.logs.action'}}</div>
|
<th class="action">{{i18n 'admin.logs.action'}}</th>
|
||||||
<div class="col heading match_count">{{i18n 'admin.logs.match_count'}}</div>
|
<th class="match_count">{{i18n 'admin.logs.match_count'}}</th>
|
||||||
<div class="col heading last_match_at">{{i18n 'admin.logs.last_match_at'}}</div>
|
<th class="last_match_at">{{i18n 'admin.logs.last_match_at'}}</th>
|
||||||
<div class="col heading created_at">{{i18n 'admin.logs.created_at'}}</div>
|
<th class="created_at">{{i18n 'admin.logs.created_at'}}</th>
|
||||||
<div class="clearfix"></div>
|
</thead>
|
||||||
</div>
|
<tbody>
|
||||||
|
|
||||||
{{#each model as |url|}}
|
{{#each model as |url|}}
|
||||||
<div class="admin-list-item">
|
<tr class="admin-list-item">
|
||||||
<div class="col first domain">
|
<td class="col first domain">
|
||||||
<div class="overflow-ellipsis" title={{url.domain}}>{{url.domain}}</div>
|
<div class="overflow-ellipsis" title={{url.domain}}>{{url.domain}}</div>
|
||||||
</div>
|
</td>
|
||||||
<div class="col action">{{url.actionName}}</div>
|
<td class="col action">{{url.actionName}}</td>
|
||||||
<div class="col match_count">{{url.match_count}}</div>
|
<td class="col match_count"><div class="label">{{i18n 'admin.logs.match_count'}}</div>{{url.match_count}}</td>
|
||||||
<div class="col last_match_at">{{age-with-tooltip url.last_match_at}}</div>
|
<td class="col last_match_at"><div class="label">{{i18n 'admin.logs.last_match_at'}}</div>{{age-with-tooltip url.last_match_at}}</td>
|
||||||
<div class="col created_at">{{age-with-tooltip url.created_at}}</div>
|
<td class="col created_at"><div class="label">{{i18n 'admin.logs.created_at'}}</div>{{age-with-tooltip url.created_at}}</td>
|
||||||
<div class="clearfix"></div>
|
</tr>
|
||||||
</div>
|
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</div>
|
</tbody>
|
||||||
|
</table>
|
||||||
{{else}}
|
{{else}}
|
||||||
{{i18n 'search.no_results'}}
|
{{i18n 'search.no_results'}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
|
@ -237,24 +237,38 @@ $mobile-breakpoint: 700px;
|
||||||
h3 {
|
h3 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: $font-0;
|
font-size: $font-0;
|
||||||
|
@include breakpoint(mobile) {
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
button.edit {
|
button.edit {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.site-text-value {
|
.site-text-value {
|
||||||
margin: 0.5em 5em 0.5em 0;
|
margin: 0.5em 5em 0.5em 0;
|
||||||
|
@include breakpoint(medium, min-width) {
|
||||||
max-height: 100px;
|
max-height: 100px;
|
||||||
|
}
|
||||||
|
@include breakpoint(mobile) {
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
color: $primary-medium;
|
color: $primary-medium;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.edit-site-text {
|
.edit-site-text {
|
||||||
textarea {
|
textarea {
|
||||||
width: 80%;
|
width: 100%;
|
||||||
|
max-width: 800px;
|
||||||
}
|
}
|
||||||
.save-messages,
|
.save-messages,
|
||||||
.title {
|
.title {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
@include breakpoint(mobile) {
|
||||||
|
.title {
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
}
|
||||||
.go-back {
|
.go-back {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
@ -533,8 +547,14 @@ $mobile-breakpoint: 700px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@include breakpoint(mobile) {
|
||||||
|
margin: 0 -10px;
|
||||||
|
}
|
||||||
input {
|
input {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@include breakpoint(tablet) {
|
||||||
|
max-width: 150px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.search {
|
&.search {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
|
@ -97,6 +97,9 @@ table.api-keys {
|
||||||
grid-column-end: -1;
|
grid-column-end: -1;
|
||||||
grid-column-start: 2;
|
grid-column-start: 2;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
.btn {
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//IE11 Support
|
//IE11 Support
|
||||||
|
|
|
@ -1,7 +1,5 @@
|
||||||
// Styles for /admin/logs
|
// Styles for /admin/logs
|
||||||
|
|
||||||
.screened-emails,
|
|
||||||
.screened-urls,
|
|
||||||
.web-hook-events {
|
.web-hook-events {
|
||||||
border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary);
|
border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary);
|
||||||
.heading-container {
|
.heading-container {
|
||||||
|
@ -222,22 +220,6 @@
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.screened-emails,
|
|
||||||
.screened-urls {
|
|
||||||
.email,
|
|
||||||
.url,
|
|
||||||
.domain {
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
.action,
|
|
||||||
.match_count,
|
|
||||||
.last_match_at,
|
|
||||||
.created_at {
|
|
||||||
text-align: center;
|
|
||||||
width: 9.9099%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.screened-ip-address-form {
|
.screened-ip-address-form {
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
.combobox {
|
.combobox {
|
||||||
|
@ -245,14 +227,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.screened-emails,
|
|
||||||
.screened-urls {
|
|
||||||
.ip_address {
|
|
||||||
width: 9.9099%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.screened-ip-controls {
|
.screened-ip-controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
Loading…
Reference in New Issue