topic Re: How to add document preview feature into SearchResultPropertyLink in Alfresco Archive

How to add document preview feature into SearchResultPropertyLink

janaka1984 — Fri, 28 Oct 2016 08:49:44 GMT

Hi,how can i add document preview feature into SearchResultPropertyLink?Reardsjanaka

Re: How to add document preview feature into SearchResultPropertyLink

ddraper — Fri, 28 Oct 2016 09:23:39 GMT

Follow these steps...

Create a custom module that extends AlfSearchResult
Make your custom module override the createDisplayNameRenderer function (by default this creates the SearchResultPropertyLink instance). You will still want to create a SearchResultPropertyLink for the majority of node types - preview will only be relevant for the "document" type. You can just create a PropertyLink instance for nodes of "document" type and make the link publish on the ALF_SHOW_NODE_PREVIEW topic (which will be subscribed to by the NodePreviewService). You can find examples of how this works in the Thumbnail module source)
You then need to create an extension to the faceted search page (see this blog post for an example of extending the faceted search page) to swap the default AlfSearchResult widget for your custom widget

Re: How to add document preview feature into SearchResultPropertyLink

janaka1984 — Fri, 28 Oct 2016 12:31:29 GMT

thanks dave. i use NodePreviewService and PropertyLink. it is working.

i have one issue , i need to pass mimetype with node otherwise title of dialogbox is empty.

how to pass that node? i have used following, but node is not working please correct this.

