diff --git a/app/assets/javascripts/admin/templates/flags-list.hbs b/app/assets/javascripts/admin/templates/flags-list.hbs index d6211e700e7..e315ce0b9e0 100644 --- a/app/assets/javascripts/admin/templates/flags-list.hbs +++ b/app/assets/javascripts/admin/templates/flags-list.hbs @@ -1,150 +1,154 @@ {{#if model.length}} - {{#load-more tagName="table" className="admin-flags" selector="tbody tr" action="loadMore"}} - - - - - {{i18n 'admin.flags.flagged_by'}} - {{#if adminOldFlagsView}}{{i18n 'admin.flags.resolved_by'}}{{/if}} - - - - {{#each content as |flaggedPost|}} - + {{#load-more selector="tbody tr" action="loadMore"}} + + + + + + + + + + + {{#each content as |flaggedPost|}} + - + - + - - - - - - - {{#if flaggedPost.topicFlagged}} - - - - - {{/if}} - {{#each flaggedPost.conversations as |c|}} - - - + + + + {{#if flaggedPost.topicFlagged}} + + + + + {{/if}} + + {{#each flaggedPost.conversations as |c|}} + + + + + {{/each}} + + {{#unless adminOldFlagsView}} + + - + + + {{/unless}} + {{/each}} - - - - - {{/each}} - - + +
{{i18n 'admin.flags.flagged_by'}}{{#if adminOldFlagsView}}{{i18n 'admin.flags.resolved_by'}}{{/if}}
- {{#if flaggedPost.postAuthorFlagged}} - {{#if flaggedPost.user}} - {{#link-to 'adminUser' flaggedPost.user}}{{avatar flaggedPost.user imageSize="small"}}{{/link-to}} - {{#if flaggedPost.wasEdited}}{{/if}} + + {{#if flaggedPost.postAuthorFlagged}} + {{#if flaggedPost.user}} + {{#link-to 'adminUser' flaggedPost.user}}{{avatar flaggedPost.user imageSize="large"}}{{/link-to}} + {{#if flaggedPost.wasEdited}}{{/if}} + {{/if}} {{/if}} - {{/if}} - {{#if adminActiveFlagsView}} - {{#if flaggedPost.previous_flags_count}} - {{flaggedPost.previous_flags_count}} + {{#if adminActiveFlagsView}} + {{#if flaggedPost.previous_flags_count}} + {{flaggedPost.previous_flags_count}} + {{/if}} {{/if}} - {{/if}} - -

- {{#if flaggedPost.topic.isPrivateMessage}} - {{fa-icon "envelope"}} +

+

+ {{#if flaggedPost.topic.isPrivateMessage}} + {{fa-icon "envelope"}} + {{/if}} + {{topic-status topic=flaggedPost.topic}} + {{{unbound flaggedPost.topic.fancyTitle}}} +

+ {{#if flaggedPost.postAuthorFlagged}} +

{{{flaggedPost.excerpt}}}

{{/if}} - {{topic-status topic=flaggedPost.topic}} - {{{unbound flaggedPost.topic.fancyTitle}}} - - {{#if flaggedPost.postAuthorFlagged}} - {{{flaggedPost.excerpt}}} - {{/if}} -
- - - {{#each flaggedPost.flaggers as |flagger|}} - - - - - {{/each}} - -
- {{#link-to 'adminUser' flagger.user}} - {{avatar flagger.user imageSize="small"}} - {{/link-to}} - - {{#link-to 'adminUser' flagger.user}} - {{flagger.user.username}} - {{/link-to}} - {{format-age flagger.flaggedAt}} -
- {{flagger.flagType}} -
-
- {{#if adminOldFlagsView}} + {{#each flaggedPost.flaggers as |flagger|}} {{/each}}
- {{#link-to 'adminUser' flagger.disposedBy}} - {{avatar flagger.disposedBy imageSize="small"}} + {{#link-to 'adminUser' flagger.user}} + {{avatar flagger.user imageSize="medium"}} {{/link-to}} - {{format-age flagger.disposedAt}} - {{{flagger.dispositionIcon}}} - {{#if flagger.tookAction}} - - {{/if}} + {{#link-to 'adminUser' flagger.user}} + {{flagger.user.username}} + {{/link-to}} + {{format-age flagger.flaggedAt}} +
+ {{flagger.flagType}}
- {{/if}} -
-
- {{{i18n 'admin.flags.topic_flagged'}}} {{i18n 'admin.flags.visit_topic'}} -
-
- {{#if c.response}} -

- {{#link-to 'adminUser' c.response.user}}{{avatar c.response.user imageSize="small"}}{{/link-to}} {{{c.response.excerpt}}} -

- {{#if c.reply}} +
+ {{#if adminOldFlagsView}} + + + {{#each flaggedPost.flaggers as |flagger|}} + + + + + {{/each}} + +
+ {{#link-to 'adminUser' flagger.disposedBy}} + {{avatar flagger.disposedBy imageSize="medium"}} + {{/link-to}} + + {{format-age flagger.disposedAt}} + {{{flagger.dispositionIcon}}} + {{#if flagger.tookAction}} + + {{/if}} +
+ {{/if}} +
+
+ {{{i18n 'admin.flags.topic_flagged'}}} {{i18n 'admin.flags.visit_topic'}} +
+
+
+ {{#if c.response}}

- {{#link-to 'adminUser' c.reply.user}}{{avatar c.reply.user imageSize="small"}}{{/link-to}} {{{c.reply.excerpt}}} - {{#if c.hasMore}} - {{i18n 'admin.flags.more'}} - {{/if}} + {{#link-to 'adminUser' c.response.user}}{{avatar c.response.user imageSize="medium"}}{{/link-to}} {{{c.response.excerpt}}}

+ {{#if c.reply}} +

+ {{#link-to 'adminUser' c.reply.user}}{{avatar c.reply.user imageSize="medium"}}{{/link-to}} {{{c.reply.excerpt}}} + {{#if c.hasMore}} + {{i18n 'admin.flags.more'}} + {{/if}} +

+ {{/if}} + + + {{/if}} - - - +
+
+ {{#if adminActiveFlagsView}} + + {{#if flaggedPost.postHidden}} + + {{else}} + + {{/if}} + + {{/if}} - -
- {{#if adminActiveFlagsView}} - - {{#if flaggedPost.postHidden}} - - {{else}} - - {{/if}} - - - {{/if}} -
{{/load-more}} {{else}} diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss index 41b62309f08..a96ae3e0847 100644 --- a/app/assets/stylesheets/common/admin/admin_base.scss +++ b/app/assets/stylesheets/common/admin/admin_base.scss @@ -818,24 +818,21 @@ section.details { } } - .admin-flags { - table-layout: fixed; + .hidden-post td.excerpt, + .hidden-post td.user { + opacity: 0.5; + } + + .deleted td.excerpt, + .deleted td.user { + background-color: scale-color($danger, $lightness: 70%); + } - .hidden-post td.excerpt, .hidden-post td.user { opacity: 0.5; } - .deleted td.excerpt, .deleted td.user { background-color: scale-color($danger, $lightness: 70%); } .message { background-color: dark-light-diff($highlight, $secondary, 50%, -70%); } .message:hover { background-color: dark-light-diff($highlight, $secondary, 60%, -60%); } - td { vertical-align: top; } - th { text-align: left; } - .user { - width: 25px; - padding: 8px 0 0 0; - text-align: center; - } + .excerpt { - max-width: 700px; - width: 75%; padding: 8px; word-wrap: break-word; .fa { display: inline-block; } @@ -846,34 +843,13 @@ section.details { margin-bottom: 5px; } } - .flaggers { - font-size: 11px; - padding: 8px 0 0 5px; - .avatar { - width: 25px; - } - table { - max-width: 145px; - } - tr { - height: 44px; - } - td { - vertical-align: middle; - padding: 3px; - line-height: 1.4; - } - } + + .flagged-posts { background: $danger; } + .action { button { margin: 4px; } text-align: right; - padding-bottom: 20px; } - td p { - font-size: 0.929em; - margin: 0 0 5px 0; - } - .flagged-posts { background: $danger; } } /* Dashboard */