mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
Will Abson
parent
1334f52e20
commit
f92539db19
@ -12,6 +12,19 @@
|
||||
"MODIFIED_BY": "Modified by",
|
||||
"MODIFIED_AT": "Modified at"
|
||||
}
|
||||
},
|
||||
"ICONS": {
|
||||
"ft_ic_raster_image": "Image file",
|
||||
"ft_ic_pdf": "PDF document",
|
||||
"ft_ic_ms_excel": "Microsoft Excel file",
|
||||
"ft_ic_ms_word": "Microsoft Word document",
|
||||
"ft_ic_ms_powerpoint": "Microsoft PowerPoint file",
|
||||
"ft_ic_video": "Video file",
|
||||
"ft_ic_document": "Document file",
|
||||
"ft_ic_website": "Web resource",
|
||||
"ft_ic_archive": "Acrchive file",
|
||||
"ft_ic_presentation": "Presentation file",
|
||||
"ft_ic_spreadsheet": "Spreadsheet file"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<tbody>
|
||||
<tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)"
|
||||
attr.data-automation-id="autocomplete_result_for_{{result.entry.name}}" >
|
||||
<td class="img-td"><img src="{{_getMimeTypeIcon(result)}}" /></td>
|
||||
<td class="img-td"><img src="{{getMimeTypeIcon(result)}}" alt="{{getMimeTypeKey(result)|translate}}" /></td>
|
||||
<td><div class="truncate" ><b>{{result.entry.name}}</b></div><div class="truncate">{{result.entry.createdByUser.displayName}}</div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@ -53,9 +53,9 @@ export class AlfrescoSearchAutocompleteComponent implements OnChanges {
|
||||
@Output()
|
||||
preview: EventEmitter<any> = new EventEmitter();
|
||||
|
||||
constructor(private _alfrescoSearchService: AlfrescoSearchService,
|
||||
constructor(private alfrescoSearchService: AlfrescoSearchService,
|
||||
private translate: AlfrescoTranslationService,
|
||||
private _alfrescoThumbnailService: AlfrescoThumbnailService) {
|
||||
private alfrescoThumbnailService: AlfrescoThumbnailService) {
|
||||
if (translate) {
|
||||
translate.addTranslationFolder('node_modules/ng2-alfresco-search');
|
||||
}
|
||||
@ -74,7 +74,7 @@ export class AlfrescoSearchAutocompleteComponent implements OnChanges {
|
||||
*/
|
||||
public displaySearchResults(searchTerm) {
|
||||
if (searchTerm !== null && searchTerm !== '') {
|
||||
this._alfrescoSearchService
|
||||
this.alfrescoSearchService
|
||||
.getLiveSearchResults(searchTerm)
|
||||
.subscribe(
|
||||
results => {
|
||||
@ -94,13 +94,26 @@ export class AlfrescoSearchAutocompleteComponent implements OnChanges {
|
||||
* @param node Node to get URL for.
|
||||
* @returns {string} URL address.
|
||||
*/
|
||||
_getMimeTypeIcon(node: any): string {
|
||||
getMimeTypeIcon(node: any): string {
|
||||
if (node.entry.content && node.entry.content.mimeType) {
|
||||
let icon = this._alfrescoThumbnailService.getMimeTypeIcon(node.entry.content.mimeType);
|
||||
let icon = this.alfrescoThumbnailService.getMimeTypeIcon(node.entry.content.mimeType);
|
||||
return `${this.baseComponentPath}/img/${icon}`;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets thumbnail message key for the given document node, which can be used to look up alt text
|
||||
* @param node Node to get URL for.
|
||||
* @returns {string} URL address.
|
||||
*/
|
||||
getMimeTypeKey(node: any): string {
|
||||
if (node.entry.content && node.entry.content.mimeType) {
|
||||
return 'SEARCH.ICONS.' + this.alfrescoThumbnailService.getMimeTypeKey(node.entry.content.mimeType);
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
onItemClick(node, event?: Event): void {
|
||||
if (event) {
|
||||
event.preventDefault();
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
<tbody>
|
||||
|
||||
<tr *ngFor="let result of results; let idx = index" (click)="onItemClick(result, $event)">
|
||||
<td class="col-mimetype-icon"><img src="{{getMimeTypeIcon(result)}}" /></td>
|
||||
<td class="col-mimetype-icon"><img src="{{getMimeTypeIcon(result)}}" alt="{{getMimeTypeKey(result)|translate}}" /></td>
|
||||
<td class="mdl-data-table__cell--non-numeric col-display-name"
|
||||
attr.data-automation-id=file_{{result.entry.name}} >{{result.entry.name}}</td>
|
||||
<td class="mdl-data-table__cell--non-numeric col-modified-by"
|
||||
|
||||
@ -95,6 +95,19 @@ export class AlfrescoSearchComponent implements OnChanges, OnInit {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets thumbnail message key for the given document node, which can be used to look up alt text
|
||||
* @param node Node to get URL for.
|
||||
* @returns {string} URL address.
|
||||
*/
|
||||
getMimeTypeKey(node: any): string {
|
||||
if (node.entry.content && node.entry.content.mimeType) {
|
||||
return 'SEARCH.ICONS.' + this._alfrescoThumbnailService.getMimeTypeKey(node.entry.content.mimeType);
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Loads and displays search results
|
||||
* @param searchTerm Search query entered by user
|
||||
|
||||
@ -26,32 +26,32 @@ declare let AlfrescoApi: any;
|
||||
export class AlfrescoThumbnailService {
|
||||
|
||||
mimeTypeIcons: any = {
|
||||
'image/png': 'ft_ic_raster_image.svg',
|
||||
'image/jpeg': 'ft_ic_raster_image.svg',
|
||||
'image/gif': 'ft_ic_raster_image.svg',
|
||||
'application/pdf': 'ft_ic_pdf.svg',
|
||||
'application/vnd.ms-excel': 'ft_ic_ms_excel.svg',
|
||||
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'ft_ic_ms_excel.svg',
|
||||
'application/vnd.openxmlformats-officedocument.spreadsheetml.template': 'ft_ic_ms_excel.svg',
|
||||
'application/msword': 'ft_ic_ms_word.svg',
|
||||
'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'ft_ic_ms_word.svg',
|
||||
'application/vnd.openxmlformats-officedocument.wordprocessingml.template': 'ft_ic_ms_word.svg',
|
||||
'application/vnd.ms-powerpoint': 'ft_ic_ms_powerpoint.svg',
|
||||
'application/vnd.openxmlformats-officedocument.presentationml.presentation': 'ft_ic_ms_powerpoint.svg',
|
||||
'application/vnd.openxmlformats-officedocument.presentationml.template': 'ft_ic_ms_powerpoint.svg',
|
||||
'application/vnd.openxmlformats-officedocument.presentationml.slideshow': 'ft_ic_ms_powerpoint.svg',
|
||||
'video/mp4': 'ft_ic_video.svg',
|
||||
'text/plain': 'ft_ic_document.svg',
|
||||
'application/x-javascript': 'ft_ic_document.svg',
|
||||
'application/json': 'ft_ic_document.svg',
|
||||
'image/svg+xml': 'ft_ic_vector_image.svg',
|
||||
'text/html': 'ft_ic_website.svg',
|
||||
'application/x-compressed': 'ft_ic_archive.svg',
|
||||
'application/x-zip-compressed': 'ft_ic_archive.svg',
|
||||
'application/zip': 'ft_ic_archive.svg',
|
||||
'application/vnd.apple.keynote': 'ft_ic_presentation.svg',
|
||||
'application/vnd.apple.pages': 'ft_ic_document.svg',
|
||||
'application/vnd.apple.numbers': 'ft_ic_spreadsheet.svg'
|
||||
'image/png': 'ft_ic_raster_image',
|
||||
'image/jpeg': 'ft_ic_raster_image',
|
||||
'image/gif': 'ft_ic_raster_image',
|
||||
'application/pdf': 'ft_ic_pdf',
|
||||
'application/vnd.ms-excel': 'ft_ic_ms_excel',
|
||||
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'ft_ic_ms_excel',
|
||||
'application/vnd.openxmlformats-officedocument.spreadsheetml.template': 'ft_ic_ms_excel',
|
||||
'application/msword': 'ft_ic_ms_word',
|
||||
'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'ft_ic_ms_word',
|
||||
'application/vnd.openxmlformats-officedocument.wordprocessingml.template': 'ft_ic_ms_word',
|
||||
'application/vnd.ms-powerpoint': 'ft_ic_ms_powerpoint',
|
||||
'application/vnd.openxmlformats-officedocument.presentationml.presentation': 'ft_ic_ms_powerpoint',
|
||||
'application/vnd.openxmlformats-officedocument.presentationml.template': 'ft_ic_ms_powerpoint',
|
||||
'application/vnd.openxmlformats-officedocument.presentationml.slideshow': 'ft_ic_ms_powerpoint',
|
||||
'video/mp4': 'ft_ic_video',
|
||||
'text/plain': 'ft_ic_document',
|
||||
'application/x-javascript': 'ft_ic_document',
|
||||
'application/json': 'ft_ic_document',
|
||||
'image/svg+xml': 'ft_ic_vector_image',
|
||||
'text/html': 'ft_ic_website',
|
||||
'application/x-compressed': 'ft_ic_archive',
|
||||
'application/x-zip-compressed': 'ft_ic_archive',
|
||||
'application/zip': 'ft_ic_archive',
|
||||
'application/vnd.apple.keynote': 'ft_ic_presentation',
|
||||
'application/vnd.apple.pages': 'ft_ic_document',
|
||||
'application/vnd.apple.numbers': 'ft_ic_spreadsheet'
|
||||
};
|
||||
|
||||
constructor(private contentService: AlfrescoContentService) {
|
||||
@ -66,8 +66,12 @@ export class AlfrescoThumbnailService {
|
||||
return this.contentService.getDocumentThumbnailUrl(document);
|
||||
}
|
||||
|
||||
public getMimeTypeIcon(mimeType: string): string {
|
||||
public getMimeTypeKey(mimeType: string): string {
|
||||
let icon = this.mimeTypeIcons[mimeType];
|
||||
return icon || 'ft_ic_miscellaneous.svg';
|
||||
return icon || 'ft_ic_miscellaneous';
|
||||
}
|
||||
|
||||
public getMimeTypeIcon(mimeType: string): string {
|
||||
return this.getMimeTypeKey(mimeType) + '.svg';
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user