d9f9e0c461
This adds some new visualizations and styles and reports and cleans up some existing styles and class names. Daily activity rhythm <img width="1588" height="412" alt="image" src="https://github.com/user-attachments/assets/0c7980e4-7bb6-4e08-9957-24c3c5718572" /> Helping new members <img width="1456" height="310" alt="image" src="https://github.com/user-attachments/assets/096a13da-ab63-45d4-9b68-53a01df62a78" /> Chat activity <img width="1442" height="926" alt="image" src="https://github.com/user-attachments/assets/07ce2cab-1963-4918-a9ff-805c251a1377" /> Assigns <img width="1388" height="844" alt="image" src="https://github.com/user-attachments/assets/ee49c6ee-2da6-4bfa-b500-715ed7ceb13a" /> AI usage <img width="1442" height="1254" alt="image" src="https://github.com/user-attachments/assets/b382bffb-010d-4072-9144-cb7e6a8680e3" /> Invitations <img width="1486" height="1346" alt="image" src="https://github.com/user-attachments/assets/020f68a9-69d2-46ed-9f38-b0d5e98d02de" /> Writing analysis <img width="917" height="409" alt="image" src="https://github.com/user-attachments/assets/1147427c-513f-4737-8f28-99bfc6f4aff9" /> --------- Co-authored-by: awesomerobot <[email protected]> Co-authored-by: Martin Brennan <[email protected]>
54 lines
1.6 KiB
Plaintext
54 lines
1.6 KiB
Plaintext
import Component from "@glimmer/component";
|
|
import { htmlSafe } from "@ember/template";
|
|
import { i18n } from "discourse-i18n";
|
|
|
|
export default class ReadingTime extends Component {
|
|
get readTimeString() {
|
|
let totalMinutes = Math.floor(this.args.report.data.reading_time / 60);
|
|
let leftOverMinutes = totalMinutes % 60;
|
|
let totalHours = (totalMinutes - leftOverMinutes) / 60;
|
|
|
|
if (leftOverMinutes >= 35) {
|
|
totalHours += 1;
|
|
leftOverMinutes = 0;
|
|
return `${totalHours}h`;
|
|
} else {
|
|
return `${totalHours}h ${leftOverMinutes}m`;
|
|
}
|
|
}
|
|
|
|
<template>
|
|
{{#if @report.data}}
|
|
<div class="rewind-report-page --reading-time">
|
|
<h2 class="rewind-report-title">
|
|
{{i18n "discourse_rewind.reports.reading_time.title"}}
|
|
</h2>
|
|
<div class="rewind-card">
|
|
<p class="reading-time__text">
|
|
{{htmlSafe
|
|
(i18n
|
|
"discourse_rewind.reports.reading_time.book_comparison"
|
|
readingTitme=this.readTimeString
|
|
[email protected]
|
|
)
|
|
}}
|
|
</p>
|
|
<div class="reading-time__book">
|
|
<div class="book">
|
|
<img
|
|
alt=""
|
|
src="/plugins/discourse-rewind/images/books/{{@report.data.isbn}}.jpg"
|
|
/>
|
|
</div>
|
|
{{#if @report.data.series}}
|
|
<div class="book-series one"></div>
|
|
<div class="book-series two"></div>
|
|
<div class="book-series three"></div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
}
|