Changeset 3369:363b4b1ded64

Timestamp:

10/29/16 08:27:48 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Add overlay (using magnific-popup jQuery plugin) preview of images in media manager

Location:

admin

Files:

• js/_media.js (modified) (1 diff)
• js/_media_item.js (modified) (1 diff)
• media.php (modified) (5 diffs)
• media_item.php (modified) (2 diffs)

admin/js/_media.js

@@ -153 +153 @@
      });
 
+     // Preview media
+     $('.modal-image').magnificPopup({ type:'image' });
+
      // attach media
      $('#form-medias').on('click', '.media-item .attach-media', function(e) {

admin/js/_media_item.js

@@ -7 +7 @@
           post_dtPick.draw();
      }
+
+     // Preview media
+     $('.modal-image').magnificPopup({ type:'image' });
 
      // Display zip file content

admin/media.php

@@ -516 +516 @@
 
 call_user_func($open_f,__('Media manager'),
+     dcPage::jsModal().
      dcPage::jsLoad('js/_media.js').
      ($core_media_writable ? dcPage::jsUpload(array('d='.$d)) : ''),
@@ -966 +967 @@
      }
 
+     $file_type = explode('/',$f->type);
+     $class_open = 'class="modal-'.$file_type[0].'" ';
+
      // Render markup
      if (!$table) {
@@ -979 +983 @@
                $f->media_dtstr.' - '.
                files::size($f->size).' - '.
-               '<a href="'.$f->file_url.'">'.__('open').'</a>'.
+               '<a '.$class_open.'href="'.$f->file_url.'">'.__('open').'</a>'.
                '</li>';
           }
@@ -985 +989 @@
 
           // Show player if relevant
-          $file_type = explode('/',$f->type);
           if ($file_type[0] == 'audio')
           {
@@ -1000 +1003 @@
                     '<br />'.($f->d ? '' : $f->media_title).'</td>';
           $res .= '<td class="nowrap count">'.($f->d ? '' : $f->media_dtstr).'</td>';
-          $res .= '<td class="nowrap count">'.($f->d ? '' : files::size($f->size).' - '.'<a href="'.$f->file_url.'">'.__('open').'</a>').'</td>';
+          $res .= '<td class="nowrap count">'.($f->d ? '' : files::size($f->size).' - '.
+               '<a '.$class_open.'href="'.$f->file_url.'">'.__('open').'</a>').'</td>';
           $res .= '</tr>';
      }

admin/media_item.php

@@ -235 +235 @@
      "//]]>".
      "</script>".
+     dcPage::jsModal().
      dcPage::jsLoad('js/_media_item.js');
 if ($popup && !empty($plugin_id)) {
@@ -554 +555 @@
 
      if (isset($file->media_thumb[$thumb_size])) {
-          echo '<p><img src="'.$file->media_thumb[$thumb_size].'?'.time()*rand().'" alt="" /></p>';
+          echo '<p><a class="modal-image" href="'.$file->file_url.'">'.
+               '<img src="'.$file->media_thumb[$thumb_size].'?'.time()*rand().'" alt="" />'.
+               '</a></p>';
      } elseif ($thumb_size == 'o') {
           $S = getimagesize($file->file);
           $class = ($S[1] > 500) ? ' class="overheight"' : '';
           unset($S);
-          echo '<p id="media-original-image"'.$class.'><img src="'.$file->file_url.'?'.time()*rand().'" alt="" /></p>';
+          echo '<p id="media-original-image"'.$class.'><a class="modal-image" href="'.$file->file_url.'">'.
+               '<img src="'.$file->file_url.'?'.time()*rand().'" alt="" />'.
+               '</a></p>';
      }