This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/components/user-info.js.es6
Sam 6bc0f97668 FEATURE: add data-username on user-info blocks
This makes it easier to target in CSS
2018-07-12 18:16:05 +10:00

30 lines
751 B
JavaScript

import computed from "ember-addons/ember-computed-decorators";
import { userPath } from "discourse/lib/url";
function normalize(name) {
return name.replace(/[\-\_ \.]/g, "").toLowerCase();
}
export default Ember.Component.extend({
classNameBindings: [":user-info", "size"],
attributeBindings: ["data-username"],
size: "small",
@computed("user.username")
userPath(username) {
return userPath(username);
},
"data-username": Em.computed.alias("user.username"),
// TODO: In later ember releases `hasBlock` works without this
hasBlock: Em.computed.alias("template"),
@computed("user.name", "user.username")
name(name, username) {
if (name && normalize(username) !== normalize(name)) {
return name;
}
}
});