discourse/app/assets/javascripts/discourse.js

199 lines
5.6 KiB
JavaScript
Raw Normal View History

/*global Modernizr:true*/
2013-02-24 19:18:10 -05:00
/*global assetPath:true*/
2013-02-26 14:54:43 -05:00
/**
The main Discourse Application
2013-02-26 14:54:43 -05:00
@class Discourse
@extends Ember.Application
**/
Discourse = Ember.Application.createWithMixins({
rootElement: '#main',
// Data we want to remember for a short period
transient: Em.Object.create(),
2013-02-26 14:54:43 -05:00
// Whether the app has focus or not
hasFocus: true,
2013-02-26 14:54:43 -05:00
// Are we currently scrolling?
scrolling: false,
// The highest seen post number by topic
highestSeenByTopic: {},
rootURL: '/',
getURL: function(url) {
var u = this.get('rootURL');
if (u[u.length-1] === '/') {
u = u.substring(0, u.length-1);
}
return u + url;
},
2013-02-26 14:54:43 -05:00
titleChanged: function() {
var title;
title = "";
if (this.get('title')) {
title += "" + (this.get('title')) + " - ";
}
title += Discourse.SiteSettings.title;
$('title').text(title);
if (!this.get('hasFocus') && this.get('notify')) {
title = "(*) " + title;
}
// chrome bug workaround see: http://stackoverflow.com/questions/2952384/changing-the-window-title-when-focussing-the-window-doesnt-work-in-chrome
2013-02-26 14:54:43 -05:00
window.setTimeout(function() {
document.title = ".";
document.title = title;
2013-02-26 14:54:43 -05:00
}, 200);
}.observes('title', 'hasFocus', 'notify'),
2013-02-26 14:54:43 -05:00
currentUserChanged: function() {
// We don't want to receive any previous user notifications
2013-02-26 14:54:43 -05:00
var bus = Discourse.MessageBus;
bus.unsubscribe("/notification/*");
bus.callbackInterval = Discourse.SiteSettings.anon_polling_interval;
bus.enableLongPolling = false;
2013-02-26 14:54:43 -05:00
var user = this.get('currentUser');
if (user) {
bus.callbackInterval = Discourse.SiteSettings.polling_interval;
bus.enableLongPolling = true;
if (user.admin) {
bus.subscribe("/flagged_counts", function(data) {
2013-02-26 14:54:43 -05:00
user.set('site_flagged_posts_count', data.total);
});
}
2013-02-26 14:54:43 -05:00
bus.subscribe("/notification/" + user.id, (function(data) {
user.set('unread_notifications', data.unread_notifications);
2013-02-26 14:54:43 -05:00
user.set('unread_private_messages', data.unread_private_messages);
}), user.notification_channel_position);
}
2013-02-26 14:54:43 -05:00
}.observes('currentUser'),
2013-02-26 14:54:43 -05:00
// The classes of buttons to show on a post
postButtons: function() {
return Discourse.SiteSettings.post_menu.split("|").map(function(i) {
return (i.replace(/\+/, '').capitalize());
});
}.property('Discourse.SiteSettings.post_menu'),
notifyTitle: function() {
this.set('notify', true);
},
openComposer: function(opts) {
// TODO, remove container link
var composer = Discourse.__container__.lookup('controller:composer');
if (composer) composer.open(opts);
},
2013-02-26 14:54:43 -05:00
/**
Establishes global DOM events and bindings via jQuery.
2013-02-26 14:54:43 -05:00
@method bindDOMEvents
**/
bindDOMEvents: function() {
2013-02-26 14:54:43 -05:00
var $html, hasTouch;
2013-02-26 14:54:43 -05:00
$html = $('html');
hasTouch = false;
2013-02-26 14:54:43 -05:00
if ($html.hasClass('touch')) {
hasTouch = true;
}
2013-02-26 14:54:43 -05:00
if (Modernizr.prefixed("MaxTouchPoints", navigator) > 1) {
hasTouch = true;
}
2013-02-26 14:54:43 -05:00
if (hasTouch) {
$html.addClass('discourse-touch');
this.touch = true;
this.hasTouch = true;
} else {
$html.addClass('discourse-no-touch');
this.touch = false;
}
2013-02-26 14:54:43 -05:00
$('#main').on('click.discourse', '[data-not-implemented=true]', function(e) {
e.preventDefault();
alert(Em.String.i18n('not_implemented'));
return false;
});
2013-02-26 14:54:43 -05:00
$('#main').on('click.discourse', 'a', function(e) {
2013-02-26 14:54:43 -05:00
if (e.isDefaultPrevented() || e.metaKey || e.ctrlKey) return;
var $currentTarget = $(e.currentTarget);
var href = $currentTarget.attr('href');
if (!href) return;
if (href === '#') return;
if ($currentTarget.attr('target')) return;
if ($currentTarget.data('auto-route')) return;
if ($currentTarget.hasClass('lightbox')) return;
if (href.indexOf("mailto:") === 0) return;
if (href.match(/^http[s]?:\/\//i) && !href.match(new RegExp("^http:\\/\\/" + window.location.hostname, "i"))) return;
e.preventDefault();
2013-02-26 14:54:43 -05:00
Discourse.URL.routeTo(href);
return false;
});
2013-02-26 14:54:43 -05:00
$(window).focus(function() {
Discourse.set('hasFocus', true);
Discourse.set('notify', false);
}).blur(function() {
2013-02-26 14:54:43 -05:00
Discourse.set('hasFocus', false);
});
// Add a CSRF token to all AJAX requests
var csrfToken = $('meta[name=csrf-token]').attr('content');
$.ajaxPrefilter(function(options, originalOptions, xhr) {
2013-02-26 14:54:43 -05:00
if (!options.crossDomain) {
xhr.setRequestHeader('X-CSRF-Token', csrfToken);
}
});
},
2013-02-26 14:54:43 -05:00
/**
Log the current user out of Discourse
@method logout
**/
logout: function() {
Discourse.KeyValueStore.abandonLocal();
return $.ajax(Discourse.getURL("/session/") + this.get('currentUser.username'), {
type: 'DELETE',
success: function(result) {
2013-02-26 14:54:43 -05:00
// To keep lots of our variables unbound, we can handle a redirect on logging out.
window.location.reload();
}
});
},
authenticationComplete: function(options) {
// TODO, how to dispatch this to the view without the container?
var loginView;
loginView = Discourse.__container__.lookup('controller:modal').get('currentView');
return loginView.authenticationComplete(options);
},
2013-02-26 14:54:43 -05:00
start: function() {
2013-02-26 14:54:43 -05:00
Discourse.bindDOMEvents();
Discourse.SiteSettings = PreloadStore.getStatic('siteSettings');
Discourse.MessageBus.start();
Discourse.KeyValueStore.init("discourse_", Discourse.MessageBus);
2013-02-26 14:54:43 -05:00
// Developer specific functions
Discourse.Development.setupProbes();
Discourse.Development.observeLiveChanges();
}
});
Discourse.Router = Discourse.Router.reopen({ location: 'discourse_location' });