Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: better handling of the 'read guidelines' badge

This commit is contained in:
Régis Hanol 2015-03-16 19:25:28 +01:00
parent 5d74cadf2f
commit 10ef30ab3c
2 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/javascripts/discourse/lib/is-element-in-viewport.js.es6 Normal file
View File

@ -0,0 +1,11 @@
export default function (element) {
if (element instanceof jQuery) { element = element[0]; }
const $window = $(window),
rect = element.getBoundingClientRect();
return rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= $window.height() &&
rect.right <= $window.width();
}

16
app/assets/javascripts/discourse/views/static.js.es6
View File

@ -1,13 +1,15 @@
import isElementInViewport from "discourse/lib/is-element-in-viewport";
var readFaq = false;
export default Ember.View.extend(Discourse.ScrollTop, {
_checkRead: function() {
var path = this.get('controller.model.path');
if(path === "faq" || path === "guidelines"){
var $window = $(window),
controller = this.get('controller');
$window.on('scroll.faq', function(){
if(!readFaq && ($window.scrollTop() + $window.height() > $(document).height() - 10)) {
const path = this.get('controller.model.path');
if (path === "faq" || path === "guidelines") {
const controller = this.get('controller');
$(window).on('load.faq resize.faq scroll.faq', function() {
if (!readFaq && isElementInViewport($(".contents p").last())) {
readFaq = true;
controller.send('markFaqRead');
}
@ -16,6 +18,6 @@ export default Ember.View.extend(Discourse.ScrollTop, {
}.on('didInsertElement'),
_stopChecking: function(){
$(window).off('scroll.faq');
$(window).off('load.faq resize.faq scroll.faq');
}.on('willDestroyElement')
});