inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

location link component

Browse Source
This commit is contained in:
Denys Vuika
2017-11-13 16:21:58 +00:00
parent 44bb71aa53
commit ba2395c7b2
7 changed files with 109 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app.module.ts
View File

@@ -42,6 +42,7 @@ import { CurrentUserComponent } from './components/current-user/current-user.com
import { SearchComponent } from './components/search/search.component';
import { SidenavComponent } from './components/sidenav/sidenav.component';
import { AboutComponent } from './components/about/about.component';
import { LocationLinkComponent } from './components/location-link/location-link.component';
@NgModule({
imports: [
@@ -69,7 +70,8 @@ import { AboutComponent } from './components/about/about.component';
SharedFilesComponent,
TrashcanComponent,
PreviewComponent,
AboutComponent
AboutComponent,
LocationLinkComponent
],
providers: [
{

7
src/app/components/favorites/favorites.component.html
View File

@@ -117,9 +117,10 @@
<data-column
key="path"
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION"
type="location"
format="/personal-files">
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION">
<ng-template let-context>
<app-location-link [context]="context"></app-location-link>
</ng-template>
</data-column>
<data-column

84
src/app/components/location-link/location-link.component.ts Normal file
View File

@@ -0,0 +1,84 @@
import { Component, Input, ChangeDetectionStrategy, OnInit, ViewEncapsulation } from '@angular/core';
import { DataColumn, DataRow, DataTableAdapter } from 'ng2-alfresco-datatable';
import { PathInfoEntity } from 'alfresco-js-api';
@Component({
selector: 'app-location-link',
template: `
<a href="" [title]="tooltip" [routerLink]="link">
{{ displayText }}
</a>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
// tslint:disable-next-line:use-host-property-decorator
host: {
'class': 'app-location-link'
}
})
export class LocationLinkComponent implements OnInit {
@Input()
context: any;
@Input()
link: any[];
@Input()
displayText = '';
@Input()
tooltip = '';
ngOnInit() {
if (this.context) {
const data: DataTableAdapter = this.context.data;
const col: DataColumn = this.context.col;
const row: DataRow = this.context.row;
const value: PathInfoEntity = data.getValue(row, col);
if (value.name && value.elements) {
const isLibraryPath = this.isLibraryContent(value);
this.displayText = this.getDisplayText(value);
this.tooltip = this.getTooltip(value);
const parent = value.elements[value.elements.length - 1];
const area = isLibraryPath ? '/libraries' : '/personal-files';
this.link = [ area, parent.id ];
}
}
}
private isLibraryContent(path: PathInfoEntity): boolean {
if (path && path.elements.length >= 2 && path.elements[1].name === 'Sites') {
return true;
}
return false;
}
private getDisplayText(path: PathInfoEntity): string {
let result = path.elements[path.elements.length - 1].name;
if (result === 'documentLibrary') {
result = path.elements[path.elements.length - 2].name;
}
result = result.replace('Company Home', 'Personal Files');
return result;
}
// todo: review once 5.2.3 is out
private getTooltip(path: PathInfoEntity): string {
let result = path.name;
result = result.replace('documentLibrary/', '');
result = result.replace('/documentLibrary', '');
result = result.replace('/Company Home/Sites', 'File Libraries');
result = result.replace('/Company Home', 'Personal Files');
return result;
}
}

7
src/app/components/recent-files/recent-files.component.html
View File

@@ -109,9 +109,10 @@
<data-column
key="path"
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION"
type="location"
format="/personal-files">
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION">
<ng-template let-context>
<app-location-link [context]="context"></app-location-link>
</ng-template>
</data-column>
<data-column

8
src/app/components/shared-files/shared-files.component.html
View File

@@ -107,11 +107,13 @@
<data-column
key="path"
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION"
type="location"
format="/personal-files">
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION">
<ng-template let-context>
<app-location-link [context]="context"></app-location-link>
</ng-template>
</data-column>
<data-column
key="content.sizeInBytes"
title="APP.DOCUMENT_LIST.COLUMNS.SIZE"

19
src/app/components/trashcan/trashcan.component.html
View File

@@ -66,27 +66,24 @@
</data-column>
<data-column
key="path.name"
key="path"
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION">
<ng-template let-value="value">
<span title="{{ value }}">{{ (value || '').split('/').pop() }}</span>
<ng-template let-context>
<app-location-link [context]="context"></app-location-link>
</ng-template>
</data-column>
<data-column
key="content.sizeInBytes"
title="APP.DOCUMENT_LIST.COLUMNS.SIZE">
<ng-template let-value="value">
<span title="{{ value }} bytes">{{ value | adfFileSize }}</span>
</ng-template>
title="APP.DOCUMENT_LIST.COLUMNS.SIZE"
type="fileSize">
</data-column>
<data-column
key="archivedAt"
title="APP.DOCUMENT_LIST.COLUMNS.DELETED_ON">
<ng-template let-value="value">
<span title="{{ value | date:'medium' }}">{{ value | adfTimeAgo }}</span>
</ng-template>
title="APP.DOCUMENT_LIST.COLUMNS.DELETED_ON"
type="date"
format="timeAgo">
</data-column>
<data-column

1
src/app/ui/overrides/_alfresco-document-list.scss
View File

@@ -89,6 +89,7 @@ adf-document-list {
}
}
.app-location-link,
.adf-location-cell {
a {
text-decoration: none;