chore(app-navigation): implements module permalinks. fix #72

dzintars · Jul 25, 2020 · e17d59d · e17d59d
1 parent 93d2360
commit e17d59d
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/src/store/modules/modules/models.ts b/src/store/modules/modules/models.ts
@@ -1,6 +1,7 @@
 export interface Module {
   readonly id: string
   readonly title: string
+  readonly permalink: string
 }
 
 export interface ModulesState {

diff --git a/src/ui/components/app-flyout/component.ts b/src/ui/components/app-flyout/component.ts
@@ -8,7 +8,7 @@ import style from './style'
 export class AppFlyoutElement extends connect(store, LitElement) {
   @property({ type: String }) key: string = ''
   @property({ type: String }) label: string = 'Unspecified label'
-  @property({ type: Array }) modules: Module[] = [{ id: '1', title: 'Flyout' }]
+  @property({ type: Array }) modules: Module[] = [{ id: '1', title: 'Flyout', permalink: 'permalink' }]
 
   mapState(state: RootState) {
     return {

diff --git a/src/ui/components/app-navigation/component.ts b/src/ui/components/app-navigation/component.ts
@@ -12,7 +12,7 @@ export class AppNavigationElement extends LitElement {
 
   @property({ type: String }) pathname: string
   @property({ type: String }) appid: string = ''
-  @property({ type: Array }) modules: Module[] = [{ id: '1', title: 'Module' }]
+  @property({ type: Array }) modules: Module[] = [{ id: '1', title: 'Module', permalink: '' }]
   @property({ type: String }) name: string = 'component'
 
   protected render(): TemplateResult {

diff --git a/src/ui/components/app-navigation/template.ts b/src/ui/components/app-navigation/template.ts
@@ -9,7 +9,7 @@ export default function template(this: AppNavigationElement): TemplateResult {
       module => module.id,
       module => html`
         <div>
-          <a href="${this.pathname}/${module.id}"><p>${module.title}</p></a>
+          <a href="${this.pathname}/${module.permalink}"><p>${module.title}</p></a>
         </div>
       `
     )}

diff --git a/src/ui/containers/main-launcher/component.ts b/src/ui/containers/main-launcher/component.ts
@@ -27,7 +27,7 @@ export class MainLauncherElement extends connect(store, LitElement) {
   @property({ type: Object }) wrapperRef: any = this.setWrapperRef.bind(this)
   @property({ type: Array }) applications: Application[]
   @property({ type: String }) activeNavItem: string = ''
-  @property({ type: Array }) modules: Module[] = [{ id: '1', title: 'test' }]
+  @property({ type: Array }) modules: Module[] = [{ id: '1', title: 'test', permalink: 'permalink' }]
   @property({ type: String }) activeView: string = ''
 
   // Map state to props (Connect lib)