mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 04:33:52 +08:00
ccb345bd88
This commit implements many changes to topic and comments embedding. It deprecates the class_name field from EmbeddableHost and suggests using the className parameter. discourse_username parameter has been deprecated and it will fetch it from embedded site from the author or discourse-username meta. See the updated code sample from Admin > Customize > Embedding page. * FEATURE: Add className parameter for Discourse embed * DEV: Hide class_name from EmbeddableHost * DEV: Deprecate class_name field of EmbeddableHost * FEATURE: Use either author or discourse-username meta tag * DEV: Deprecate discourse_username parameter * DEV: Improve embed code sample
60 lines
1.7 KiB
JavaScript
60 lines
1.7 KiB
JavaScript
import Controller from "@ember/controller";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import { popupAjaxError } from "discourse/lib/ajax-error";
|
|
|
|
export default Controller.extend({
|
|
saved: false,
|
|
embedding: null,
|
|
|
|
// show settings if we have at least one created host
|
|
@discourseComputed("embedding.embeddable_hosts.@each.isCreated")
|
|
showSecondary() {
|
|
const hosts = this.get("embedding.embeddable_hosts");
|
|
return hosts.length && hosts.findBy("isCreated");
|
|
},
|
|
|
|
@discourseComputed("embedding.base_url")
|
|
embeddingCode(baseUrl) {
|
|
const html = `<div id='discourse-comments'></div>
|
|
<meta name='discourse-username' content='DISCOURSE_USERNAME'>
|
|
|
|
<script type="text/javascript">
|
|
DiscourseEmbed = {
|
|
discourseUrl: '${baseUrl}/',
|
|
discourseEmbedUrl: 'EMBED_URL',
|
|
// className: 'CLASS_NAME',
|
|
};
|
|
|
|
(function() {
|
|
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
|
|
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
|
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
|
|
})();
|
|
</script>`;
|
|
|
|
return html;
|
|
},
|
|
|
|
actions: {
|
|
saveChanges() {
|
|
const embedding = this.embedding;
|
|
const updates = embedding.getProperties(embedding.get("fields"));
|
|
|
|
this.set("saved", false);
|
|
this.embedding
|
|
.update(updates)
|
|
.then(() => this.set("saved", true))
|
|
.catch(popupAjaxError);
|
|
},
|
|
|
|
addHost() {
|
|
const host = this.store.createRecord("embeddable-host");
|
|
this.get("embedding.embeddable_hosts").pushObject(host);
|
|
},
|
|
|
|
deleteHost(host) {
|
|
this.get("embedding.embeddable_hosts").removeObject(host);
|
|
},
|
|
},
|
|
});
|