mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
ac9b660e83
* stub for custom form service * demo polishing - use in-memory formService only for the corresponding demo page 'Form' - support for mocking rest field values - demo of the typeahead data mocked * load data from app config * fix lint errors * separate Form and Form List demos
75 lines
4.2 KiB
HTML
75 lines
4.2 KiB
HTML
<!-- Always shows a header, even in smaller screens. -->
|
|
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
|
<header class="mdl-layout__header main_header_adf" [ngClass]="{hide: isAPageWithHeaderBar()}">
|
|
<div class="mdl-button-padding mdl-layout__header-row">
|
|
|
|
<!-- User Info -->
|
|
<ng2-alfresco-userinfo class="user-profile" [menuOpenType]="left">
|
|
</ng2-alfresco-userinfo>
|
|
|
|
<!-- Title -->
|
|
<span class="mdl-layout-title">Demo Application</span>
|
|
<!-- Add spacer, to align navigation to the right -->
|
|
<div class="mdl-layout-spacer"></div>
|
|
|
|
<!-- Search bar -->
|
|
<search-bar (expand)="onToggleSearch($event)"></search-bar>
|
|
|
|
<!-- Navigation. We hide it in small screens. -->
|
|
<nav class="mdl-navigation mdl-layout--large-screen-only">
|
|
<a class="mdl-navigation__link" data-automation-id="home" href="" routerLink="/">Home</a>
|
|
<a class="mdl-navigation__link" data-automation-id="files" href="" routerLink="/files">DocumentList</a>
|
|
<a class="mdl-navigation__link" data-automation-id="activiti" href="" routerLink="/activiti">Process Services</a>
|
|
<a class="mdl-navigation__link" data-automation-id="form" href="" routerLink="/form">Form</a>
|
|
<a class="mdl-navigation__link" data-automation-id="form" href="" routerLink="/form-list">Form List</a>
|
|
<a class="mdl-navigation__link" data-automation-id="login" href="" routerLink="/login">Login</a>
|
|
<a class="mdl-navigation__link" data-automation-id="settings" href="" routerLink="/settings">Settings</a>
|
|
</nav>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<div class="mdl-layout__drawer">
|
|
<nav class="mdl-navigation">
|
|
<a class="mdl-navigation__link" (click)="onLogout($event)">
|
|
<label tabindex="0">Logout</label>
|
|
</a>
|
|
</nav>
|
|
<span class="mdl-layout-title">Languages</span>
|
|
<nav class="mdl-navigation">
|
|
<a class="mdl-navigation__link" (click)="changeLanguage('en')">
|
|
<span class="adf-flag-icon adf-flag-icon-gb"></span>
|
|
<label tabindex="0"> English</label>
|
|
</a>
|
|
<a class="mdl-navigation__link" (click)="changeLanguage('it')">
|
|
<span class="adf-flag-icon adf-flag-icon-it"></span>
|
|
<label tabindex="0"> Italian</label>
|
|
</a>
|
|
<a class="mdl-navigation__link" (click)="changeLanguage('ru')">
|
|
<span class="adf-flag-icon adf-flag-icon-ru"></span>
|
|
<label tabindex="0"> Russian</label>
|
|
</a>
|
|
</nav>
|
|
<span class="mdl-layout-title">Components</span>
|
|
<nav class="mdl-navigation">
|
|
<a class="mdl-navigation__link" href="" routerLink="/" (click)="hideDrawer()">Home</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/files" (click)="hideDrawer()">DocumentList</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/datatable" (click)="hideDrawer()">DataTable</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/uploader" (click)="hideDrawer()">Uploader</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/login" (click)="hideDrawer()">Login</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/activiti" (click)="hideDrawer()">Process Services</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/webscript" (click)="hideDrawer()">Webscript</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/tag" (click)="hideDrawer()">Tag</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/social" (click)="hideDrawer()">Social</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/about" (click)="hideDrawer()">About</a>
|
|
<a class="mdl-navigation__link" href="" routerLink="/settings" (click)="hideDrawer()">Settings</a>
|
|
</nav>
|
|
</div>
|
|
<main class="mdl-layout__content" (dragover)="onDragOverMainPage($event)"
|
|
(drop)="onDragOverMainPage($event)">
|
|
<div class="page-content">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</main>
|
|
</div>
|