mirror of
https://github.com/discourse/discourse.git
synced 2024-11-27 18:13:40 +08:00
DEV: Export the default behaviour of a topic-list-item so it can be reused by the discourse-assign plugin (#7433)
This commit is contained in:
Roman Rizzi
GitHub
parent
e0db323efb
commit
404666c9e9
|
|
@ -29,10 +29,152 @@ export function navigateToTopic(topic, href) {
|
|||
return false;
|
||||
}
|
||||
|
||||
export const ListItemDefaults = {
|
||||
tagName: "tr",
|
||||
|
||||
@computed
|
||||
newDotText() {
|
||||
return this.currentUser && this.currentUser.trust_level > 0
|
||||
? ""
|
||||
: I18n.t("filters.new.lower_title");
|
||||
},
|
||||
|
||||
@computed("topic", "lastVisitedTopic")
|
||||
unboundClassNames(topic, lastVisitedTopic) {
|
||||
let classes = [];
|
||||
|
||||
if (topic.get("category")) {
|
||||
classes.push("category-" + topic.get("category.fullSlug"));
|
||||
}
|
||||
|
||||
if (topic.get("tags")) {
|
||||
topic.get("tags").forEach(tagName => classes.push("tag-" + tagName));
|
||||
}
|
||||
|
||||
if (topic.get("hasExcerpt")) {
|
||||
classes.push("has-excerpt");
|
||||
}
|
||||
|
||||
if (topic.get("unseen")) {
|
||||
classes.push("unseen-topic");
|
||||
}
|
||||
|
||||
if (topic.get("displayNewPosts")) {
|
||||
classes.push("new-posts");
|
||||
}
|
||||
|
||||
["liked", "archived", "bookmarked", "pinned", "closed"].forEach(name => {
|
||||
if (topic.get(name)) {
|
||||
classes.push(name);
|
||||
}
|
||||
});
|
||||
|
||||
if (topic === lastVisitedTopic) {
|
||||
classes.push("last-visit");
|
||||
}
|
||||
|
||||
return classes.join(" ");
|
||||
},
|
||||
|
||||
hasLikes: function() {
|
||||
return this.get("topic.like_count") > 0;
|
||||
},
|
||||
|
||||
hasOpLikes: function() {
|
||||
return this.get("topic.op_like_count") > 0;
|
||||
},
|
||||
|
||||
@computed
|
||||
expandPinned: function() {
|
||||
const pinned = this.get("topic.pinned");
|
||||
if (!pinned) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.site.mobileView) {
|
||||
if (!this.siteSettings.show_pinned_excerpt_mobile) {
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
if (!this.siteSettings.show_pinned_excerpt_desktop) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.get("expandGloballyPinned") && this.get("topic.pinned_globally")) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (this.get("expandAllPinned")) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
showEntrance,
|
||||
|
||||
click(e) {
|
||||
const result = this.showEntrance(e);
|
||||
if (result === false) {
|
||||
return result;
|
||||
}
|
||||
|
||||
const topic = this.get("topic");
|
||||
const target = $(e.target);
|
||||
if (target.hasClass("bulk-select")) {
|
||||
const selected = this.get("selected");
|
||||
|
||||
if (target.is(":checked")) {
|
||||
selected.addObject(topic);
|
||||
} else {
|
||||
selected.removeObject(topic);
|
||||
}
|
||||
}
|
||||
|
||||
if (target.hasClass("raw-topic-link")) {
|
||||
if (wantsNewWindow(e)) {
|
||||
return true;
|
||||
}
|
||||
return this.navigateToTopic(topic, target.attr("href"));
|
||||
}
|
||||
|
||||
if (target.closest("a.topic-status").length === 1) {
|
||||
this.get("topic").togglePinnedForUser();
|
||||
return false;
|
||||
}
|
||||
|
||||
return this.unhandledRowClick(e, topic);
|
||||
},
|
||||
|
||||
navigateToTopic,
|
||||
|
||||
highlight(opts = { isLastViewedTopic: false }) {
|
||||
const $topic = this.$();
|
||||
$topic
|
||||
.addClass("highlighted")
|
||||
.attr("data-islastviewedtopic", opts.isLastViewedTopic);
|
||||
|
||||
$topic.on("animationend", () => $topic.removeClass("highlighted"));
|
||||
},
|
||||
|
||||
_highlightIfNeeded: function() {
|
||||
// highlight the last topic viewed
|
||||
if (this.session.get("lastTopicIdViewed") === this.get("topic.id")) {
|
||||
this.session.set("lastTopicIdViewed", null);
|
||||
this.highlight({ isLastViewedTopic: true });
|
||||
} else if (this.get("topic.highlight")) {
|
||||
// highlight new topics that have been loaded from the server or the one we just created
|
||||
this.set("topic.highlight", false);
|
||||
this.highlight();
|
||||
}
|
||||
}.on("didInsertElement")
|
||||
};
|
||||
|
||||
export default Ember.Component.extend(
|
||||
ListItemDefaults,
|
||||
bufferedRender({
|
||||
rerenderTriggers: ["bulkSelectEnabled", "topic.pinned"],
|
||||
tagName: "tr",
|
||||
classNameBindings: [
|
||||
":topic-list-item",
|
||||
"unboundClassNames",
|
||||
|
|
@ -41,13 +183,6 @@ export default Ember.Component.extend(
|
|||
attributeBindings: ["data-topic-id"],
|
||||
"data-topic-id": Ember.computed.alias("topic.id"),
|
||||
|
||||
@computed
|
||||
newDotText() {
|
||||
return this.currentUser && this.currentUser.trust_level > 0
|
||||
? ""
|
||||
: I18n.t("filters.new.lower_title");
|
||||
},
|
||||
|
||||
actions: {
|
||||
toggleBookmark() {
|
||||
this.get("topic")
|
||||
|
|
@ -63,141 +198,7 @@ export default Ember.Component.extend(
|
|||
}
|
||||
},
|
||||
|
||||
@computed("topic", "lastVisitedTopic")
|
||||
unboundClassNames(topic, lastVisitedTopic) {
|
||||
let classes = [];
|
||||
|
||||
if (topic.get("category")) {
|
||||
classes.push("category-" + topic.get("category.fullSlug"));
|
||||
}
|
||||
|
||||
if (topic.get("tags")) {
|
||||
topic.get("tags").forEach(tagName => classes.push("tag-" + tagName));
|
||||
}
|
||||
|
||||
if (topic.get("hasExcerpt")) {
|
||||
classes.push("has-excerpt");
|
||||
}
|
||||
|
||||
if (topic.get("unseen")) {
|
||||
classes.push("unseen-topic");
|
||||
}
|
||||
|
||||
if (topic.get("displayNewPosts")) {
|
||||
classes.push("new-posts");
|
||||
}
|
||||
|
||||
["liked", "archived", "bookmarked", "pinned", "closed"].forEach(name => {
|
||||
if (topic.get(name)) {
|
||||
classes.push(name);
|
||||
}
|
||||
});
|
||||
|
||||
if (topic === lastVisitedTopic) {
|
||||
classes.push("last-visit");
|
||||
}
|
||||
|
||||
return classes.join(" ");
|
||||
},
|
||||
|
||||
hasLikes: function() {
|
||||
return this.get("topic.like_count") > 0;
|
||||
},
|
||||
|
||||
hasOpLikes: function() {
|
||||
return this.get("topic.op_like_count") > 0;
|
||||
},
|
||||
|
||||
@computed
|
||||
expandPinned: function() {
|
||||
const pinned = this.get("topic.pinned");
|
||||
if (!pinned) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.site.mobileView) {
|
||||
if (!this.siteSettings.show_pinned_excerpt_mobile) {
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
if (!this.siteSettings.show_pinned_excerpt_desktop) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (
|
||||
this.get("expandGloballyPinned") &&
|
||||
this.get("topic.pinned_globally")
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (this.get("expandAllPinned")) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
showEntrance,
|
||||
|
||||
click(e) {
|
||||
const result = this.showEntrance(e);
|
||||
if (result === false) {
|
||||
return result;
|
||||
}
|
||||
|
||||
const topic = this.get("topic");
|
||||
const target = $(e.target);
|
||||
if (target.hasClass("bulk-select")) {
|
||||
const selected = this.get("selected");
|
||||
|
||||
if (target.is(":checked")) {
|
||||
selected.addObject(topic);
|
||||
} else {
|
||||
selected.removeObject(topic);
|
||||
}
|
||||
}
|
||||
|
||||
if (target.hasClass("raw-topic-link")) {
|
||||
if (wantsNewWindow(e)) {
|
||||
return true;
|
||||
}
|
||||
return this.navigateToTopic(topic, target.attr("href"));
|
||||
}
|
||||
|
||||
if (target.closest("a.topic-status").length === 1) {
|
||||
this.get("topic").togglePinnedForUser();
|
||||
return false;
|
||||
}
|
||||
|
||||
return this.unhandledRowClick(e, topic);
|
||||
},
|
||||
|
||||
navigateToTopic,
|
||||
|
||||
// Can be overwritten by plugins to handle clicks on other parts of the row
|
||||
unhandledRowClick() {},
|
||||
|
||||
highlight(opts = { isLastViewedTopic: false }) {
|
||||
const $topic = this.$();
|
||||
$topic
|
||||
.addClass("highlighted")
|
||||
.attr("data-islastviewedtopic", opts.isLastViewedTopic);
|
||||
|
||||
$topic.on("animationend", () => $topic.removeClass("highlighted"));
|
||||
},
|
||||
|
||||
_highlightIfNeeded: function() {
|
||||
// highlight the last topic viewed
|
||||
if (this.session.get("lastTopicIdViewed") === this.get("topic.id")) {
|
||||
this.session.set("lastTopicIdViewed", null);
|
||||
this.highlight({ isLastViewedTopic: true });
|
||||
} else if (this.get("topic.highlight")) {
|
||||
// highlight new topics that have been loaded from the server or the one we just created
|
||||
this.set("topic.highlight", false);
|
||||
this.highlight();
|
||||
}
|
||||
}.on("didInsertElement")
|
||||
unhandledRowClick() {}
|
||||
})
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user