feat: add new page for prizm versions list #1133

apps/doc/src/app/app.routes.ts

@@ -129,6 +129,13 @@ export const ROUTES: Routes = [
  title: 'CodeStyle',
  },
  },
+ {
+ path: 'versions',
+ loadChildren: () => import('./how-to-work/versions/versions.module').then(i => i.VersionsModule),
+ data: {
+ title: 'Versions',
+ },
+ },
  {
  path: '**',
  redirectTo: 'for-developers',

apps/doc/src/app/how-to-work/versions/versions.component.html

@@ -0,0 +1 @@
+<prizm-doc-page class="info-page" header="Версии"> </prizm-doc-page>

apps/doc/src/app/how-to-work/versions/versions.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { VersionsComponent } from './versions.component';
+
+describe('VersionsComponent', () => {
+ let component: VersionsComponent;
+ let fixture: ComponentFixture<VersionsComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [VersionsComponent],
+ }).compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(VersionsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});

apps/doc/src/app/how-to-work/versions/versions.component.ts

@@ -0,0 +1,9 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+@Component({
+ selector: 'prizm-versions',
+ templateUrl: './versions.component.html',
+ styleUrls: ['./versions.component.less'],
+ changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class VersionsComponent {}

apps/doc/src/app/how-to-work/versions/versions.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { PrizmAddonDocModule, prizmDocGenerateRoutes } from '@prizm-ui/doc';
+import { VersionsComponent } from './versions.component';
+
+@NgModule({
+ exports: [VersionsComponent],
+ declarations: [VersionsComponent],
+ imports: [PrizmAddonDocModule, RouterModule.forChild(prizmDocGenerateRoutes(VersionsComponent))],
+})
+export class VersionsModule {}

apps/doc/src/app/pages.ts

@@ -115,6 +115,13 @@ export const pages: PrizmOrderedDocPage = [
  route: 'how-to-work/codestyle',
  order: 6,
  },
+ {
+ section: SectionNameEnum.howToWork,
+ title: 'Версии',
+ keywords: 'версия, версии, versions',
+ route: 'how-to-work/versions',
+ order: 7,
+ },
  //For ZIIoT
  {
  section: SectionNameEnum.forZIIoT,
@@ -860,6 +867,13 @@ export const pagesEnglish: PrizmOrderedDocPage = [
  route: 'how-to-work/codestyle',
  order: 6,
  },
+ {
+ section: SectionNameEnglishEnum.howToWork,
+ title: 'Versions',
+ keywords: 'версия, версии, versions',
+ route: 'how-to-work/versions',
+ order: 7,
+ },
  //For ZIIoT
  {
  section: SectionNameEnglishEnum.forZIIoT,

apps/doc/src/app/version-manager/pipes/versionLink.pipe.ts

@@ -0,0 +1,13 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { PrizmVersionMeta } from '../versions.constants';
+
+@Pipe({ name: 'prizmVersionLink', standalone: true })
+export class PrizmVersionLinkPipe implements PipeTransform {
+ public transform(version: PrizmVersionMeta, location: Location, url: string): string {
+ if (version.baseHref) {
+ return `${location.origin}/${version.baseHref}${url}${location.search}`;
+ } else {
+ return version.link?.href;
+ }
+ }
+}

apps/doc/src/app/version-manager/version-manager.component.html

@@ -53,7 +53,7 @@
  </div>
  </a>
 
- <a class="version-link" [href]="getVersionHref(version)">
+ <a class="version-link" [href]="version | prizmVersionLink : locationRef : router.url">
  {{ version.label }}
  </a>
  </div>

apps/doc/src/app/version-manager/version-manager.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Inject, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { LOCATION } from '@ng-web-apis/common';
 
@@ -12,7 +12,6 @@ import {
 import { PRIZM_CURRENT_VERSION } from './current.const';
 import { LanguageManagerService } from './language-manager.service';
 import { PrizmLanguageSwitcher } from '@prizm-ui/i18n';
-import { tap } from 'rxjs/operators';
 
 @Component({
  selector: 'prizm-version-manager',
@@ -29,8 +28,8 @@ export class VersionManagerComponent {
  public readonly languageSwitcher: PrizmLanguageSwitcher,
  public readonly languageManager: LanguageManagerService,
  @Inject(SELECTED_VERSION_META) public initialVersion: PrizmVersionMeta | null,
- @Inject(LOCATION) private readonly locationRef: Location,
- @Inject(Router) private readonly router: Router
+ @Inject(LOCATION) public readonly locationRef: Location,
+ @Inject(Router) public readonly router: Router
  ) {
  this.initByVersion();
  this.initIfItIsNotLocal();
@@ -51,14 +50,6 @@ export class VersionManagerComponent {
  }
  }
 
- public getVersionHref(version: PrizmVersionMeta): string {
- if (version.baseHref) {
- return `${this.locationRef.origin}/${version.baseHref}${this.router.url}${this.locationRef.search}`;
- } else {
- return version.link?.href;
- }
- }
-
  public languageIdentityMatcher(a: PrizmLanguageMeta, b: PrizmLanguageMeta) {
  return a?.code === b?.code;
  }

apps/doc/src/app/version-manager/version-manager.module.ts

@@ -7,6 +7,7 @@ import { TuiSelectModule, TuiStringifyContentPipeModule, TuiStringifyPipeModule
 import { VersionManagerComponent } from './version-manager.component';
 import { PrizmButtonModule } from '@prizm-ui/components';
 import { PrizmLetModule } from '@prizm-ui/helpers';
+import { PrizmVersionLinkPipe } from './pipes/versionLink.pipe';
 
 @NgModule({
  imports: [
@@ -19,6 +20,7 @@ import { PrizmLetModule } from '@prizm-ui/helpers';
  TuiTextfieldControllerModule,
  TuiStringifyPipeModule,
  TuiStringifyContentPipeModule,
+ PrizmVersionLinkPipe,
  ],
  declarations: [VersionManagerComponent],
  exports: [VersionManagerComponent],

apps/doc/src/app/version-manager/versions.constants.ts

@@ -37,8 +37,8 @@ export const PRIZM_VERSIONS_META: readonly PrizmVersionMeta[] = [
  },
  },
  {
- label: '3.9.0 (ng16)',
- version: '3.9.0',
+ label: '3.12.0 (ng16)',
+ version: '3.12.0',
  stackblitz: 'https://stackblitz.com/edit/prizm-v2-demo',
  link: new URL('https://prizm-v3.web.app'),
  otherLinks: [],
@@ -47,8 +47,8 @@ export const PRIZM_VERSIONS_META: readonly PrizmVersionMeta[] = [
  },
  },
  {
- label: '2.10.0 (ng15)',
- version: '2.10.0',
+ label: '2.13.0 (ng15)',
+ version: '2.13.0',
  stackblitz: 'https://stackblitz.com/edit/prizm-v2-demo',
  link: new URL('https://prizm-v2.web.app'),
  otherLinks: [],
@@ -57,62 +57,13 @@ export const PRIZM_VERSIONS_META: readonly PrizmVersionMeta[] = [
  },
  },
  {
- label: '1.13.0 (ng14)',
- version: '1.13.0',
+ label: '1.16.0 (ng14)',
+ version: '1.16.0',
  stackblitz: 'https://stackblitz.com/edit/prizm-v1-demo',
  link: new URL('https://prizm-v1.web.app'),
  otherLinks: [],
  cb: (hostName: string, current: PrizmVersionMeta) => {
  return hostName.startsWith('prizm-v1--');
  },
  },
- {
- label: '4.1.1-next (ng16)',
- version: '4.1.1-next',
- stackblitz: 'https://stackblitz.com/edit/prizm-v4-next-demo',
- link: new URL('https://prizm-v4-next.web.app'),
- otherLinks: [],
- },
- {
- label: '3.9.0-next (ng16)',
- version: '3.9.0-next',
- stackblitz: 'https://stackblitz.com/edit/prizm-v3-next-demo',
- link: new URL('https://prizm-v3-next.web.app'),
- otherLinks: [],
- },
- {
- label: '2.10.0-next (ng15)',
- stackblitz: 'https://stackblitz.com/edit/prizm-v2-next-demo',
- version: '2.10.0-next',
- link: new URL('https://prizm-v2-next.web.app'),
- otherLinks: [],
- },
- {
- label: '1.13.0-next (ng14)',
- version: '1.13.0-next',
- stackblitz: 'https://stackblitz.com/edit/prizm-v1-next-demo',
- link: new URL('https://prizm-v1-next.web.app'),
- otherLinks: [],
- },
- // {
- // label: '3.9.0-beta (ng16)',
- // version: '3.9.0-beta',
- // stackblitz: 'https://stackblitz.com/edit/prizm-v3-beta-demo',
- // link: new URL('https://prizm-v3-beta.web.app'),
- // otherLinks: [],
- // },
- // {
- // label: '2.10.0-beta (ng15)',
- // version: '2.10.0-beta',
- // stackblitz: 'https://stackblitz.com/edit/prizm-v2-beta-demo',
- // link: new URL('https://prizm-v2-beta.web.app'),
- // otherLinks: [],
- // },
- // {
- // label: '1.13.0-beta (ng14)',
- // version: '1.13.0-beta',
- // stackblitz: 'https://stackblitz.com/edit/prizm-v1-beta-demo',
- // link: new URL('https://prizm-v1-beta.web.app'),
- // otherLinks: [],
- // },
 ];