Changeset 12474

Timestamp:

Oct 17, 2011, 8:59:07 PM (13 years ago)

Author:

mistic100

Message:

feature:2471 [Batch Manager] "zoom" and "edit" links over each thumbnail

Location:

trunk/admin

Files:

• batch_manager_global.php (modified) (1 diff)
• themes/default/template/batch_manager_global.tpl (modified) (3 diffs)
• themes/default/theme.css (modified) (1 diff)

trunk/admin/batch_manager_global.php

@@ -769 +769 @@
         'FILE' => $row['file'],
         'TITLE' => $title,
-        'LEVEL' => $row['level']
+        'LEVEL' => $row['level'],
+        'FILE_SRC' => $row['path'],
+        'U_EDIT' =>
+            PHPWG_ROOT_PATH.'admin.php?page=picture_modify'.
+            '&image_id='.$row['id'],
         )
       );

trunk/admin/themes/default/template/batch_manager_global.tpl

@@ -1 +1 @@
 {include file='include/tag_selection.inc.tpl'}
 {include file='include/datepicker.inc.tpl'}
+{include file='include/colorbox.inc.tpl'}
 
 {footer_script}{literal}
@@ -12 +13 @@
 {footer_script require='jquery.tokeninput'}
 jQuery(document).ready(function() {ldelim}
+  jQuery("a.preview-box").colorbox();
+  
         var tag_src = [{foreach from=$tags item=tag name=tags}{ldelim}name:"{$tag.name|@escape:'javascript'}",id:"{$tag.id}"{rdelim}{if !$smarty.foreach.tags.last},{/if}{/foreach}];
   jQuery("#tags").tokenInput(
@@ -549 +552 @@
         {/if}
 
-      <li><span class="wrap1">
+      <li>
+        <span class="wrap1">
           <label>
             <span class="wrap2{if $isSelected} thumbSelected{/if}">
-        {if $thumbnail.LEVEL > 0}
-        <em class="levelIndicatorB">{$pwg->l10n($pwg->sprintf('Level %d',$thumbnail.LEVEL))}</em>
-        <em class="levelIndicatorF" title="{'Who can see these photos?'|@translate} : ">{$pwg->l10n($pwg->sprintf('Level %d',$thumbnail.LEVEL))}</em>
-        {/if}
-            <span>
-              <img src="{$thumbnail.TN_SRC}"
-                 alt="{$thumbnail.FILE}"
-                 title="{$thumbnail.TITLE|@escape:'html'}"
-                 class="thumbnail">
-            </span></span>
+            <div class="actions"><a href="{$thumbnail.FILE_SRC}" class="preview-box">{'Zoom'|@translate}</a> | <a href="{$thumbnail.U_EDIT}" target="_blank">{'Edit'|@translate}</a></div>
+              {if $thumbnail.LEVEL > 0}
+              <em class="levelIndicatorB">{$pwg->l10n($pwg->sprintf('Level %d',$thumbnail.LEVEL))}</em>
+              <em class="levelIndicatorF" title="{'Who can see these photos?'|@translate} : ">{$pwg->l10n($pwg->sprintf('Level %d',$thumbnail.LEVEL))}</em>
+              {/if}
+              <span>
+                <img src="{$thumbnail.TN_SRC}"
+                   alt="{$thumbnail.FILE}"
+                   title="{$thumbnail.TITLE|@escape:'html'}"
+                   class="thumbnail">
+              </span>
+            </span>
             <input type="checkbox" name="selection[]" value="{$thumbnail.ID}" {if $isSelected}checked="checked"{/if}>
           </label>
-          </span>
+        </span>
       </li>
       {/foreach}

trunk/admin/themes/default/theme.css

@@ -1026 +1026 @@
 #batchManagerGlobal ul.thumbnails span.wrap2 {border:0}
 #batchManagerGlobal ul.thumbnails span.wrap2:hover {background-color:#7CBA0F;}
+#batchManagerGlobal ul.thumbnails div.actions {display:none;position:absolute;top:0;right:5px;}
+#batchManagerGlobal ul.thumbnails div.actions a {color:#222;}
+#batchManagerGlobal ul.thumbnails span.wrap1:hover div.actions {display:block;}
 #batchManagerGlobal #selectedMessage {padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
-#batchManagerGlobal #selectSet a {border-bottom:1px dotted}
+#batchManagerGlobal #selectSet a {border-bottom:1px dotted;}
 #batchManagerGlobal #applyOnDetails {font-style:italic;}
 #batchManagerGlobal .actionButtons {text-align:left;}
 #batchManagerGlobal #filterList {padding-left:5px;}
 #batchManagerGlobal #filterList li {margin-bottom:5px; list-style-type:none;}
-#batchManagerGlobal a.removeFilter {background: url(icon/remove_filter.png) no-repeat top left;width:7px;height:7px;display:inline-block}
+#batchManagerGlobal a.removeFilter {background: url(icon/remove_filter.png) no-repeat top left;width:7px;height:7px;display:inline-block;}
 #batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png); border:none;}
 #batchManagerGlobal .removeFilter span {display:none}
 #batchManagerGlobal #applyFilterBlock {margin-top:20px;}
-#batchManagerGlobal .useFilterCheckbox {display:none}
+#batchManagerGlobal .useFilterCheckbox {display:none;}