{

config: {

propertyToRender: "displayName",

publishTopic: "ALF_SHOW_NODE_PREVIEW",

publishPayload: {

node:{

mimetype:"{mimeTypes}"

}

Re: How to add document preview feature into SearchResultPropertyLink

ddraper — Fri, 28 Oct 2016 12:40:52 GMT

If you look at the JSDoc for the SHOW_NODE_PREVIEW topic you'll see that it expects either a "node" or "nodeRef" parameter in the payload. By default the PropertyLink will publish the currentItem (that is the search result) when clicked (you can stop it publishing the currentItem by configuring "useCurrentItemAsPayload" to be false. You should not need to configure a publishPayload at all.

Can you clarify how it is not working. I think that the issue may be that the NodePreviewService is not actually present in the default faceted search page so you should add it to the model.jsonModel.services array in your extension.

Once you've done this, if it's still not working you should use the pub/sub log (accessed from the "Debug Menu" of Share) to confirm that the subscription is being created and that the correct publication is being made.

Re: How to add document preview feature into SearchResultPropertyLink

janaka1984 — Fri, 28 Oct 2016 17:45:01 GMT

Hi dave,

i have used my own aikau dashlet and render document details by using alfSearchResult. Also i have used 'PropertyLink' for 'displayName' column and NodePreviewService as service. publishTopic in 'PropertyLink' is 'ALF_SHOW_NODE_PREVIEW'. i set payload as follow and set useCurrentItemAsPayload to be false. it can pass necessary parameter (node,nodeRef,displayName) into function of service. then it can properly popup document , when click on particular document.

publishPayload: {

node:{

mimetype:"{mimetype}"

nodeRef: "{nodeRef}",

displayName:"{displayName}"

}

Re: How to add document preview feature into SearchResultPropertyLink

ddraper — Mon, 31 Oct 2016 09:54:47 GMT

I'm still not sure I understand the issue... as I stated before, you shouldn't need to configure a publishPayload (as you just need the nodeRef at the root of the payload which the currentItem already has) as the NodePreviewService will just load the full metadata for the node (providing that the DocumentService is also on the page).

However, if you do wish to configure a payload it is essential that you have configured:

publishPayloadType: "PROCESS",

publishPayloadModifiers: ["processCurrentItemTokens"]

...as this is what will enable you to use token substitution in the payload.

Can you confirm that you have done this please?

Re: How to add document preview feature into SearchResultPropertyLink

janaka1984 — Mon, 31 Oct 2016 17:26:09 GMT

i have used following propertyLink. it is working. if i does not use publishPayload, it is unable to fill node with meta data (return node is undefined) . therefore i can not see title of popup dialog

{

config: {

propertyToRender: "displayName",

publishTopic: "ALF_SHOW_NODE_PREVIEW",

useCurrentItemAsPayload: false,

publishPayloadType: "PROCESS",

publishPayloadModifiers: ["processCurrentItemTokens"],

publishPayload: {

node:{

mimetype:"{mimetype}"

nodeRef: "{nodeRef}",

displayName:"{displayName}"

}

Re: How to add document preview feature into SearchResultPropertyLink

ddraper — Mon, 31 Oct 2016 19:33:23 GMT

What is the value of the currentItem for the PropertyLink? You will probably need to add a breakpoint to this to find out... I don't understand why it does not contain the attributes required if you are rendering search results.

Re: How to add document preview feature into SearchResultPropertyLink

janaka1984 — Tue, 01 Nov 2016 04:42:17 GMT

here i added screen shot to show which attribute is available with payload and this, When i have used following 'PropertyLink' without 'publishPayload' . then i can see filled node under this.currentItem object. but To get mimetype, payload.node should be filled , when click on link.

please confirm whether i have referenced correct attribute of PropertyLink

{

config: {

publishGlobal: true,

propertyToRender: "displayName",

publishTopic: "ALF_SHOW_NODE_PREVIEW",

useCurrentItemAsPayload: true

}

Re: How to add document preview feature into SearchResultPropertyLink

ddraper — Tue, 01 Nov 2016 08:19:35 GMT

What you're actually showing in that screenshot is the currentItem temporarily assigned to the NodePreviewService (a currentItem is assigned temporaily in the showPreview function)... this appears to contain the full metadata for a node so must have been retrieved via the DocumentService when a payload was provided that just contained a nodeRef attribute (because the search API doesn't return full node metadata). This currentItem will be a remnant of the last time a preview was shown.

What I'm actually interested in is the payload object that is just clipped out of the screenshot you've pasted - this contains the information on the current request for a preview.

What is interesting about this is that it looks like you've already got through the code path to load the metadata for a node based on a supplied node preview so you should have at least seen a preview successfully generated previously!

Re: How to add document preview feature into SearchResultPropertyLink

janaka1984 — Tue, 15 Nov 2016 08:56:19 GMT

Hi dave ,

when i tested this document preview on apple PC , i can see particular document on popup dialog. but tool bar is just shown and invisible .

OSX ver. 10.11.6
firefox 49.0.2

Re: How to add document preview feature into SearchResultPropertyLink

ddraper — Tue, 15 Nov 2016 09:49:27 GMT

OK, that does seem strange... it looks like you're just showing the raw PDF.js output in a dialog without going through the outer AlfDocumentPreview widget - is this possible? We do have unit tests that cover these capabilities and they are used in and tested in production and an issue such as this hasn't been reported.

Are you getting this purely through the NodePreviewService or are you going via some other mechanism? What custom code is being used?

Unfortunately it is very difficult to provide any meaningful assistance without being able to see your code. What debugging steps have you taken? Are any errors being shown in the browser console?

What version of Alfresco / Aikau are you using here?

Re: How to add document preview feature into SearchResultPropertyLink

janaka1984 — Wed, 16 Nov 2016 10:41:09 GMT

The problem arises with all kinds of documents (pdf, excel, ppt, etc.) only on the mac. The toolbar appears for less than a second when the preview window is opened and then somehow it disappears. Everything works on a ms windows machine properly. There are no any errors on browser console.

i use following widget to preview document

                                                                                                        {
                                                                                                           name: "alfresco/renderers/Thumbnail",
                                                                                                           config: {

                                                                                                              width: "40px",
                                                                                                              showDocumentPreview: true,
                                                                                                              publishGlobal: false,
                                                                                                              publishToParent: true
                                                                                                           }
                                                                                                       }