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

Load viewer on search results click

Browse Source 
Refs #283
This commit is contained in:
Will Abson
2016-06-27 17:03:09 +01:00
parent 0bb77bbdad
commit a7d450c583
4 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
demo-shell-ng2/app/components/search/search.component.html
View File

@@ -1,4 +1,8 @@
<div>
<div class="search-results-container">
<h1>Search results</h1>
<alfresco-search></alfresco-search>
</div>
<alfresco-search (preview)="onFileClicked($event)"></alfresco-search>
</div>
<alfresco-viewer [(showViewer)]="previewActive" [urlFile]="previewContentUrl" [fileName]="previewName" [mimeType]="previewMimeType" [overlayMode]="true">
<div class="mdl-spinner mdl-js-spinner is-active"></div>
</alfresco-viewer>

29
demo-shell-ng2/app/components/search/search.component.ts
View File

@@ -16,7 +16,9 @@
*/
import { Component } from '@angular/core';
import { AlfrescoContentService } from 'ng2-alfresco-core';
import { ALFRESCO_SEARCH_DIRECTIVES } from 'ng2-alfresco-search';
import { VIEWERCOMPONENT } from 'ng2-alfresco-viewer';
declare let __moduleName: string;
@@ -25,17 +27,34 @@ declare let __moduleName: string;
selector: 'search-component',
templateUrl: './search.component.html',
styles: [`
:host div {
padding: 0 20px;
:host div.search-results-container {
padding: 0 20px 20px 20px;
}
:host h1 {
font-size: 22px;
}
:host tbody tr {
cursor: pointer;
}
`],
directives: [ ALFRESCO_SEARCH_DIRECTIVES ]
directives: [ ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT ]
})
export class SearchComponent {
constructor() {
console.log('SearchComponent constructor');
previewContentUrl: string;
previewName: string;
previewMimeType: string;
previewActive: boolean = false;
constructor(public contentService: AlfrescoContentService) {
}
onFileClicked(event) {
if (event.value.entry.isFile) {
this.previewName = event.value.entry.name;
this.previewMimeType = event.value.entry.content.mimeType;
this.previewContentUrl = this.contentService.getContentUrl(event.value);
this.previewActive = true;
}
}
}