inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Migrated main page to material design

Browse Source 
- some sections are left commented out for reference and migration
purposes and will be removed during future revisions
This commit is contained in:
Denys Vuika
2016-04-21 17:25:38 +01:00
parent a944d383af
commit 8e2affabf8
4 changed files with 84 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
demo-shell-ng2/app/components/home.view.ts
View File

@@ -1,5 +1,6 @@
import {Component} from 'angular2/core';
import {DocumentList} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
import {MDL} from './MaterialDesignLiteUpgradeElement';
@Component({
selector: 'home-view',
@@ -8,10 +9,30 @@ import {DocumentList} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist'
<div class="row">
<div class="col-md-2">
<ul class="list-unstyled">
<li><label><input type="checkbox" [(ngModel)]="thumbnails"> Thumbnails</label></li>
<li><label><input type="checkbox" [(ngModel)]="breadcrumb"> Breadcrumb</label></li>
<li><label><input type="checkbox" [(ngModel)]="navigation"> Navigation</label></li>
<li><label><input type="checkbox" [(ngModel)]="downloads"> Downloads</label></li>
<li>
<label mdl class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
<input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" [(ngModel)]="thumbnails">
<span class="mdl-checkbox__label">Thumbnails</span>
</label>
</li>
<li>
<label mdl class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-2">
<input type="checkbox" id="checkbox-2" class="mdl-checkbox__input" [(ngModel)]="breadcrumb">
<span class="mdl-checkbox__label">Breadcrumb</span>
</label>
</li>
<li>
<label mdl class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-3">
<input type="checkbox" id="checkbox-3" class="mdl-checkbox__input" [(ngModel)]="navigation">
<span class="mdl-checkbox__label">Navigation</span>
</label>
</li>
<li>
<label mdl class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-4">
<input type="checkbox" id="checkbox-4" class="mdl-checkbox__input" [(ngModel)]="downloads">
<span class="mdl-checkbox__label">Downloads</span>
</label>
</li>
</ul>
<hr>
<ul class="list-unstyled" style="font-size: 10px">
@@ -32,7 +53,7 @@ import {DocumentList} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist'
</div>
</div>
`,
directives: [DocumentList]
directives: [DocumentList, MDL]
})
export class HomeView {
thumbnails: boolean = true;