github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 01:47:22 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: Convert topic-dismiss-buttons to glimmer/gjs (#27606)

Browse Source
This commit is contained in:
Jarek Radosz 2024-06-25 16:17:47 +02:00 committed by GitHub
parent 7d4ff77a14
commit d7a5defe3c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 77 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
app/assets/javascripts/discourse/app/components/topic-dismiss-buttons.gjs Normal file
View File

@ -0,0 +1,77 @@
import Component from "@glimmer/component";
import { action } from "@ember/object";
import { service } from "@ember/service";
import DButton from "discourse/components/d-button";
import DismissReadModal from "discourse/components/modal/dismiss-read";
import I18n from "discourse-i18n";
export default class TopicDismissButtons extends Component {
@service currentUser;
@service modal;
get showBasedOnPosition() {
return this.args.position === "top" || this.args.model.topics.length > 5;
}
get dismissLabel() {
if (this.args.selectedTopics.length === 0) {
return I18n.t("topics.bulk.dismiss_button");
}
return I18n.t("topics.bulk.dismiss_button_with_selected", {
count: this.args.selectedTopics.length,
});
}
get dismissNewLabel() {
if (this.currentUser?.new_new_view_enabled) {
return I18n.t("topics.bulk.dismiss_button");
}
if (this.args.selectedTopics.length === 0) {
return I18n.t("topics.bulk.dismiss_new");
}
return I18n.t("topics.bulk.dismiss_new_with_selected", {
count: this.args.selectedTopics.length,
});
}
@action
dismissReadPosts() {
this.modal.show(DismissReadModal, {
model: {
title: this.args.selectedTopics.length
? "topics.bulk.dismiss_read_with_selected"
: "topics.bulk.dismiss_read",
count: this.args.selectedTopics.length,
dismissRead: this.args.dismissRead,
},
});
}
<template>
{{~#if this.showBasedOnPosition~}}
<div class="row dismiss-container-{{@position}}">
{{~#if @showDismissRead~}}
<DButton
@action={{this.dismissReadPosts}}
@translatedLabel={{this.dismissLabel}}
@title="topics.bulk.dismiss_tooltip"
id="dismiss-topics-{{@position}}"
class="btn-default dismiss-read"
/>
{{~/if~}}
{{~#if @showResetNew~}}
<DButton
@action={{@resetNew}}
@translatedLabel={{this.dismissNewLabel}}
@icon="check"
id="dismiss-new-{{@position}}"
class="btn-default dismiss-read"
/>
{{~/if~}}
</div>
{{~/if~}}
</template>
}

22
app/assets/javascripts/discourse/app/components/topic-dismiss-buttons.hbs
View File

@ -1,22 +0,0 @@
{{~#if this.showBasedOnPosition}}
<div class="row {{this.containerClass}}">
{{~#if this.showDismissRead}}
<DButton
@action={{this.dismissReadPosts}}
@translatedLabel={{this.dismissLabel}}
@title="topics.bulk.dismiss_tooltip"
id={{this.dismissReadId}}
class="btn-default dismiss-read"
/>
{{/if~}}
{{~#if this.showResetNew}}
<DButton
@action={{this.resetNew}}
@icon="check"
@translatedLabel={{this.dismissNewLabel}}
id={{this.dismissNewId}}
class="btn-default dismiss-read"
/>
{{/if~}}
</div>
{{/if~}}

78
app/assets/javascripts/discourse/app/components/topic-dismiss-buttons.js
View File

@ -1,78 +0,0 @@
import Component from "@ember/component";
import { action } from "@ember/object";
import { service } from "@ember/service";
import DismissReadModal from "discourse/components/modal/dismiss-read";
import discourseComputed from "discourse-common/utils/decorators";
import I18n from "discourse-i18n";
export default Component.extend({
tagName: "",
classNames: ["topic-dismiss-buttons"],
currentUser: service(),
modal: service(),
position: null,
selectedTopics: null,
model: null,
@discourseComputed("position")
containerClass(position) {
return `dismiss-container-${position}`;
},
@discourseComputed("position")
dismissReadId(position) {
return `dismiss-topics-${position}`;
},
@discourseComputed("position")
dismissNewId(position) {
return `dismiss-new-${position}`;
},
@discourseComputed("position", "model.topics.length")
showBasedOnPosition(position, topicCount) {
if (position !== "top") {
return topicCount > 5;
}
return true;
},
@discourseComputed("selectedTopics.length")
dismissLabel(selectedTopicCount) {
if (selectedTopicCount === 0) {
return I18n.t("topics.bulk.dismiss_button");
}
return I18n.t("topics.bulk.dismiss_button_with_selected", {
count: selectedTopicCount,
});
},
@discourseComputed("selectedTopics.length")
dismissNewLabel(selectedTopicCount) {
if (this.currentUser?.new_new_view_enabled) {
return I18n.t("topics.bulk.dismiss_button");
} else if (selectedTopicCount === 0) {
return I18n.t("topics.bulk.dismiss_new");
}
return I18n.t("topics.bulk.dismiss_new_with_selected", {
count: selectedTopicCount,
});
},
@action
dismissReadPosts() {
let dismissTitle = "topics.bulk.dismiss_read";
if (this.selectedTopics.length) {
dismissTitle = "topics.bulk.dismiss_read_with_selected";
}
this.modal.show(DismissReadModal, {
model: {
title: dismissTitle,
count: this.selectedTopics.length,
dismissRead: this.dismissRead,
},
});
},
});