github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 07:18:06 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FEATURE: add archetype class to body

Browse Source
This commit is contained in:
Régis Hanol 2015-03-27 16:56:42 +01:00
parent 9e7080eee4
commit cb14ab7a14
3 changed files with 29 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/javascripts/discourse/mixins/add-archetype-class.js.es6 Normal file
View File

@ -0,0 +1,23 @@
// Mix this in to a view that has a `archetype` property to automatically
// add it to the body as the view is entered / left / model is changed.
// This is used for keeping the `body` style in sync for the background image.
export default {
_enterView: function() { this.get('archetype'); }.on('init'),
_removeClasses() {
$('body').removeClass(function(idx, css) {
return (css.match(/\barchetype-\S+/g) || []).join(' ');
});
},
_categoryChanged: function() {
const archetype = this.get('archetype');
this._removeClasses();
if (archetype) {
$('body').addClass('archetype-' + archetype);
}
}.observes('archetype'),
_leaveView: function() { this._removeClasses(); }.on('willDestroyElement')
};

4
app/assets/javascripts/discourse/mixins/add-category-class.js.es6
View File

@ -4,14 +4,14 @@
export default {
_enterView: function() { this.get('categoryFullSlug'); }.on('init'),
_removeClasses: function() {
_removeClasses() {
$('body').removeClass(function(idx, css) {
return (css.match(/\bcategory-\S+/g) || []).join(' ');
});
},
_categoryChanged: function() {
var categoryFullSlug = this.get('categoryFullSlug');
const categoryFullSlug = this.get('categoryFullSlug');
this._removeClasses();
if (categoryFullSlug) {

5
app/assets/javascripts/discourse/views/topic.js.es6
View File

@ -1,8 +1,9 @@
import AddCategoryClass from 'discourse/mixins/add-category-class';
import AddArchetypeClass from 'discourse/mixins/add-archetype-class';
import { listenForViewEvent } from 'discourse/lib/app-events';
import { categoryBadgeHTML } from 'discourse/helpers/category-link';
var TopicView = Discourse.View.extend(AddCategoryClass, Discourse.Scrolling, {
var TopicView = Discourse.View.extend(AddCategoryClass, AddArchetypeClass, Discourse.Scrolling, {
templateName: 'topic',
topicBinding: 'controller.model',
userFiltersBinding: 'controller.userFilters',
@ -19,6 +20,8 @@ var TopicView = Discourse.View.extend(AddCategoryClass, Discourse.Scrolling, {
postStream: Em.computed.alias('controller.postStream'),
archetype: Em.computed.alias('topic.archetype'),
_composeChanged: function() {
var composerController = Discourse.get('router.composerController');
composerController.clearState();