Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

docs(docs-infra): refactor navigation code based on angular style guide (#64177)

Browse source 
PR Close #64177
This commit is contained in:
utshow-rehman 2025-10-01 21:28:44 +06:00 committed by Miles Malerba
parent 7eee93da1a
commit b49db1644e
4 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
adev/src/app/core/layout/navigation/navigation.component.html
View file

@ -62,9 +62,9 @@
<nav
class="adev-nav-primary docs-scroll-hide"
[class.adev-nav-primary--open]="isMobileNavigationOpened()"
[class.adev-nav-primary--rc]="currentDocsVersionMode === 'rc'"
[class.adev-nav-primary--next]="currentDocsVersionMode === 'next'"
[class.adev-nav-primary--deprecated]="currentDocsVersionMode === 'deprecated'"
[class.adev-nav-primary--rc]="currentDocsVersionMode() === 'rc'"
[class.adev-nav-primary--next]="currentDocsVersionMode() === 'next'"
[class.adev-nav-primary--deprecated]="currentDocsVersionMode() === 'deprecated'"
>
<button
type="button"

1
adev/src/app/core/layout/navigation/navigation.component.spec.ts
View file

@ -30,6 +30,7 @@ describe('Navigation', () => {
const fakeVersionManager = {
currentDocsVersion: signal('v17'),
currentDocsVersionMode: signal('stable'),
versions: signal<Version[]>([]),
};

10
adev/src/app/core/layout/navigation/navigation.component.ts
View file

@ -78,12 +78,12 @@ export class Navigation {
readonly APPLE_SEARCH_LABEL = `⌘`;
readonly DEFAULT_SEARCH_LABEL = `ctrl`;
activeRouteItem = this.navigationState.primaryActiveRouteItem;
protected theme = this.themeManager.theme;
protected openedMenu = signal<MenuType | null>(null);
readonly activeRouteItem = this.navigationState.primaryActiveRouteItem;
protected readonly theme = this.themeManager.theme;
protected readonly openedMenu = signal<MenuType | null>(null);
protected currentDocsVersion = this.versionManager.currentDocsVersion;
protected currentDocsVersionMode = this.versionManager.currentDocsVersionMode;
protected readonly currentDocsVersion = this.versionManager.currentDocsVersion;
protected readonly currentDocsVersionMode = this.versionManager.currentDocsVersionMode;
// Set the values of the search label and title only on the client, because the label is user-agent specific.
protected searchLabel = this.isBrowser

4
adev/src/app/core/services/version-manager.service.ts
View file

@ -36,14 +36,14 @@ type VersionJson = {version: string; url: string};
export class VersionManager {
private document = inject(DOCUMENT);
get currentDocsVersionMode(): VersionMode {
readonly currentDocsVersionMode = computed<VersionMode>(() => {
const hostname = this.document.location.hostname;
if (hostname.startsWith('v')) return 'deprecated';
if (hostname.startsWith('rc')) return 'rc';
if (hostname.startsWith('next')) return 'next';
return 'stable';
}
});
private localVersions = (versionJson as VersionJson[]).map((v) => {
return {