mirror of
https://github.com/discourse/discourse.git
synced 2025-02-05 12:29:46 +08:00
65 lines
1.9 KiB
JavaScript
65 lines
1.9 KiB
JavaScript
/**
|
|
This view handles rendering of a navigation item
|
|
|
|
@class NavItemView
|
|
@extends Discourse.View
|
|
@namespace Discourse
|
|
@module Discourse
|
|
**/
|
|
Discourse.NavItemView = Discourse.View.extend({
|
|
tagName: 'li',
|
|
classNameBindings: ['active', 'content.hasIcon:has-icon'],
|
|
attributeBindings: ['title'],
|
|
|
|
hidden: Em.computed.not('content.visible'),
|
|
count: Ember.computed.alias('content.count'),
|
|
shouldRerender: Discourse.View.renderIfChanged('count'),
|
|
active: Discourse.computed.propertyEqual('contentNameSlug', 'controller.filterMode'),
|
|
|
|
title: function() {
|
|
var categoryName, extra, name;
|
|
name = this.get('content.name');
|
|
categoryName = this.get('content.categoryName');
|
|
if (categoryName) {
|
|
extra = { categoryName: categoryName };
|
|
name = "category";
|
|
}
|
|
return I18n.t("filters." + name + ".help", extra);
|
|
}.property("content.filter"),
|
|
|
|
contentNameSlug: function() {
|
|
return this.get("content.name").toLowerCase().replace(' ','-');
|
|
}.property('content.name'),
|
|
|
|
// active: function() {
|
|
// return (this.get("contentNameSlug") === this.get("controller.filterMode"));
|
|
// }.property("contentNameSlug", "controller.filterMode"),
|
|
|
|
name: function() {
|
|
var categoryName, extra, name;
|
|
name = this.get('content.name');
|
|
categoryName = this.get('content.categoryName');
|
|
extra = {
|
|
count: this.get('content.count') || 0
|
|
};
|
|
if (categoryName) {
|
|
name = 'category';
|
|
extra.categoryName = Discourse.Formatter.toTitleCase(categoryName);
|
|
}
|
|
return I18n.t("filters." + name + ".title", extra);
|
|
}.property('count'),
|
|
|
|
render: function(buffer) {
|
|
var content = this.get('content');
|
|
buffer.push("<a href='" + content.get('href') + "'>");
|
|
if (content.get('hasIcon')) {
|
|
buffer.push("<span class='" + content.get('name') + "'></span>");
|
|
}
|
|
buffer.push(this.get('name'));
|
|
buffer.push("</a>");
|
|
}
|
|
|
|
});
|
|
|
|
|