fileupload.js a été généricisé et déplacé dans Plinn.fileupload.js a été généricisé...

[Portfolio.git] / skins / photo_layout_macros.pt

diff --git a/skins/photo_layout_macros.pt b/skins/photo_layout_macros.pt
index 5a988be..16571dd 100644 (file)
--- a/skins/photo_layout_macros.pt
+++ b/skins/photo_layout_macros.pt
@@ -8,14 +8,18 @@
          tal:define="slide_size portal_object/slide_size;"
          i18n:domain="portfolio">
       <div metal:use-macro="here/batch_macros/macros/navigation">batch navigation</div>
          tal:define="slide_size portal_object/slide_size;"
          i18n:domain="portfolio">
       <div metal:use-macro="here/batch_macros/macros/navigation">batch navigation</div>

-      <div id="lightbox" class="lightbox">
+      <div id="lightbox"
+           tal:define="mayBeDropable exists:dropable;
+                       dropable python:True if mayBeDropable and dropable else False"
+           tal:attributes="class python:'lightbox photo-drop-target' if dropable else 'lightbox'">

         <span tal:repeat="info infos" tal:omit-tag="">
           <span tal:define="size info/thumbSize;
                             margin_top python:(slide_size - size['height']) / 2;
                             margin_left python:(slide_size - size['width']) / 2;
                             selected info/selected|nothing"
                 tal:attributes="class info/className;
         <span tal:repeat="info infos" tal:omit-tag="">
           <span tal:define="size info/thumbSize;
                             margin_top python:(slide_size - size['height']) / 2;
                             margin_left python:(slide_size - size['width']) / 2;
                             selected info/selected|nothing"
                 tal:attributes="class info/className;

-                                name info/cmf_uid">
+                                name info/cmf_uid"
+                metal:define-macro="thumbnail">

             <a class="slide" tal:attributes="href info/href; title info/title">
               <img border="0" tal:attributes="src info/thumbUrl;
                                  alt info/title;
             <a class="slide" tal:attributes="href info/href; title info/title">
               <img border="0" tal:attributes="src info/thumbUrl;
                                  alt info/title;


@@ -85,7 +89,10 @@
       <script type="text/javascript">
       // <!--
       (function(){
       <script type="text/javascript">
       // <!--
       (function(){

-        new Lightbox(document.getElementById('lightbox'));
+        var lb = document.getElementById('lightbox');
+        var uploadUrl = absolute_url() + '/put_upload';
+        new Lightbox(lb);
+        new DDImageUploader(lb, uploadUrl);

       })();
       // -->
       </script>
       })();
       // -->
       </script>


@@ -115,7 +122,6 @@
       <div class="jsslider">
         <span id="slider"></span>
       </div>
       <div class="jsslider">
         <span id="slider"></span>
       </div>

-      <br clear="all"/>

       <script type="text/javascript" tal:content="python:'''
           var startSlideShow, slideShowNext, stopSlideShow;
           (function(){
       <script type="text/javascript" tal:content="python:'''
           var startSlideShow, slideShowNext, stopSlideShow;
           (function(){


@@ -132,8 +138,10 @@
                            document.getElementById('image_toolbar'),
                            document.getElementById('Breadcrumbs'));
             startSlideShow = function() {return fs.startSlideShow();};
                            document.getElementById('image_toolbar'),
                            document.getElementById('Breadcrumbs'));
             startSlideShow = function() {return fs.startSlideShow();};

-            slideShowNext = function() {return fs.slideShowNext();};

             stopSlideShow = function() {return fs.stopSlideShow();};
             stopSlideShow = function() {return fs.stopSlideShow();};

+            slideShowPrevious = function() {return fs.slideShowPrevious();};
+            slideShowNext = function() {return fs.slideShowNext();};
+            slideShowImageLoaded = function() {return fs.slideShowImageLoaded();};

           })();
           ''' % {'filmLength': len(contextInfos['infos'])
                 ,'center': index
           })();
           ''' % {'filmLength': len(contextInfos['infos'])
                 ,'center': index