mirror of
https://github.com/discourse/discourse.git
synced 2024-12-01 07:43:39 +08:00
23367e79ea
This adds support for a `<d-topics-list>` tag you can embed in your site that will be rendered as a list of discourse topics. Any attributes on the tag will be passed as filters. For example: `<d-topics-list discourse-url="URL" category="1234">` will filter to category 1234. To use this feature, enable the `embed topics list` site setting. Then on the site you want to embed, include the following javascript: `<script src="http://URL/javascripts/embed-topics.js"></script>` Where `URL` is your discourse forum's URL. Then include the `<d-topics-list discourse-url="URL">` tag in your HTML document and it will be replaced with the list of topics.
67 lines
1.8 KiB
JavaScript
67 lines
1.8 KiB
JavaScript
(function() {
|
|
const referer = document.getElementById("data-embedded").dataset.referer;
|
|
|
|
function postUp(msg) {
|
|
if (parent) {
|
|
parent.postMessage(msg, referer);
|
|
}
|
|
}
|
|
|
|
function clickPostLink(e) {
|
|
var postId = e.target.getAttribute("data-link-to-post");
|
|
if (postId) {
|
|
var postElement = document.getElementById("post-" + postId);
|
|
if (postElement) {
|
|
var rect = postElement.getBoundingClientRect();
|
|
if (rect && rect.top) {
|
|
postUp({ type: "discourse-scroll", top: rect.top });
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
window.onload = function() {
|
|
// get state info from data attribute
|
|
var embedState = document.querySelector("[data-embed-state]");
|
|
var state = "unknown";
|
|
var embedId = null;
|
|
if (embedState) {
|
|
state = embedState.getAttribute("data-embed-state");
|
|
embedId = embedState.getAttribute("data-embed-id");
|
|
}
|
|
|
|
// Send a post message with our loaded height and state
|
|
postUp({
|
|
type: "discourse-resize",
|
|
height: document["body"].offsetHeight,
|
|
state,
|
|
embedId
|
|
});
|
|
|
|
var postLinks = document.querySelectorAll("a[data-link-to-post]"),
|
|
i;
|
|
|
|
for (i = 0; i < postLinks.length; i++) {
|
|
postLinks[i].onclick = clickPostLink;
|
|
}
|
|
|
|
// Make sure all links in the iframe point to _blank
|
|
var cookedLinks = document.querySelectorAll(".cooked a");
|
|
for (i = 0; i < cookedLinks.length; i++) {
|
|
cookedLinks[i].target = "_blank";
|
|
}
|
|
|
|
// Adjust all names
|
|
var names = document.querySelectorAll(".username a");
|
|
for (i = 0; i < names.length; i++) {
|
|
var username = names[i].innerHTML;
|
|
if (username) {
|
|
/* global BreakString */
|
|
names[i].innerHTML = new BreakString(username).break();
|
|
}
|
|
}
|
|
};
|
|
})();
|