inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-05-12 17:04:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix navigation docs issues

Browse Source
This commit is contained in:
Denys Vuika 2017-12-14 10:07:04 +00:00
parent f0a7bf3a75
commit 7d1f3615b5
4 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/images/navigation-01.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 25 KiB

BIN
docs/images/navigation-02.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 28 KiB

BIN
docs/images/navigation-03.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 32 KiB

33
docs/navigation.md
View File

@ -61,7 +61,7 @@ To change the `title` and `label` of navigation links edit the values under `BRO
```json ```json
"APP" : { "APP" : {
... ...
BROWSE: { "BROWSE": {
"PERSONAL": { "PERSONAL": {
"TITLE": "Personal Files", "TITLE": "Personal Files",
"SIDENAV_LINK": { "SIDENAV_LINK": {
@ -80,21 +80,19 @@ For more information about internationalization see [Internationalization (i18n)
To add custom navigation link for the application, first we need to create a component. To add custom navigation link for the application, first we need to create a component.
```src/app/components/custom-page/custom-page.component.ts``` `src/app/components/custom-page/custom-page.component.ts`
```javascript ```js
import { Component } from '@angular/core';
import { Component } from '@angular/core'; @Component({
template: `
@Component({ <h4>{{ title }}</h4>
template: `
<h4>{{ title }}</h4>
` `
}) })
export class CustomPage { export class CustomPage {
title = 'My Custom Page' title = 'My Custom Page'
} }
``` ```
Register the component in ```app.module.ts``` Register the component in ```app.module.ts```
@ -107,9 +105,9 @@ Register the component in ```app.module.ts```
@NgModule({ @NgModule({
... ...
declarations: [ declarations: [
..., ...,
CustomPage CustomPage
] ],
... ...
}) })
@ -118,12 +116,11 @@ Register the component in ```app.module.ts```
In the `app.config.json` define a link entry which will point to the custom page In the `app.config.json` define a link entry which will point to the custom page
```json ```json
{ {
..., ...,
"navigation": [ "navigation": [
"main": [ ... ], "main": [ ... ],
"secondary: [ ... ], "secondary": [ ... ],
"custom": [ "custom": [
{ {
"icon": "work", "icon": "work",
@ -141,7 +138,7 @@ In the `app.config.json` define a link entry which will point to the custom page
Map the `/custom-route` in `app.routes.ts` as a child of `LayoutComponent` definition. Map the `/custom-route` in `app.routes.ts` as a child of `LayoutComponent` definition.
```json ```js
import { CustomPage } from './components/custom-page/custom-page.component.ts'; import { CustomPage } from './components/custom-page/custom-page.component.ts';