Spiegel von
https://github.com/paviliondev/discourse-custom-wizard.git
synchronisiert 2024-11-26 11:00:28 +01:00
removed the widgets framework
Dieser Commit ist enthalten in:
Faizaan Gagan
Ursprung
4883d85d56
Commit
17ba3f9d77
2 geänderte Dateien mit 0 neuen und 302 gelöschten Zeilen
|
|
@ -144,29 +144,3 @@
|
||||||
//= require_tree ./wizard/models
|
//= require_tree ./wizard/models
|
||||||
//= require_tree ./wizard/routes
|
//= require_tree ./wizard/routes
|
||||||
//= require_tree ./wizard/templates
|
//= require_tree ./wizard/templates
|
||||||
|
|
||||||
//= require discourse/app/components/mount-widget
|
|
||||||
//= require discourse/app/widgets/widget
|
|
||||||
//= require discourse/app/widgets/hooks
|
|
||||||
//= require discourse/app/widgets/decorator-helper
|
|
||||||
//= require discourse/app/widgets/connector
|
|
||||||
//= require discourse/app/widgets/post-cooked
|
|
||||||
//= require discourse/app/lib/highlight-html
|
|
||||||
//= require discourse/app/lib/highlight-search
|
|
||||||
//= require discourse/app/lib/constants
|
|
||||||
//= require discourse/app/lib/click-track
|
|
||||||
//= require discourse/app/helpers/loading-spinner
|
|
||||||
//= require discourse/app/widgets/raw-html
|
|
||||||
//= require discourse/app/lib/dirty-keys
|
|
||||||
|
|
||||||
//= require discourse/app/widgets/search-menu
|
|
||||||
//= require discourse/app/widgets/search-menu-results
|
|
||||||
//= require discourse/app/widgets/post
|
|
||||||
//= require discourse/app/helpers/node
|
|
||||||
//= require discourse/app/widgets/post-stream
|
|
||||||
|
|
||||||
//= require discourse/app/lib/posts-with-placeholders
|
|
||||||
//= require discourse/app/lib/transform-post
|
|
||||||
//= require discourse/app/helpers/category-link
|
|
||||||
//= require discourse/app/lib/render-tags
|
|
||||||
//= require discourse/app/helpers/topic-status-icons
|
|
||||||
|
|
@ -1,276 +0,0 @@
|
||||||
import { escapeExpression, formatUsername } from "discourse/lib/utilities";
|
|
||||||
import I18n from "I18n";
|
|
||||||
import RawHtml from "discourse/widgets/raw-html";
|
|
||||||
import { avatarImg } from "discourse/widgets/post";
|
|
||||||
import { createWidget } from "discourse/widgets/widget";
|
|
||||||
import { dateNode } from "discourse/helpers/node";
|
|
||||||
import { emojiUnescape } from "discourse/lib/text";
|
|
||||||
import { h } from "virtual-dom";
|
|
||||||
import highlightSearch from "discourse/lib/highlight-search";
|
|
||||||
import { iconNode } from "discourse-common/lib/icon-library";
|
|
||||||
import renderTag from "discourse/lib/render-tag";
|
|
||||||
import DiscourseURL from "discourse/lib/url";
|
|
||||||
import getURL from "discourse-common/lib/get-url";
|
|
||||||
import { wantsNewWindow } from "discourse/lib/intercept-click";
|
|
||||||
import { htmlSafe } from "@ember/template";
|
|
||||||
import { registerUnbound } from "discourse-common/lib/helpers";
|
|
||||||
import renderTags from "discourse/lib/render-tags";
|
|
||||||
import TopicStatusIcons from "discourse/helpers/topic-status-icons";
|
|
||||||
|
|
||||||
class Highlighted extends RawHtml {
|
|
||||||
constructor(html, term) {
|
|
||||||
super({ html: `<span>${html}</span>` });
|
|
||||||
this.term = term;
|
|
||||||
}
|
|
||||||
|
|
||||||
decorate($html) {
|
|
||||||
highlightSearch($html[0], this.term);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "wizard-register-widgets",
|
|
||||||
after: "custom-routes",
|
|
||||||
initialize(app) {
|
|
||||||
if (window.location.pathname.indexOf("/w/") < 0) return;
|
|
||||||
|
|
||||||
createWidget("link", {
|
|
||||||
tagName: "a",
|
|
||||||
|
|
||||||
href(attrs) {
|
|
||||||
const route = attrs.route;
|
|
||||||
if (route) {
|
|
||||||
const router = this.register.lookup("router:main");
|
|
||||||
if (router && router._routerMicrolib) {
|
|
||||||
const params = [route];
|
|
||||||
if (attrs.model) {
|
|
||||||
params.push(attrs.model);
|
|
||||||
}
|
|
||||||
return getURL(
|
|
||||||
router._routerMicrolib.generate.apply(router._routerMicrolib, params)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return getURL(attrs.href);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
buildClasses(attrs) {
|
|
||||||
const result = [];
|
|
||||||
result.push("widget-link");
|
|
||||||
if (attrs.className) {
|
|
||||||
result.push(attrs.className);
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
|
|
||||||
buildAttributes(attrs) {
|
|
||||||
const ret = {
|
|
||||||
href: this.href(attrs),
|
|
||||||
title: attrs.title
|
|
||||||
? I18n.t(attrs.title, attrs.titleOptions)
|
|
||||||
: this.label(attrs),
|
|
||||||
};
|
|
||||||
if (attrs.attributes) {
|
|
||||||
Object.keys(attrs.attributes).forEach(
|
|
||||||
(k) => (ret[k] = attrs.attributes[k])
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
|
|
||||||
label(attrs) {
|
|
||||||
if (attrs.labelCount && attrs.count) {
|
|
||||||
return I18n.t(attrs.labelCount, { count: attrs.count });
|
|
||||||
}
|
|
||||||
return attrs.rawLabel || (attrs.label ? I18n.t(attrs.label) : "");
|
|
||||||
},
|
|
||||||
|
|
||||||
html(attrs) {
|
|
||||||
if (attrs.contents) {
|
|
||||||
return attrs.contents();
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = [];
|
|
||||||
if (attrs.icon) {
|
|
||||||
if (attrs.alt) {
|
|
||||||
let icon = iconNode(attrs.icon);
|
|
||||||
icon.properties.attributes["alt"] = I18n.t(attrs.alt);
|
|
||||||
icon.properties.attributes["aria-hidden"] = false;
|
|
||||||
result.push(icon);
|
|
||||||
} else {
|
|
||||||
result.push(iconNode(attrs.icon));
|
|
||||||
}
|
|
||||||
result.push(" ");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!attrs.hideLabel) {
|
|
||||||
let label = this.label(attrs);
|
|
||||||
|
|
||||||
if (attrs.omitSpan) {
|
|
||||||
result.push(label);
|
|
||||||
} else {
|
|
||||||
result.push(h("span.d-label", label));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const currentUser = this.currentUser;
|
|
||||||
if (currentUser && attrs.badgeCount) {
|
|
||||||
const val = parseInt(currentUser.get(attrs.badgeCount), 10);
|
|
||||||
if (val > 0) {
|
|
||||||
const title = attrs.badgeTitle ? I18n.t(attrs.badgeTitle) : "";
|
|
||||||
result.push(" ");
|
|
||||||
result.push(
|
|
||||||
h(
|
|
||||||
"span.badge-notification",
|
|
||||||
{
|
|
||||||
className: attrs.badgeClass,
|
|
||||||
attributes: { title },
|
|
||||||
},
|
|
||||||
val
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
|
|
||||||
click(e) {
|
|
||||||
if (this.attrs.attributes && this.attrs.attributes.target === "_blank") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (wantsNewWindow(e)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
if (this.attrs.action) {
|
|
||||||
e.preventDefault();
|
|
||||||
return this.sendWidgetAction(this.attrs.action, this.attrs.actionParam);
|
|
||||||
} else {
|
|
||||||
this.sendWidgetEvent("linkClicked", this.attrs);
|
|
||||||
}
|
|
||||||
|
|
||||||
return DiscourseURL.routeToTag($(e.target).closest("a")[0]);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
createWidget("topic-status", {
|
|
||||||
tagName: "div.topic-statuses",
|
|
||||||
|
|
||||||
html(attrs) {
|
|
||||||
const topic = attrs.topic;
|
|
||||||
const canAct = this.currentUser && !attrs.disableActions;
|
|
||||||
|
|
||||||
const result = [];
|
|
||||||
TopicStatusIcons.render(topic, function (name, key) {
|
|
||||||
const iconArgs = key === "unpinned" ? { class: "unpinned" } : null;
|
|
||||||
const icon = iconNode(name, iconArgs);
|
|
||||||
|
|
||||||
const attributes = {
|
|
||||||
title: escapeExpression(I18n.t(`topic_statuses.${key}.help`)),
|
|
||||||
};
|
|
||||||
result.push(h(`${canAct ? "a" : "span"}.topic-status`, attributes, icon));
|
|
||||||
});
|
|
||||||
|
|
||||||
return result;
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
createSearchResult({
|
|
||||||
type: "topic",
|
|
||||||
linkField: "url",
|
|
||||||
builder(result, term) {
|
|
||||||
const topic = result;
|
|
||||||
|
|
||||||
const firstLine = [
|
|
||||||
this.attach("topic-status", { topic, disableActions: true }),
|
|
||||||
h(
|
|
||||||
"span.topic-title",
|
|
||||||
{ attributes: { "data-topic-id": topic.id } },
|
|
||||||
this.siteSettings.use_pg_headlines_for_excerpt &&
|
|
||||||
result.topic_title_headline
|
|
||||||
? new RawHtml({
|
|
||||||
html: `<span>${emojiUnescape(
|
|
||||||
result.topic_title_headline
|
|
||||||
)}</span>`,
|
|
||||||
})
|
|
||||||
: new Highlighted(topic.fancy_title, term)
|
|
||||||
),
|
|
||||||
];
|
|
||||||
|
|
||||||
const secondLine = [
|
|
||||||
// this.attach("category-link", {
|
|
||||||
// category: topic.category,
|
|
||||||
// link: false,
|
|
||||||
// }),
|
|
||||||
];
|
|
||||||
// if (this.siteSettings.tagging_enabled) {
|
|
||||||
// secondLine.push(
|
|
||||||
// this.attach("discourse-tags", { topic, tagName: "span" })
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
|
|
||||||
const link = h("span.topic", [
|
|
||||||
h("div.first-line", firstLine),
|
|
||||||
h("div.second-line", secondLine),
|
|
||||||
]);
|
|
||||||
|
|
||||||
return postResult.call(this, result, link, term);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function createSearchResult({ type, linkField, builder }) {
|
|
||||||
return createWidget(`search-result-${type}`, {
|
|
||||||
tagName: "ul.list",
|
|
||||||
|
|
||||||
html(attrs) {
|
|
||||||
return attrs.results.map((r) => {
|
|
||||||
let searchResultId;
|
|
||||||
|
|
||||||
if (type === "topic") {
|
|
||||||
searchResultId = r.topic_id;
|
|
||||||
} else {
|
|
||||||
searchResultId = r.id;
|
|
||||||
}
|
|
||||||
|
|
||||||
return h(
|
|
||||||
"li.item",
|
|
||||||
this.attach("link", {
|
|
||||||
href: r[linkField],
|
|
||||||
contents: () => builder.call(this, r, attrs.term),
|
|
||||||
className: "search-link",
|
|
||||||
searchResultId,
|
|
||||||
searchResultType: type,
|
|
||||||
searchContextEnabled: attrs.searchContextEnabled,
|
|
||||||
searchLogId: attrs.searchLogId,
|
|
||||||
})
|
|
||||||
);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function postResult(result, link, term) {
|
|
||||||
const html = [link];
|
|
||||||
|
|
||||||
if (!this.site.mobileView) {
|
|
||||||
html.push(
|
|
||||||
h("span.blurb", [
|
|
||||||
dateNode(result.created_at),
|
|
||||||
h("span", " - "),
|
|
||||||
this.siteSettings.use_pg_headlines_for_excerpt
|
|
||||||
? new RawHtml({ html: `<span>${result.blurb}</span>` })
|
|
||||||
: new Highlighted(result.blurb, term),
|
|
||||||
])
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
Laden …
In neuem Issue referenzieren