mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
fe588cc7f8
* DEV: Fix the function prototype observers deprecation
DEPRECATION: Function prototype extensions have been deprecated, please migrate from function(){}.observes('foo') to observer('foo', function() {}). [deprecation id: function-prototype-extensions.observes] See https://deprecations.emberjs.com/v3.x/#toc_function-prototype-extensions-observes for more details.
* DEV: Fix the function prototype event listeners deprecation
DEPRECATION: Function prototype extensions have been deprecated, please migrate from function(){}.on('foo') to on('foo', function() {}). [deprecation id: function-prototype-extensions.on] See https://deprecations.emberjs.com/v3.x/#toc_function-prototype-extensions-on for more details.
* DEV: Simplify `default as` imports
Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
82 lines
2.0 KiB
JavaScript
82 lines
2.0 KiB
JavaScript
import { isEmpty } from "@ember/utils";
|
|
import { alias } from "@ember/object/computed";
|
|
import { schedule } from "@ember/runloop";
|
|
import Component from "@ember/component";
|
|
import { escapeExpression } from "discourse/lib/utilities";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import Sharing from "discourse/lib/sharing";
|
|
|
|
export default Component.extend({
|
|
tagName: null,
|
|
|
|
type: alias("panel.model.type"),
|
|
|
|
topic: alias("panel.model.topic"),
|
|
|
|
@discourseComputed
|
|
sources() {
|
|
return Sharing.activeSources(this.siteSettings.share_links);
|
|
},
|
|
|
|
@discourseComputed("type", "topic.title")
|
|
shareTitle(type, topicTitle) {
|
|
topicTitle = escapeExpression(topicTitle);
|
|
return I18n.t("share.topic_html", { topicTitle });
|
|
},
|
|
|
|
@discourseComputed("panel.model.shareUrl", "topic.shareUrl")
|
|
shareUrl(forcedShareUrl, shareUrl) {
|
|
shareUrl = forcedShareUrl || shareUrl;
|
|
|
|
if (isEmpty(shareUrl)) {
|
|
return;
|
|
}
|
|
|
|
// Relative urls
|
|
if (shareUrl.indexOf("/") === 0) {
|
|
const location = window.location;
|
|
shareUrl = `${location.protocol}//${location.host}${shareUrl}`;
|
|
}
|
|
|
|
return encodeURI(shareUrl);
|
|
},
|
|
|
|
didInsertElement() {
|
|
this._super(...arguments);
|
|
|
|
const shareUrl = this.shareUrl;
|
|
const $linkInput = $(this.element.querySelector(".topic-share-url"));
|
|
const $linkForTouch = $(
|
|
this.element.querySelector(".topic-share-url-for-touch a")
|
|
);
|
|
|
|
schedule("afterRender", () => {
|
|
if (!this.capabilities.touch) {
|
|
$linkForTouch.parent().remove();
|
|
|
|
$linkInput
|
|
.val(shareUrl)
|
|
.select()
|
|
.focus();
|
|
} else {
|
|
$linkInput.remove();
|
|
|
|
$linkForTouch.attr("href", shareUrl).text(shareUrl);
|
|
|
|
const range = window.document.createRange();
|
|
range.selectNode($linkForTouch[0]);
|
|
window.getSelection().addRange(range);
|
|
}
|
|
});
|
|
},
|
|
|
|
actions: {
|
|
share(source) {
|
|
Sharing.shareSource(source, {
|
|
url: this.shareUrl,
|
|
title: this.get("topic.title")
|
|
});
|
|
}
|
|
}
|
|
});
|