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

DEV: Update nav-item model to native class syntax (#25627)

Browse Source 
This commit was created with a combination of the ember-native-class-codemod and manual cleanup
This commit is contained in:
David Taylor 2024-02-09 12:40:47 +00:00 committed by GitHub
parent d4b03d0ad2
commit b797434376
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 123 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

262
app/assets/javascripts/discourse/app/models/nav-item.js
View File

@ -1,4 +1,6 @@
import { tracked } from "@glimmer/tracking";
import EmberObject from "@ember/object"; import EmberObject from "@ember/object";
import { dependentKeyCompat } from "@ember/object/compat";
import { reads } from "@ember/object/computed"; import { reads } from "@ember/object/computed";
import { inject as service } from "@ember/service"; import { inject as service } from "@ember/service";
import { emojiUnescape } from "discourse/lib/text"; import { emojiUnescape } from "discourse/lib/text";
@ -16,139 +18,12 @@ import { deepMerge } from "discourse-common/lib/object";
import discourseComputed from "discourse-common/utils/decorators"; import discourseComputed from "discourse-common/utils/decorators";
import I18n from "discourse-i18n"; import I18n from "discourse-i18n";
const NavItem = EmberObject.extend({ export default class NavItem extends EmberObject {
topicTrackingState: service(), static extraArgsCallbacks = [];
static customNavItemHrefs = [];
static extraNavItemDescriptors = [];
@discourseComputed("name") static pathFor(filterType, context) {
title: {
get(name) {
if (this._title) {
return this._title;
}
return I18n.t("filters." + name.replace("/", ".") + ".help", {});
},
set(value) {
return this.set("_title", value);
},
},
@discourseComputed("name", "count")
displayName: {
get(name, count) {
if (this._displayName) {
return this._displayName;
}
count = count || 0;
if (
name === "latest" &&
(!Site.currentProp("mobileView") || this.tagId !== undefined)
) {
count = 0;
}
let extra = { count };
const titleKey = count === 0 ? ".title" : ".title_with_count";
return emojiUnescape(
I18n.t(`filters.${name.replace("/", ".") + titleKey}`, extra)
);
},
set(value) {
return this.set("_displayName", value);
},
},
@discourseComputed("filterType", "category", "noSubcategories", "tagId")
href(filterType, category, noSubcategories, tagId) {
let customHref = null;
NavItem.customNavItemHrefs.forEach(function (cb) {
customHref = cb.call(this, this);
if (customHref) {
return false;
}
}, this);
if (customHref) {
return getURL(customHref);
}
const context = { category, noSubcategories, tagId };
return NavItem.pathFor(filterType, context);
},
filterType: reads("name"),
@discourseComputed("name", "category", "noSubcategories")
filterMode(name, category, noSubcategories) {
let mode = "";
if (category) {
mode += "c/";
mode += Category.slugFor(category);
if (noSubcategories) {
mode += "/none";
}
mode += "/l/";
}
return mode + name.replace(" ", "-");
},
@discourseComputed(
"name",
"category",
"tagId",
"noSubcategories",
"currentRouteQueryParams",
"topicTrackingState.messageCount"
)
count(name, category, tagId, noSubcategories, currentRouteQueryParams) {
const state = this.topicTrackingState;
if (state) {
return state.lookupCount({
type: name,
category,
tagId,
noSubcategories,
customFilterFn: hasTrackedFilter(currentRouteQueryParams)
? isTrackedTopic
: undefined,
});
}
},
});
const ExtraNavItem = NavItem.extend({
href: discourseComputed("href", {
get() {
if (this._href) {
return this._href;
}
return this.href;
},
set(key, value) {
return (this._href = value);
},
}),
count: 0,
customFilter: null,
});
NavItem.reopenClass({
extraArgsCallbacks: [],
customNavItemHrefs: [],
extraNavItemDescriptors: [],
pathFor(filterType, context) {
let path = getURL(""); let path = getURL("");
let includesCategoryContext = false; let includesCategoryContext = false;
let includesTagContext = false; let includesTagContext = false;
@ -191,11 +66,11 @@ NavItem.reopenClass({
// period has its own selector just below // period has its own selector just below
return path; return path;
}, }
// Create a nav item given a filterType. It returns null if there is not // Create a nav item given a filterType. It returns null if there is not
// valid nav item. The name is a historical artifact. // valid nav item. The name is a historical artifact.
fromText(filterType, opts) { static fromText(filterType, opts) {
const anonymous = !User.current(); const anonymous = !User.current();
opts = opts || {}; opts = opts || {};
@ -233,9 +108,9 @@ NavItem.reopenClass({
let store = getOwnerWithFallback(this).lookup("service:store"); let store = getOwnerWithFallback(this).lookup("service:store");
return store.createRecord("nav-item", args); return store.createRecord("nav-item", args);
}, }
buildList(category, args) { static buildList(category, args) {
args = args || {}; args = args || {};
if (category) { if (category) {
@ -342,10 +217,119 @@ NavItem.reopenClass({
}); });
} }
return items; return items;
}, }
});
export default NavItem; @service topicTrackingState;
@tracked name;
@reads("name") filterType;
@tracked _title;
@tracked _displayName;
@dependentKeyCompat
get title() {
if (this._title) {
return this._title;
}
return I18n.t("filters." + this.name.replace("/", ".") + ".help", {});
}
set title(value) {
this._title = value;
}
@dependentKeyCompat
get displayName() {
if (this._displayName) {
return this._displayName;
}
let count = this.count || 0;
if (
name === "latest" &&
(!Site.currentProp("mobileView") || this.tagId !== undefined)
) {
count = 0;
}
let extra = { count };
const titleKey = count === 0 ? ".title" : ".title_with_count";
return emojiUnescape(
I18n.t(`filters.${this.name.replace("/", ".") + titleKey}`, extra)
);
}
set displayName(value) {
this._displayName = value;
}
@discourseComputed("filterType", "category", "noSubcategories", "tagId")
href(filterType, category, noSubcategories, tagId) {
let customHref = null;
NavItem.customNavItemHrefs.forEach(function (cb) {
customHref = cb.call(this, this);
if (customHref) {
return false;
}
}, this);
if (customHref) {
return getURL(customHref);
}
const context = { category, noSubcategories, tagId };
return NavItem.pathFor(filterType, context);
}
@discourseComputed("name", "category", "noSubcategories")
filterMode(name, category, noSubcategories) {
let mode = "";
if (category) {
mode += "c/";
mode += Category.slugFor(category);
if (noSubcategories) {
mode += "/none";
}
mode += "/l/";
}
return mode + name.replace(" ", "-");
}
@discourseComputed(
"name",
"category",
"tagId",
"noSubcategories",
"currentRouteQueryParams",
"topicTrackingState.messageCount"
)
count(name, category, tagId, noSubcategories, currentRouteQueryParams) {
const state = this.topicTrackingState;
if (state) {
return state.lookupCount({
type: name,
category,
tagId,
noSubcategories,
customFilterFn: hasTrackedFilter(currentRouteQueryParams)
? isTrackedTopic
: undefined,
});
}
}
}
class ExtraNavItem extends NavItem {
@tracked href;
count = 0;
customFilter = null;
}
export function extraNavItemProperties(cb) { export function extraNavItemProperties(cb) {
NavItem.extraArgsCallbacks.push(cb); NavItem.extraArgsCallbacks.push(cb);