mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
Move 'files.component' template to a separate file
This commit is contained in:
Denys Vuika
56
demo-shell-ng2/app/components/files/files.component.html
Normal file
56
demo-shell-ng2/app/components/files/files.component.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<div class="container-fluid p-10">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<ul class="list-unstyled">
|
||||
<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>
|
||||
</ul>
|
||||
<hr>
|
||||
<ul class="list-unstyled" style="font-size: 10px">
|
||||
<li *ngFor="#event of events">
|
||||
<strong>{{event.name}}</strong>: {{event.value.displayName}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<alfresco-document-list #list
|
||||
[thumbnails]="thumbnails"
|
||||
[breadcrumb]="breadcrumb"
|
||||
[navigate]="navigation"
|
||||
folder-icon=""
|
||||
(itemClick)="onItemClick($event)">
|
||||
<quick-folder-actions>
|
||||
<quick-folder-action icon="delete" title="Delete" handler="system1"></quick-folder-action>
|
||||
</quick-folder-actions>
|
||||
<folder-actions>
|
||||
<folder-action title="Default folder action 1" handler="system1"></folder-action>
|
||||
<folder-action title="Custom folder action" (execute)="myFolderAction1($event)"></folder-action>
|
||||
</folder-actions>
|
||||
<quick-document-actions>
|
||||
<quick-document-action icon="extension" handler="system1"></quick-document-action>
|
||||
<quick-document-action icon="thumb_up" handler="system2"></quick-document-action>
|
||||
</quick-document-actions>
|
||||
<document-actions>
|
||||
<document-action title="System action" handler="system2"></document-action>
|
||||
<document-action title="Custom action" (execute)="myCustomAction1($event)"></document-action>
|
||||
</document-actions>
|
||||
</alfresco-document-list>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -15,69 +15,18 @@
|
||||
* limitations under the License.
|
||||
*/
|
||||
import {Component} from 'angular2/core';
|
||||
import {DOCUMENT_LIST_DIRECTIVES, DOCUMENT_LIST_PROVIDERS} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
|
||||
import {
|
||||
DOCUMENT_LIST_DIRECTIVES,
|
||||
DOCUMENT_LIST_PROVIDERS
|
||||
} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
|
||||
import {MDL} from 'ng2-alfresco-core/material';
|
||||
|
||||
declare let __moduleName:string;
|
||||
|
||||
@Component({
|
||||
moduleId: __moduleName,
|
||||
selector: 'files-component',
|
||||
template: `
|
||||
<div class="container-fluid p-10">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<ul class="list-unstyled">
|
||||
<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>
|
||||
</ul>
|
||||
<hr>
|
||||
<ul class="list-unstyled" style="font-size: 10px">
|
||||
<li *ngFor="#event of events">
|
||||
<strong>{{event.name}}</strong>: {{event.value.displayName}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<alfresco-document-list #list
|
||||
[thumbnails]="thumbnails"
|
||||
[breadcrumb]="breadcrumb"
|
||||
[navigate]="navigation"
|
||||
folder-icon=""
|
||||
(itemClick)="onItemClick($event)">
|
||||
<quick-folder-actions>
|
||||
<quick-folder-action icon="delete" title="Delete" handler="system1"></quick-folder-action>
|
||||
</quick-folder-actions>
|
||||
<folder-actions>
|
||||
<folder-action title="Default folder action 1" handler="system1"></folder-action>
|
||||
<folder-action title="Custom folder action" (execute)="myFolderAction1($event)"></folder-action>
|
||||
</folder-actions>
|
||||
<quick-document-actions>
|
||||
<quick-document-action icon="extension" handler="system1"></quick-document-action>
|
||||
<quick-document-action icon="thumb_up" handler="system2"></quick-document-action>
|
||||
</quick-document-actions>
|
||||
<document-actions>
|
||||
<document-action title="System action" handler="system2"></document-action>
|
||||
<document-action title="Custom action" (execute)="myCustomAction1($event)"></document-action>
|
||||
</document-actions>
|
||||
</alfresco-document-list>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`,
|
||||
templateUrl: './files.component.html',
|
||||
directives: [DOCUMENT_LIST_DIRECTIVES, MDL],
|
||||
providers: [DOCUMENT_LIST_PROVIDERS]
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user