39 lines
1.2 KiB
Plaintext
39 lines
1.2 KiB
Plaintext
import Component from "@glimmer/component";
|
|
import { concat } from "@ember/helper";
|
|
import { htmlSafe } from "@ember/template";
|
|
import { i18n } from "discourse-i18n";
|
|
|
|
export default class BestTopics extends Component {
|
|
rank(idx) {
|
|
return idx + 1;
|
|
}
|
|
|
|
<template>
|
|
{{#if @report.data.length}}
|
|
<div class="rewind-report-page -best-topics">
|
|
<h2 class="rewind-report-title">{{i18n
|
|
"discourse_rewind.reports.best_topics.title"
|
|
[email protected]
|
|
}}</h2>
|
|
<div class="rewind-report-container">
|
|
<div class="rewind-card">
|
|
{{#each @report.data as |topic idx|}}
|
|
<a
|
|
href={{concat "/t/-/" topic.topic_id}}
|
|
class={{concat "best-topics__topic" " rank-" (this.rank idx)}}
|
|
>
|
|
<span class="best-topics -rank"></span>
|
|
<span class="best-topics -rank"></span>
|
|
<h2 class="best-topics__header">{{topic.title}}</h2>
|
|
<span class="best-topics__excerpt">{{htmlSafe
|
|
topic.excerpt
|
|
}}</span>
|
|
</a>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
}
|