topic Re: File page on CMIS/Joomla plugin not working in Alfresco Archive

File page on CMIS/Joomla plugin not working

ofrxnz — Tue, 21 Apr 2009 16:07:25 GMT

So, I am attempting to use the CMIS plugin for Joomla & Alfresco. The plug in mostly works well. It connects, populates folders, is navigable, searchable, and even the thumbnails show up.When I click on a file the preview is supposed to come up with links on the page. Here is the demo equivale

Re: File page on CMIS/Joomla plugin not working

ofrxnz — Tue, 21 Apr 2009 17:14:30 GMT

it was a php version issue.

you must have 5.2 or later

The bad includes from share make it so the file will not preview though. Ill work on patching these next

Re: File page on CMIS/Joomla plugin not working

cbosner — Thu, 14 May 2009 13:43:23 GMT

I'm having similar issues. Everything is working great except the preview. Looking at the metadata, it's says size 0MB so I'm assuming it can't find the document?

[img]http://i146.photobucket.com/albums/r252/cbosner/misc/alfresco_ss.png[/img]

joomla 1.5
alfresco community 3.1
PHP Version 5.2.4

thanks for any help.

Re: File page on CMIS/Joomla plugin not working

cbosner — Thu, 14 May 2009 14:14:23 GMT

Ok, well I've gotten my issue closer to fixed.

in default_preview_flash.php:

make the css changes

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/preview.css');
$document->addScript($this->profile->share.'/components/preview/preview.js');‍‍‍

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/web-preview.css');
$document->addScript($this->profile->share.'/components/preview/web-preview.js');‍‍‍

