mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
Export DefaultNotificationItem
This commit is contained in:
Daniel Waterworth
committed by
Robin Ward
Robin Ward
parent
04a75b1cb3
commit
bd062fcbef
@@ -13,203 +13,204 @@ import { setTransientHeader } from "discourse/lib/ajax";
|
||||
import { userPath } from "discourse/lib/url";
|
||||
import { iconNode } from "discourse-common/lib/icon-library";
|
||||
|
||||
createWidget("default-notification-item", {
|
||||
tagName: "li",
|
||||
export const DefaultNotificationItem =
|
||||
createWidget("default-notification-item", {
|
||||
tagName: "li",
|
||||
|
||||
buildClasses(attrs) {
|
||||
const classNames = [];
|
||||
if (attrs.get("read")) {
|
||||
classNames.push("read");
|
||||
}
|
||||
if (attrs.is_warning) {
|
||||
classNames.push("is-warning");
|
||||
}
|
||||
return classNames;
|
||||
},
|
||||
|
||||
url() {
|
||||
const attrs = this.attrs;
|
||||
const data = attrs.data;
|
||||
const notificationTypes = this.site.notification_types;
|
||||
|
||||
const badgeId = data.badge_id;
|
||||
if (badgeId) {
|
||||
let badgeSlug = data.badge_slug;
|
||||
|
||||
if (!badgeSlug) {
|
||||
const badgeName = data.badge_name;
|
||||
badgeSlug = badgeName.replace(/[^A-Za-z0-9_]+/g, "-").toLowerCase();
|
||||
buildClasses(attrs) {
|
||||
const classNames = [];
|
||||
if (attrs.get("read")) {
|
||||
classNames.push("read");
|
||||
}
|
||||
|
||||
let username = data.username;
|
||||
username = username ? "?username=" + username.toLowerCase() : "";
|
||||
return Discourse.getURL(
|
||||
"/badges/" + badgeId + "/" + badgeSlug + username
|
||||
);
|
||||
}
|
||||
|
||||
const topicId = attrs.topic_id;
|
||||
|
||||
if (topicId) {
|
||||
return postUrl(attrs.slug, topicId, attrs.post_number);
|
||||
}
|
||||
|
||||
if (attrs.notification_type === notificationTypes.invitee_accepted) {
|
||||
return userPath(data.display_username);
|
||||
}
|
||||
|
||||
if (attrs.notification_type === notificationTypes.liked_consolidated) {
|
||||
return userPath(
|
||||
`${this.attrs.username ||
|
||||
this.currentUser
|
||||
.username}/notifications/likes-received?acting_username=${
|
||||
data.display_username
|
||||
}`
|
||||
);
|
||||
}
|
||||
|
||||
if (data.group_id) {
|
||||
return userPath(data.username + "/messages/group/" + data.group_name);
|
||||
}
|
||||
},
|
||||
|
||||
description() {
|
||||
const data = this.attrs.data;
|
||||
const badgeName = data.badge_name;
|
||||
if (badgeName) {
|
||||
return escapeExpression(badgeName);
|
||||
}
|
||||
|
||||
if (this.attrs.fancy_title) {
|
||||
if (this.attrs.topic_id) {
|
||||
return `<span data-topic-id="${this.attrs.topic_id}">${
|
||||
this.attrs.fancy_title
|
||||
}</span>`;
|
||||
if (attrs.is_warning) {
|
||||
classNames.push("is-warning");
|
||||
}
|
||||
return this.attrs.fancy_title;
|
||||
}
|
||||
return classNames;
|
||||
},
|
||||
|
||||
let title;
|
||||
url() {
|
||||
const attrs = this.attrs;
|
||||
const data = attrs.data;
|
||||
const notificationTypes = this.site.notification_types;
|
||||
|
||||
if (
|
||||
this.attrs.notification_type ===
|
||||
this.site.notification_types.liked_consolidated
|
||||
) {
|
||||
title = I18n.t("notifications.liked_consolidated_description", {
|
||||
count: parseInt(data.count)
|
||||
});
|
||||
} else {
|
||||
title = data.topic_title;
|
||||
}
|
||||
const badgeId = data.badge_id;
|
||||
if (badgeId) {
|
||||
let badgeSlug = data.badge_slug;
|
||||
|
||||
return Ember.isEmpty(title) ? "" : escapeExpression(title);
|
||||
},
|
||||
|
||||
text(notificationType, notificationName) {
|
||||
const { attrs } = this;
|
||||
const data = attrs.data;
|
||||
const scope =
|
||||
notificationName === "custom" ? data.message : `notifications.${notificationName}`;
|
||||
|
||||
const notificationTypes = this.site.notification_types;
|
||||
|
||||
if (notificationType === notificationTypes.group_message_summary) {
|
||||
const count = data.inbox_count;
|
||||
const group_name = data.group_name;
|
||||
return I18n.t(scope, { count, group_name });
|
||||
}
|
||||
|
||||
const username = formatUsername(data.display_username);
|
||||
const description = this.description();
|
||||
|
||||
if (notificationType === notificationTypes.liked && data.count > 1) {
|
||||
const count = data.count - 2;
|
||||
const username2 = formatUsername(data.username2);
|
||||
|
||||
if (count === 0) {
|
||||
return I18n.t("notifications.liked_2", {
|
||||
description,
|
||||
username,
|
||||
username2
|
||||
});
|
||||
} else {
|
||||
return I18n.t("notifications.liked_many", {
|
||||
description,
|
||||
username,
|
||||
username2,
|
||||
count
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return I18n.t(scope, { description, username });
|
||||
},
|
||||
|
||||
html(attrs) {
|
||||
const notificationType = attrs.notification_type;
|
||||
const lookup = this.site.get("notificationLookup");
|
||||
const notificationName = lookup[notificationType];
|
||||
|
||||
let { data } = attrs;
|
||||
let infoKey =
|
||||
notificationName === "custom" ? data.message : notificationName;
|
||||
let text = emojiUnescape(this.text(notificationType, notificationName));
|
||||
let icon = iconNode(`notification.${infoKey}`);
|
||||
|
||||
let title;
|
||||
|
||||
if (notificationName) {
|
||||
if (notificationName === "custom") {
|
||||
title = data.title ? I18n.t(data.title) : "";
|
||||
} else {
|
||||
title = I18n.t(`notifications.titles.${notificationName}`);
|
||||
}
|
||||
} else {
|
||||
title = "";
|
||||
}
|
||||
|
||||
// We can use a `<p>` tag here once other languages have fixed their HTML
|
||||
// translations.
|
||||
let html = new RawHtml({ html: `<div>${text}</div>` });
|
||||
|
||||
let contents = [icon, html];
|
||||
|
||||
const href = this.url();
|
||||
return href
|
||||
? h(
|
||||
"a",
|
||||
{ attributes: { href, title, "data-auto-route": true } },
|
||||
contents
|
||||
)
|
||||
: contents;
|
||||
},
|
||||
|
||||
click(e) {
|
||||
this.attrs.set("read", true);
|
||||
const id = this.attrs.id;
|
||||
setTransientHeader("Discourse-Clear-Notifications", id);
|
||||
if (document && document.cookie) {
|
||||
let path = Discourse.BaseUri || "/";
|
||||
document.cookie = `cn=${id}; path=${path}; expires=Fri, 31 Dec 9999 23:59:59 GMT`;
|
||||
}
|
||||
if (wantsNewWindow(e)) {
|
||||
return;
|
||||
}
|
||||
e.preventDefault();
|
||||
|
||||
this.sendWidgetEvent("linkClicked");
|
||||
DiscourseURL.routeTo(this.url(), {
|
||||
afterRouteComplete: () => {
|
||||
if (!this.attrs.data.revision_number) {
|
||||
return;
|
||||
if (!badgeSlug) {
|
||||
const badgeName = data.badge_name;
|
||||
badgeSlug = badgeName.replace(/[^A-Za-z0-9_]+/g, "-").toLowerCase();
|
||||
}
|
||||
|
||||
this.appEvents.trigger(
|
||||
"post:show-revision",
|
||||
this.attrs.post_number,
|
||||
this.attrs.data.revision_number
|
||||
let username = data.username;
|
||||
username = username ? "?username=" + username.toLowerCase() : "";
|
||||
return Discourse.getURL(
|
||||
"/badges/" + badgeId + "/" + badgeSlug + username
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
const topicId = attrs.topic_id;
|
||||
|
||||
if (topicId) {
|
||||
return postUrl(attrs.slug, topicId, attrs.post_number);
|
||||
}
|
||||
|
||||
if (attrs.notification_type === notificationTypes.invitee_accepted) {
|
||||
return userPath(data.display_username);
|
||||
}
|
||||
|
||||
if (attrs.notification_type === notificationTypes.liked_consolidated) {
|
||||
return userPath(
|
||||
`${this.attrs.username ||
|
||||
this.currentUser
|
||||
.username}/notifications/likes-received?acting_username=${
|
||||
data.display_username
|
||||
}`
|
||||
);
|
||||
}
|
||||
|
||||
if (data.group_id) {
|
||||
return userPath(data.username + "/messages/group/" + data.group_name);
|
||||
}
|
||||
},
|
||||
|
||||
description() {
|
||||
const data = this.attrs.data;
|
||||
const badgeName = data.badge_name;
|
||||
if (badgeName) {
|
||||
return escapeExpression(badgeName);
|
||||
}
|
||||
|
||||
if (this.attrs.fancy_title) {
|
||||
if (this.attrs.topic_id) {
|
||||
return `<span data-topic-id="${this.attrs.topic_id}">${
|
||||
this.attrs.fancy_title
|
||||
}</span>`;
|
||||
}
|
||||
return this.attrs.fancy_title;
|
||||
}
|
||||
|
||||
let title;
|
||||
|
||||
if (
|
||||
this.attrs.notification_type ===
|
||||
this.site.notification_types.liked_consolidated
|
||||
) {
|
||||
title = I18n.t("notifications.liked_consolidated_description", {
|
||||
count: parseInt(data.count)
|
||||
});
|
||||
} else {
|
||||
title = data.topic_title;
|
||||
}
|
||||
|
||||
return Ember.isEmpty(title) ? "" : escapeExpression(title);
|
||||
},
|
||||
|
||||
text(notificationType, notificationName) {
|
||||
const { attrs } = this;
|
||||
const data = attrs.data;
|
||||
const scope =
|
||||
notificationName === "custom" ? data.message : `notifications.${notificationName}`;
|
||||
|
||||
const notificationTypes = this.site.notification_types;
|
||||
|
||||
if (notificationType === notificationTypes.group_message_summary) {
|
||||
const count = data.inbox_count;
|
||||
const group_name = data.group_name;
|
||||
return I18n.t(scope, { count, group_name });
|
||||
}
|
||||
|
||||
const username = formatUsername(data.display_username);
|
||||
const description = this.description();
|
||||
|
||||
if (notificationType === notificationTypes.liked && data.count > 1) {
|
||||
const count = data.count - 2;
|
||||
const username2 = formatUsername(data.username2);
|
||||
|
||||
if (count === 0) {
|
||||
return I18n.t("notifications.liked_2", {
|
||||
description,
|
||||
username,
|
||||
username2
|
||||
});
|
||||
} else {
|
||||
return I18n.t("notifications.liked_many", {
|
||||
description,
|
||||
username,
|
||||
username2,
|
||||
count
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return I18n.t(scope, { description, username });
|
||||
},
|
||||
|
||||
html(attrs) {
|
||||
const notificationType = attrs.notification_type;
|
||||
const lookup = this.site.get("notificationLookup");
|
||||
const notificationName = lookup[notificationType];
|
||||
|
||||
let { data } = attrs;
|
||||
let infoKey =
|
||||
notificationName === "custom" ? data.message : notificationName;
|
||||
let text = emojiUnescape(this.text(notificationType, notificationName));
|
||||
let icon = iconNode(`notification.${infoKey}`);
|
||||
|
||||
let title;
|
||||
|
||||
if (notificationName) {
|
||||
if (notificationName === "custom") {
|
||||
title = data.title ? I18n.t(data.title) : "";
|
||||
} else {
|
||||
title = I18n.t(`notifications.titles.${notificationName}`);
|
||||
}
|
||||
} else {
|
||||
title = "";
|
||||
}
|
||||
|
||||
// We can use a `<p>` tag here once other languages have fixed their HTML
|
||||
// translations.
|
||||
let html = new RawHtml({ html: `<div>${text}</div>` });
|
||||
|
||||
let contents = [icon, html];
|
||||
|
||||
const href = this.url();
|
||||
return href
|
||||
? h(
|
||||
"a",
|
||||
{ attributes: { href, title, "data-auto-route": true } },
|
||||
contents
|
||||
)
|
||||
: contents;
|
||||
},
|
||||
|
||||
click(e) {
|
||||
this.attrs.set("read", true);
|
||||
const id = this.attrs.id;
|
||||
setTransientHeader("Discourse-Clear-Notifications", id);
|
||||
if (document && document.cookie) {
|
||||
let path = Discourse.BaseUri || "/";
|
||||
document.cookie = `cn=${id}; path=${path}; expires=Fri, 31 Dec 9999 23:59:59 GMT`;
|
||||
}
|
||||
if (wantsNewWindow(e)) {
|
||||
return;
|
||||
}
|
||||
e.preventDefault();
|
||||
|
||||
this.sendWidgetEvent("linkClicked");
|
||||
DiscourseURL.routeTo(this.url(), {
|
||||
afterRouteComplete: () => {
|
||||
if (!this.attrs.data.revision_number) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.appEvents.trigger(
|
||||
"post:show-revision",
|
||||
this.attrs.post_number,
|
||||
this.attrs.data.revision_number
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user