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

Simplified demo shell layout

Browse Source 
- removed bootstrap usage for files view
- removed checkbox panel from file view
This commit is contained in:
Denys Vuika
2016-05-06 11:19:08 +01:00
parent 3b0e8dd1ac
commit 54b1707b30
4 changed files with 24 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
demo-shell-ng2/app/components/files/files.component.html
View File

@@ -1,57 +1,24 @@
<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-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-upload-drag-area>
<alfresco-document-list
#list
[breadcrumb]="breadcrumb"
[navigate]="navigation"
folder-icon=""
(itemClick)="onItemClick($event)">
<content-columns>
<content-column source="$thumbnail"></content-column>
<content-column title="Display Name" source="displayName" class="full-width name-column"></content-column>
<content-column title="Created By" source="createdBy"></content-column>
<content-column title="Created On" source="createdOn"></content-column>
</content-columns>
<alfresco-upload-drag-area>
<alfresco-document-list>
<content-columns>
<content-column source="$thumbnail"></content-column>
<content-column title="Display Name" source="displayName" class="full-width name-column"></content-column>
<content-column title="Created By" source="createdBy"></content-column>
<content-column title="Created On" source="createdOn"></content-column>
</content-columns>
<content-actions>
<!-- folder actions -->
<content-action target="folder" type="button" icon="delete" title="Delete" handler="system1"></content-action>
<content-action target="folder" type="menu" title="Default folder action 1" handler="system1"></content-action>
<content-action target="folder" type="menu" title="Custom folder action" (execute)="myFolderAction1($event)"></content-action>
<content-actions>
<!-- folder actions -->
<content-action target="folder" type="button" icon="delete" title="Delete" handler="system1"></content-action>
<content-action target="folder" type="menu" title="Default folder action 1" handler="system1"></content-action>
<content-action target="folder" type="menu" title="Custom folder action" (execute)="myFolderAction1($event)"></content-action>
<!-- document actions -->
<content-action target="document" type="button" icon="account_circle" handler="my-handler"></content-action>
<content-action target="document" type="button" icon="cloud_download" handler="download"></content-action>
<content-action target="document" type="menu" title="Download" handler="download"></content-action>
<content-action target="document" type="menu" title="System action" handler="system2"></content-action>
<content-action target="document" type="menu" title="Custom action" (execute)="myCustomAction1($event)"></content-action>
</content-actions>
</alfresco-document-list>
</alfresco-upload-drag-area>
</div>
</div>
</div>
<!-- document actions -->
<content-action target="document" type="button" icon="account_circle" handler="my-handler"></content-action>
<content-action target="document" type="button" icon="cloud_download" handler="download"></content-action>
<content-action target="document" type="menu" title="Download" handler="download"></content-action>
<content-action target="document" type="menu" title="System action" handler="system2"></content-action>
<content-action target="document" type="menu" title="Custom action" (execute)="myCustomAction1($event)"></content-action>
</content-actions>
</alfresco-document-list>
</alfresco-upload-drag-area>

9
demo-shell-ng2/app/components/files/files.component.ts
View File

@@ -15,7 +15,6 @@
* limitations under the License.
*/
import {Component} from 'angular2/core';
import {
DOCUMENT_LIST_DIRECTIVES,
@@ -47,14 +46,6 @@ export class FilesComponent {
window.alert('my custom action handler');
}
onItemClick($event) {
console.log($event.value);
this.events.push({
name: 'Item Clicked',
value: $event.value
});
}
myCustomAction1(event) {
alert('Custom document action for ' + event.value.displayName);
}