github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-29 01:31:35 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: introduces prettier for es6 files

Browse Source
This commit is contained in:
Joffrey JAFFEUX
2018-06-15 17:03:24 +02:00
committed by GitHub
parent c7ee70941e
commit 03a7d532cf
1162 changed files with 60667 additions and 29659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
app/assets/javascripts/discourse/components/discourse-topic.js.es6
View File

@ -1,149 +1,158 @@
import DiscourseURL from 'discourse/lib/url';
import AddArchetypeClass from 'discourse/mixins/add-archetype-class';
import ClickTrack from 'discourse/lib/click-track';
import Scrolling from 'discourse/mixins/scrolling';
import { selectedText } from 'discourse/lib/utilities';
import { observes } from 'ember-addons/ember-computed-decorators';
import DiscourseURL from "discourse/lib/url";
import AddArchetypeClass from "discourse/mixins/add-archetype-class";
import ClickTrack from "discourse/lib/click-track";
import Scrolling from "discourse/mixins/scrolling";
import { selectedText } from "discourse/lib/utilities";
import { observes } from "ember-addons/ember-computed-decorators";
function highlight(postNumber) {
const $contents = $(`#post_${postNumber} .topic-body`);
$contents.addClass('highlighted');
$contents.on('animationend', () => $contents.removeClass('highlighted'));
$contents.addClass("highlighted");
$contents.on("animationend", () => $contents.removeClass("highlighted"));
}
export default Ember.Component.extend(AddArchetypeClass, Scrolling, {
userFilters: Ember.computed.alias('topic.userFilters'),
classNameBindings: ['multiSelect',
'topic.archetype',
'topic.is_warning',
'topic.category.read_restricted:read_restricted',
'topic.deleted:deleted-topic',
'topic.categoryClass'],
userFilters: Ember.computed.alias("topic.userFilters"),
classNameBindings: [
"multiSelect",
"topic.archetype",
"topic.is_warning",
"topic.category.read_restricted:read_restricted",
"topic.deleted:deleted-topic",
"topic.categoryClass"
],
menuVisible: true,
SHORT_POST: 1200,
postStream: Ember.computed.alias('topic.postStream'),
archetype: Ember.computed.alias('topic.archetype'),
postStream: Ember.computed.alias("topic.postStream"),
archetype: Ember.computed.alias("topic.archetype"),
dockAt: 0,
_lastShowTopic: null,
@observes('enteredAt')
@observes("enteredAt")
_enteredTopic() {
// Ember is supposed to only call observers when values change but something
// in our view set up is firing this observer with the same value. This check
// prevents scrolled from being called twice.
const enteredAt = this.get('enteredAt');
if (enteredAt && (this.get('lastEnteredAt') !== enteredAt)) {
const enteredAt = this.get("enteredAt");
if (enteredAt && this.get("lastEnteredAt") !== enteredAt) {
this._lastShowTopic = null;
Ember.run.schedule('afterRender', () => this.scrolled());
this.set('lastEnteredAt', enteredAt);
Ember.run.schedule("afterRender", () => this.scrolled());
this.set("lastEnteredAt", enteredAt);
}
},
didInsertElement() {
this._super();
this.bindScrolling({name: 'topic-view'});
this.bindScrolling({ name: "topic-view" });
$(window).on('resize.discourse-on-scroll', () => this.scrolled());
$(window).on("resize.discourse-on-scroll", () => this.scrolled());
this.$().on('mouseup.discourse-redirect', '.cooked a, a.track-link', function(e) {
// bypass if we are selecting stuff
const selection = window.getSelection && window.getSelection();
if (selection.type === "Range" || selection.rangeCount > 0) {
if (selectedText() !== "") {
return true;
this.$().on(
"mouseup.discourse-redirect",
".cooked a, a.track-link",
function(e) {
// bypass if we are selecting stuff
const selection = window.getSelection && window.getSelection();
if (selection.type === "Range" || selection.rangeCount > 0) {
if (selectedText() !== "") {
return true;
}
}
const $target = $(e.target);
if (
$target.hasClass("mention") ||
$target.parents(".expanded-embed").length
) {
return false;
}
return ClickTrack.trackClick(e);
}
);
const $target = $(e.target);
if ($target.hasClass('mention') || $target.parents('.expanded-embed').length) { return false; }
return ClickTrack.trackClick(e);
this.appEvents.on("post:highlight", postNumber => {
Ember.run.scheduleOnce("afterRender", null, highlight, postNumber);
});
this.appEvents.on('post:highlight', postNumber => {
Ember.run.scheduleOnce('afterRender', null, highlight, postNumber);
});
this.appEvents.on('header:update-topic', topic => {
this.appEvents.on("header:update-topic", topic => {
if (topic === null) {
this._lastShowTopic = false;
this.appEvents.trigger('header:hide-topic');
this.appEvents.trigger("header:hide-topic");
return;
}
const offset = window.pageYOffset || $('html').scrollTop();
const offset = window.pageYOffset || $("html").scrollTop();
this._lastShowTopic = this.showTopicInHeader(topic, offset);
if (this._lastShowTopic) {
this.appEvents.trigger('header:show-topic', topic);
this.appEvents.trigger("header:show-topic", topic);
} else {
this.appEvents.trigger('header:hide-topic');
this.appEvents.trigger("header:hide-topic");
}
});
},
willDestroyElement() {
this._super();
this.unbindScrolling('topic-view');
$(window).unbind('resize.discourse-on-scroll');
this.unbindScrolling("topic-view");
$(window).unbind("resize.discourse-on-scroll");
// Unbind link tracking
this.$().off('mouseup.discourse-redirect', '.cooked a, a.track-link');
this.$().off("mouseup.discourse-redirect", ".cooked a, a.track-link");
this.resetExamineDockCache();
// this happens after route exit, stuff could have trickled in
this.appEvents.trigger('header:hide-topic');
this.appEvents.off('post:highlight');
this.appEvents.trigger("header:hide-topic");
this.appEvents.off("post:highlight");
},
@observes('Discourse.hasFocus')
@observes("Discourse.hasFocus")
gotFocus() {
if (Discourse.get('hasFocus')){
if (Discourse.get("hasFocus")) {
this.scrolled();
}
},
resetExamineDockCache() {
this.set('dockAt', 0);
this.set("dockAt", 0);
},
showTopicInHeader(topic, offset) {
return offset > this.get('dockAt');
return offset > this.get("dockAt");
},
// The user has scrolled the window, or it is finished rendering and ready for processing.
scrolled() {
if (this.isDestroyed || this.isDestroying || this._state !== 'inDOM') {
if (this.isDestroyed || this.isDestroying || this._state !== "inDOM") {
return;
}
const offset = window.pageYOffset || $('html').scrollTop();
if (this.get('dockAt') === 0) {
const title = $('#topic-title');
const offset = window.pageYOffset || $("html").scrollTop();
if (this.get("dockAt") === 0) {
const title = $("#topic-title");
if (title && title.length === 1) {
this.set('dockAt', title.offset().top);
this.set("dockAt", title.offset().top);
}
}
this.set("hasScrolled", offset > 0);
this.set('hasScrolled', offset > 0);
const topic = this.get('topic');
const topic = this.get("topic");
const showTopic = this.showTopicInHeader(topic, offset);
if (showTopic !== this._lastShowTopic) {
if (showTopic) {
this.appEvents.trigger('header:show-topic', topic);
this.appEvents.trigger("header:show-topic", topic);
this._lastShowTopic = true;
} else {
if (!DiscourseURL.isJumpScheduled()) {
const loadingNear = topic.get('postStream.loadingNearPost') || 1;
const loadingNear = topic.get("postStream.loadingNearPost") || 1;
if (loadingNear === 1) {
this.appEvents.trigger('header:hide-topic');
this.appEvents.trigger("header:hide-topic");
this._lastShowTopic = false;
}
}
@ -151,6 +160,6 @@ export default Ember.Component.extend(AddArchetypeClass, Scrolling, {
}
// Trigger a scrolled event
this.appEvents.trigger('topic:scrolled', offset);
this.appEvents.trigger("topic:scrolled", offset);
}
});