<script type="text/javascript">//<![CDATA[
new Alfresco.Preview("document-details").setOptions({
   nodeRef: 'workspace://SpacesStore/<?php echo $this->file->uuid ?>',
   name: '<?php echo $this->file->name ?>',
   icon: '/components/images/generic-file-32.png',
   mimeType: '<?php echo $this->file->content_type ?>',
   previews: <?php echo json_encode($this->thumbnail->definitions) ?>
}).setMessages(
   {"label.currentFrame": "Page <b>{0}<\/b> of <b>{1}<\/b>", "button.next": "Next", "header.previewDocument": "Preview of {0}", $
      );
//]]></script>‍‍‍‍‍‍‍‍‍‍‍

<script type="text/javascript">//<![CDATA[
new Alfresco.WebPreview("document-details").setOptions({
   nodeRef: 'workspace://SpacesStore/<?php echo $this->file->uuid ?>',
   name: '<?php echo $this->file->name ?>',
   icon: '/components/images/generic-file-32.png',
   mimeType: '<?php echo $this->file->content_type ?>',
   previews: <?php echo json_encode($this->thumbnail->definitions) ?>
}).setMessages(
   {"label.currentFrame": "Page <b>{0}<\/b> of <b>{1}<\/b>", "button.next": "Next", "header.previewDocument": "Preview of {0}", $
      );
//]]></script>‍‍‍‍‍‍‍‍‍‍‍

my css is still screwed up but the document is at least loading

Re: File page on CMIS/Joomla plugin not working

ofrxnz — Thu, 14 May 2009 20:24:38 GMT

try this man

Its what i have and is looking nice. the plugin's css sheet needs some changes, but thats more site specific stuff

(im still figuring out which JS scripts are absolutely required….many are commented out. its stable but throws an error or two)

you should leave the following line as it is in yours….I have modified mine to use individual user accounts with alf_tickets

Alfresco.constants.USERNAME = "";

here is the default_preview_flash.php file

<?php // no direct acces
defined('_JEXEC') or die('Restricted access');

JHTML::_('behavior.mootools');

$document =& JFactory::getDocument();

//Site-wide YUI Assets
//$document->addStylesheet($this->profile->share.'/yui/reset-fonts-grids/reset-fonts-grids.css');
//$document->addStylesheet($this->profile->share.'/yui/assets/skins/default/skin.css');

//Common YUI components: RELEASE
$document->addScript($this->profile->share.'/yui/utilities/utilities.js');
//$document->addScript($this->profile->share.'/yui/button/button-min.js');
//$document->addScript($this->profile->share.'/yui/container/container-min.js');
//$document->addScript($this->profile->share.'/yui/menu/menu-min.js');
//$document->addScript($this->profile->share.'/yui/json/json-min.js');
//$document->addScript($this->profile->share.'/yui/selector/selector-beta-min.js');

//Site-wide Common Assets
//$document->addScript($this->profile->share.'/js/bubbling.v1.5.0.js');
$document->addScript($this->profile->share.'/js/flash/AC_OETags.js');
//$document->addScript($this->profile->share.'/service/messages.js?locale=en_US');
$document->addScript($this->profile->share.'/js/alfresco.js');
//$document->addScript($this->profile->share.'/js/forms-runtime.js');

$document->addScriptDeclaration('
   Alfresco.constants.DEBUG = false;
    Alfresco.constants.PROXY_URI = "'.$this->profile->share.'/proxy/alfresco/";
    Alfresco.constants.THEME = "default";
    Alfresco.constants.URL_CONTEXT = "'.$this->profile->share.'/";
    Alfresco.constants.URL_PAGECONTEXT = "'.$this->profile->share.'/page/";
    Alfresco.constants.URL_SERVICECONTEXT = "'.$this->profile->share.'/service/";
    Alfresco.constants.ALF_TICKET = "'.$this->ticket.'";
    Alfresco.constants.USERNAME = "";
');

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/web-preview.css');
$document->addScript($this->profile->share.'/components/preview/web-preview.js');

//$document->addStylesheet($this->profile->share.'/components/preview/WebPreview.css');
$document->addScript($this->profile->share.'/js/flash/extMouseWheel.js');
//$document->addStylesheet($this->profile->share.'/components/preview/full-preview.css');
//$document->addScript($this->profile->share.'/components/preview/full-preview.js');
?>

<div id="document-details">
<script type="text/javascript">//<![CDATA[
new Alfresco.WebPreview("document-details").setOptions({
   nodeRef: "workspace://SpacesStore/<?php echo $this->file->uuid ?>",
   name: "<?php echo $this->file->name ?>",
   icon: "/components/images/generic-file-32.png",
   mimeType: "<?php echo $this->file->content_type ?>",
   previews: <?php echo json_encode($this->thumbnail->definitions) ?>
}).setMessages(
   {"label.currentFrame": "Page <b>{0}<\/b> of <b>{1}<\/b>", "header.previewDocument": "Preview of {0}", "label.noFlash": "To view the preview please download the latest Flash Player from the<br\/> <a href=\"http:\/\/www.adobe.com\/go\/getflashplayer\">Adobe Flash Player Download Center<\/a>.", "label.jumpToPage": "Jump to page:", "error.content": "The content cannot be displayed because it is not of type png, jpg, gif or swf.", "label.noPreview": "This document can't be previewed.<br\/>Click <a href=\"{0}\">here<\/a> to download it.", "button.fullPreview": "Full Screen", "error.io": "The preview could not be loaded form the server. "}
      );
//]]></script>

<div class="web-preview">
   <div class="hd">
      <div class="title">
         <h4>
            <img id="document-details-title-img" src=""/>
            <span id="document-details-title-span"></span>
         </h4>
      </div>
   </div>
   <div class="bd">
      <div id="document-details-swfPlayer-div" class="preview-swf">
         <div id="document-details-swfPlayerMessage-div"></div>
      </div>
   </div>
</div>
</div>



<div id="alfresco-yuiloader"></div>
<script type="text/javascript">
   //<![CDATA[
      Alfresco.util.YUILoaderHelper.loadComponents();
   //]]>
</script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: File page on CMIS/Joomla plugin not working

ofrxnz — Fri, 15 May 2009 14:06:16 GMT

on that last post, that version of the code threw some JS errors. in this version, i figured out exactly which scripts are needed. if you take my last post the following lines need to change as follows, there should be no JS errors

//Site-wide YUI Assets
//$document->addStylesheet($this->profile->share.'/yui/reset-fonts-grids/reset-fonts-grids.css');
//$document->addStylesheet($this->profile->share.'/yui/assets/skins/default/skin.css');

//Common YUI components: RELEASE
$document->addScript($this->profile->share.'/yui/utilities/utilities.js');
//$document->addScript($this->profile->share.'/yui/button/button-min.js');
$document->addScript($this->profile->share.'/yui/container/container-min.js');
//$document->addScript($this->profile->share.'/yui/menu/menu-min.js');
//$document->addScript($this->profile->share.'/yui/json/json-min.js');
//$document->addScript($this->profile->share.'/yui/selector/selector-beta-min.js');

//Site-wide Common Assets
//$document->addScript($this->profile->share.'/js/bubbling.v1.5.0.js');
$document->addScript($this->profile->share.'/js/flash/AC_OETags.js');
$document->addScript($this->profile->share.'/service/messages.js?locale=en_US');
$document->addScript($this->profile->share.'/js/alfresco.js');
//$document->addScript($this->profile->share.'/js/forms-runtime.js');‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

full code

<?php // no direct acces
defined('_JEXEC') or die('Restricted access');

JHTML::_('behavior.mootools');

$document =& JFactory::getDocument();

//Site-wide YUI Assets
//$document->addStylesheet($this->profile->share.'/yui/reset-fonts-grids/reset-fonts-grids.css');
//$document->addStylesheet($this->profile->share.'/yui/assets/skins/default/skin.css');

//Common YUI components: RELEASE
$document->addScript($this->profile->share.'/yui/utilities/utilities.js');
//$document->addScript($this->profile->share.'/yui/button/button-min.js');
$document->addScript($this->profile->share.'/yui/container/container-min.js');
//$document->addScript($this->profile->share.'/yui/menu/menu-min.js');
//$document->addScript($this->profile->share.'/yui/json/json-min.js');
//$document->addScript($this->profile->share.'/yui/selector/selector-beta-min.js');

//Site-wide Common Assets
//$document->addScript($this->profile->share.'/js/bubbling.v1.5.0.js');
$document->addScript($this->profile->share.'/js/flash/AC_OETags.js');
$document->addScript($this->profile->share.'/service/messages.js?locale=en_US');
$document->addScript($this->profile->share.'/js/alfresco.js');
//$document->addScript($this->profile->share.'/js/forms-runtime.js');

$document->addScriptDeclaration('
   Alfresco.constants.DEBUG = false;
    Alfresco.constants.PROXY_URI = "'.$this->profile->share.'/proxy/alfresco/";
    Alfresco.constants.THEME = "default";
    Alfresco.constants.URL_CONTEXT = "'.$this->profile->share.'/";
    Alfresco.constants.URL_PAGECONTEXT = "'.$this->profile->share.'/page/";
    Alfresco.constants.URL_SERVICECONTEXT = "'.$this->profile->share.'/service/";
    Alfresco.constants.ALF_TICKET = "'.$this->ticket.'";
    Alfresco.constants.USERNAME = "";
');

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/web-preview.css');
$document->addScript($this->profile->share.'/components/preview/web-preview.js');

//$document->addStylesheet($this->profile->share.'/components/preview/WebPreview.css');
$document->addScript($this->profile->share.'/js/flash/extMouseWheel.js');
//$document->addStylesheet($this->profile->share.'/components/preview/full-preview.css');
//$document->addScript($this->profile->share.'/components/preview/full-preview.js');
?>

<div id="document-details">
<script type="text/javascript">//<![CDATA[
new Alfresco.WebPreview("document-details").setOptions({
   nodeRef: "workspace://SpacesStore/<?php echo $this->file->uuid ?>",
   name: "<?php echo $this->file->name ?>",
   icon: "/components/images/generic-file-32.png",
   mimeType: "<?php echo $this->file->content_type ?>",
   previews: <?php echo json_encode($this->thumbnail->definitions) ?>
}).setMessages(
   {"label.currentFrame": "Page <b>{0}<\/b> of <b>{1}<\/b>", "header.previewDocument": "Preview of {0}", "label.noFlash": "To view the preview please download the latest Flash Player from the<br\/> <a href=\"http:\/\/www.adobe.com\/go\/getflashplayer\">Adobe Flash Player Download Center<\/a>.", "label.jumpToPage": "Jump to page:", "error.content": "The content cannot be displayed because it is not of type png, jpg, gif or swf.", "label.noPreview": "This document can't be previewed.<br\/>Click <a href=\"{0}\">here<\/a> to download it.", "button.fullPreview": "Full Screen", "error.io": "The preview could not be loaded form the server. "}
      );
//]]></script>

<div class="web-preview">
   <div class="hd">
      <div class="title">
         <h4>
            <img id="document-details-title-img" src=""/>
            <span id="document-details-title-span"></span>
         </h4>
      </div>
   </div>
   <div class="bd">
      <div id="document-details-swfPlayer-div" class="preview-swf">
         <div id="document-details-swfPlayerMessage-div"></div>
      </div>
   </div>
</div>
</div>



<div id="alfresco-yuiloader"></div>
<script type="text/javascript">
   //<![CDATA[
      Alfresco.util.YUILoaderHelper.loadComponents();
   //]]>
</script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: File page on CMIS/Joomla plugin not working

hanzo — Fri, 15 May 2009 14:53:01 GMT

It works for me as follow. you need only to change the ".jss" at the end for ".js" :wink:

<?php // no direct acces
defined('_JEXEC') or die('Restricted access');

JHTML::_('behavior.mootools');

$document =& JFactory::getDocument();

//Site-wide YUI Assets
$document->addStylesheet($this->profile->share.'/yui/reset-fonts-grids/reset-fonts-grids.css');
$document->addStylesheet($this->profile->share.'/yui/assets/skins/default/skin.css');

//Common YUI components: RELEASE
$document->addScript($this->profile->share.'/yui/utilities/utilities.js');
$document->addScript($this->profile->share.'/yui/button/button-min.js');
$document->addScript($this->profile->share.'/yui/container/container-min.js');
$document->addScript($this->profile->share.'/yui/menu/menu-min.js');
$document->addScript($this->profile->share.'/yui/json/json-min.js');
$document->addScript($this->profile->share.'/yui/selector/selector-beta-min.js');

//Site-wide Common Assets
$document->addScript($this->profile->share.'/js/bubbling.v1.5.0.js');
$document->addScript($this->profile->share.'/js/flash/AC_OETags.js');
$document->addScript($this->profile->share.'/service/messages.js?locale=en_US');
$document->addScript($this->profile->share.'/js/alfresco.js');
$document->addScript($this->profile->share.'/js/forms-runtime.js');

$document->addScriptDeclaration('
   Alfresco.constants.DEBUG = false;
    Alfresco.constants.PROXY_URI = "'.$this->profile->share.'/proxy/alfresco/";
    Alfresco.constants.THEME = "default";
    Alfresco.constants.URL_CONTEXT = "'.$this->profile->share.'/";
    Alfresco.constants.URL_PAGECONTEXT = "'.$this->profile->share.'/page/";
    Alfresco.constants.URL_SERVICECONTEXT = "'.$this->profile->share.'/service/";
    Alfresco.constants.ALF_TICKET = "'.$this->ticket.'";
    Alfresco.constants.USERNAME = "'.$this->profile->username.'";
');

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/preview.css');
$document->addScript($this->profile->share.'/components/preview/preview.js');

$document->addStylesheet($this->profile->share.'/components/preview/full-preview.css');
$document->addScript($this->profile->share.'/components/preview/full-preview.js');
?>

<div id="document-details">
<script type="text/javascript">//<![CDATA[
new Alfresco.Preview("document-details").setOptions({
   nodeRef: 'workspace://SpacesStore/<?php echo $this->file->uuid ?>',
   name: '<?php echo $this->file->name ?>',
   icon: '/components/images/generic-file-32.png',
   mimeType: '<?php echo $this->file->content_type ?>',
   previews: <?php echo json_encode($this->thumbnail->definitions) ?>
}).setMessages(
   {"label.currentFrame": "Page <b>{0}<\/b> of <b>{1}<\/b>", "button.next": "Next", "header.previewDocument": "Preview of {0}", "error.contentNotAVM2MovieClip": "The preview cannot be displayed since its not a AVM2 movie clip", "label.noFlash": "To view the preview please download the latest Flash Player from the<br\/> <a href=\"http:\/\/www.adobe.com\/go\/getflashplayer\">Adobe Flash Player Download Center<\/a>.", "label.jumpToPage": "Jump to page:", "label.noPreview": "This document can't be previewed.<br\/>Click <a href=\"{0}\">here<\/a> to download it.", "button.fullPreview": "Full Screen", "message.invalidFrame": "You must enter a frame between {0} and {1}", "error.server": "The preview cannot be displayed due to a server error", "button.previous": "Prev"}
      );
//]]></script>
<div class="preview">
   <div class="hd">
      <div class="title">
         <h4>
            <img id="document-details-title-img" src=""/>
            <span id="document-details-title-span"></span>
         </h4>

      </div>
      <div id="document-details-fullscreen-div" class="fullscreen" style="visibility: hidden;">
         <input id="document-details-fullPreview-button" type="button" value="Full Screen" />
      </div>
   </div>
   <div id="document-details-controls-div" class="controls" style="visibility: hidden;">
      <input id="document-details-previous-button" type="button" value="Prev" />
      <span  id="document-details-currentFrame-span">Page <b>{0}</b> of <b>{1}</b></span>

      <input id="document-details-next-button" type="button" value="Next" />
      <span>  |  </span>
      <span>Jump to page:</span>
      <input id="document-details-jumpToPage-textfield" class="jumpToPage" type="text" />
   </div>
   <div class="bd">
      <div id="document-details-swfPlayer-div" class="preview-swf">
         <div id="document-details-swfPlayerMessage-div"></div>

      </div>
   </div>
</div>
</div>
<div id="alfresco-yuiloader"></div>
<script type="text/javascript">
   //<![CDATA[
      Alfresco.util.YUILoaderHelper.loadComponents();
   //]]>
</script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

open the demo equivalent http://joomla.demo.alfresco.com/joomla/index.php/alfresco/file/1/371a3d6a-3c28-481f-ac15-662ae65561fd with your browser
if you open the temporary internet files in IE you can see all the component files and also the missing files :lol:

full-preview.js
full-preview.css
preview.js
preview.css

just copy this files in your alfresco

C:\Alfresco\tomcat\webapps\share\components\preview

and enjoy this powerfull integration

Re: File page on CMIS/Joomla plugin not working

ofrxnz — Fri, 15 May 2009 15:09:25 GMT

Yeah, I saw that too, but it appeared they stopped using the following files in the most recent version of Share

// Document Preview
$document->addStylesheet($this->profile->share.'/components/preview/preview.css');
$document->addScript($this->profile->share.'/components/preview/preview.js');

$document->addStylesheet($this->profile->share.'/components/preview/full-preview.css');
$document->addScript($this->profile->share.'/components/preview/full-preview.js');
?>

these files are still floating around but appear to be being phased out.

seems like they are now using the web-preview files…

$document->addStylesheet($this->profile->share.'/components/preview/web-preview.css');
$document->addScript($this->profile->share.'/components/preview/web-preview.js');

Don't know whether one version of the preview is newer or better or what, but the last code i posted works great with the web-preview files.

Anyone know if one version is better or if one is being phased out?

Re: File page on CMIS/Joomla plugin not working

mikeh — Fri, 15 May 2009 16:01:18 GMT

Ignore the preview.* and full-preview.* files - these should be removed if they're still lingering.

Thanks,
Mike

Re: File page on CMIS/Joomla plugin not working

anya — Fri, 21 Aug 2009 11:34:28 GMT

open the demo equivalent http://joomla.demo.alfresco.com/joomla/index.php/alfresco/file/1/371a3d6a-3c28-481f-ac15-662ae65561fd with your browser
if you open the temporary internet files in IE you can see all the component files and also the missing files :lol:

full-preview.js
full-preview.css
preview.js
preview.css

just copy this files in your alfresco

C:\Alfresco\tomcat\webapps\share\components\preview

and enjoy this powerfull integration

This trick doesn't work for Alfresco 3.1. I suppose the version of these preview files is too old.

Re: File page on CMIS/Joomla plugin not working

mikeh — Fri, 21 Aug 2009 12:50:38 GMT

This trick doesn't work for Alfresco 3.1. I suppose the version of these preview files is too old.

Read my post directly above yours.

Mike

Re: File page on CMIS/Joomla plugin not working

anya — Fri, 21 Aug 2009 13:45:38 GMT

ah, didn't notice

Re: File page on CMIS/Joomla plugin not working

bcastillo — Wed, 03 Mar 2010 13:39:54 GMT

Hi,
I copy the file of Hanzo, but I have a problem it shows an error that Alfresco is not defined?
What I have to do??

Thanks in advance!