mirror of
https://github.com/flarum/framework.git
synced 2024-12-12 22:53:37 +08:00
c28307903b
HTMLBars goodness! Since there was some breakage and a lot of fiddling around to get some things working, I took this opportunity to do a big cleanup of the whole Ember app. I accidentally worked on some new features too :3 Note that the app is still broken right now, pending on https://github.com/emberjs/ember.js/issues/10401 Cleanup: - Restructuring of components - Consolidation of some stuff into mixins, cleanup of some APIs that will be public - Change all instances of .property() / .observes() / .on() to Ember.computed() / Ember.observer() / Ember.on() respectively (I think it is more readable) - More comments - Start conforming to a code style (2 spaces for indentation) New features: - Post hiding/restoring - Mark individual discussions as read by clicking - Clicking on a read discussion jumps to the end - Mark all discussions as read - Progressively mark the discussion as read as the page is scrolled - Unordered list post formatting - Post permalink popup Demo once that Ember regression is fixed!
102 lines
3.6 KiB
JavaScript
102 lines
3.6 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
import HasItemLists from 'flarum/mixins/has-item-lists';
|
|
import SearchInput from 'flarum/components/ui/search-input';
|
|
import UserDropdown from 'flarum/components/application/user-dropdown';
|
|
import GoToTop from 'flarum/components/application/go-to-top';
|
|
import ForumStatistic from 'flarum/components/application/forum-statistic';
|
|
import PoweredBy from 'flarum/components/application/powered-by';
|
|
|
|
var $ = Ember.$;
|
|
|
|
export default Ember.View.extend(HasItemLists, {
|
|
itemLists: ['headerPrimary', 'headerSecondary', 'footerPrimary', 'footerSecondary'],
|
|
|
|
title: Ember.computed.alias('controller.forumTitle'),
|
|
|
|
// When either the forum title or the page title changes, we want to
|
|
// refresh the document's title.
|
|
updateTitle: Ember.observer('controller.pageTitle', 'controller.forumTitle', function() {
|
|
var parts = [this.get('controller.forumTitle')];
|
|
var pageTitle = this.get('controller.pageTitle');
|
|
if (pageTitle) {
|
|
parts.unshift(pageTitle);
|
|
}
|
|
document.title = parts.join(' - ');
|
|
}),
|
|
|
|
modalShowingChanged: Ember.observer('controller.modalController', function() {
|
|
Ember.run.scheduleOnce('afterRender', this, function() {
|
|
this.$('#modal').modal(this.get('controller.modalController') ? 'show' : 'hide');
|
|
});
|
|
}),
|
|
|
|
didInsertElement: function() {
|
|
// Add a class to the body when the window is scrolled down.
|
|
$(window).scroll(function() {
|
|
$('body').toggleClass('scrolled', $(window).scrollTop() > 0);
|
|
}).scroll();
|
|
|
|
// Resize the main content area so that the footer sticks to the
|
|
// bottom of the viewport.
|
|
$(window).resize(function() {
|
|
$('#main').css('min-height', $(window).height() - $('#header').outerHeight() - $('#footer').outerHeight(true));
|
|
}).resize();
|
|
|
|
var view = this;
|
|
this.$('#modal').on('hide.bs.modal', function() {
|
|
view.get('controller').send('closeModal');
|
|
}).on('hidden.bs.modal', function() {
|
|
view.get('controller').send('destroyModal');
|
|
}).on('shown.bs.modal', function() {
|
|
view.get('controller.modalController').send('focus');
|
|
});
|
|
},
|
|
|
|
switchHeader: Ember.observer('controller.session.user', function() {
|
|
this.initItemList('headerPrimary');
|
|
this.initItemList('headerSecondary');
|
|
}),
|
|
|
|
populateHeaderSecondary: function(items) {
|
|
var controller = this.get('controller');
|
|
|
|
items.pushObjectWithTag(SearchInput.create({
|
|
placeholder: 'Search Forum',
|
|
controller: controller,
|
|
valueBinding: Ember.Binding.oneWay('controller.searchQuery'),
|
|
activeBinding: Ember.Binding.oneWay('controller.searchActive'),
|
|
action: function(value) { controller.send('search', value); }
|
|
}), 'search');
|
|
|
|
if (this.get('controller.session.isAuthenticated')) {
|
|
items.pushObjectWithTag(UserDropdown.create({
|
|
user: this.get('controller.session.user'),
|
|
logout: function() { controller.send('invalidateSession'); }
|
|
}), 'user');
|
|
} else {
|
|
this.addActionItem(items, 'signup', 'Sign Up').set('className', 'btn btn-link');
|
|
this.addActionItem(items, 'login', 'Log In').set('className', 'btn btn-link');
|
|
}
|
|
},
|
|
|
|
populateFooterPrimary: function(items) {
|
|
items.pushObjectWithTag(GoToTop.create(), 'top');
|
|
|
|
var addStatistic = function(label, number) {
|
|
items.pushObjectWithTag(ForumStatistic.create({
|
|
label: label,
|
|
number: number
|
|
}), 'statistics.'+label);
|
|
};
|
|
// addStatistic('discussions', 12);
|
|
// addStatistic('posts', 12);
|
|
// addStatistic('users', 12);
|
|
// addStatistic('online', 12);
|
|
},
|
|
|
|
populateFooterSecondary: function(items) {
|
|
items.pushObjectWithTag(PoweredBy.create(), 'poweredBy');
|
|
}
|
|
});
|