Changeset 16688 for extensions/UserCollections/template

Timestamp:

Jul 13, 2012, 12:09:19 PM (12 years ago)

Author:

mistic100

Message:

-rework the main menu
-bug when a collection is create through AJAX
-add "Remove from collection" on colorbox
-minor interfaces changes

Location:

extensions/UserCollections/template

Files:

• edit.tpl (modified) (4 diffs)
• list.tpl (modified) (2 diffs)
• menublock_user_collec.tpl (modified) (1 diff)
• thumbnails.tpl (modified) (2 diffs)
• thumbnails_css_js.tpl (modified) (1 diff)
• view.tpl (modified) (1 diff)

extensions/UserCollections/template/edit.tpl

@@ -23 +23 @@
   delay: 0,
   defaultPosition: 'right'
+});
+
+jQuery("#actions input").click(function() {ldelim}
+  if (confirm("{'Are you sure?'|@translate}")) {ldelim}
+    document.location.href = jQuery(this).data("href");
+  }
+  return false;
 });
 {if $collection.PUBLIC}bindZclip();{/if}
@@ -49 +56 @@
 
 
-{if $collection and not $collection.IS_TEMP}
+{if $collection}
 <form action="{$F_ACTION}" method="post">
 <fieldset id="colProperties">
@@ -68 +75 @@
 </fieldset>
 </form>
-{/if}
 
 
-{if !empty($THUMBNAILS)}
+{if $collection.NB_IMAGES > 0}
 <ul class="thumbnails" id="thumbnails">
 {$THUMBNAILS}
@@ -82 +88 @@
 
 
-<p style="text-align:center;font-weight:bold;margin:20px;"><a href="{$U_LIST}" rel="nofollow">{'Return to collections list'|@translate}</a></p>
+<form id="actions" style="text-align:center;">
+<input type="submit" data-href="{$collection.U_CLEAR}" value="{'Clear collection'|@translate}">
+<input type="submit" data-href="{$collection.U_DELETE}" value="{'Delete'|@translate}">
+</form>
+{/if}
+
 
 </div>{* <!-- content --> *}

extensions/UserCollections/template/list.tpl

@@ -56 +56 @@
         | <a href="{$col.U_SAVE}" class="save_col" rel="nofollow">{'save'|@translate}</a>
         {if $col.U_DOWNLOAD}| <a href="{$col.U_DOWNLOAD}" rel="nofollow">{'download'|@translate}</a>{/if}
-        | <a href="{$col.U_DELETE}" onClick="return confirm('{'Are you sure?'|@translate}');" rel="nofollow">{'delete'|@translate}</a>
+        | <a href="{$col.U_DELETE}" onClick="return confirm('{'Are you sure?'|@translate}');" rel="nofollow">{'Delete'|@translate}</a>
         {if not $col.active}| <a href="{$col.U_ACTIVE}" rel="nofollow">{'set active'|@translate}</a>{/if}
       </p>
@@ -83 +83 @@
         <a href="{$col.U_EDIT}" rel="nofollow">{'Edit'|@translate}</a>
         {if $col.U_DOWNLOAD}| <a href="{$col.U_DOWNLOAD}" rel="nofollow">{'download'|@translate}</a>{/if}
-        | <a href="{$col.U_DELETE}" onClick="return confirm('{'Are you sure?'|@translate}');" rel="nofollow">{'delete'|@translate}</a>
+        | <a href="{$col.U_DELETE}" onClick="return confirm('{'Are you sure?'|@translate}');" rel="nofollow">{'Delete'|@translate}</a>
         {if not $col.active}| <a href="{$col.U_ACTIVE}" rel="nofollow">{'set active'|@translate}</a>{/if}
       </p>

extensions/UserCollections/template/menublock_user_collec.tpl

@@ -1 +1 @@
 <dt>{$block->get_title()}</dt>
 <dd>
-{if $block->data.current}
-  {assign var="nb_images" value='<span class="nbImagesCollec">'|@cat:$block->data.current.NB_IMAGES|@cat:'</span>'}
-  <p>{'Current collection:'|@translate} <b>{$block->data.current.NAME}</b>, {'%d photos'|@translate|replace:'%d':'%s'|sprintf:$nb_images}</p>
-        <ul>{strip}
-                {foreach from=$block->data.links item=link}
-                <li><a href="{$link.URL}" title="{$link.TITLE}" rel="nofollow">{$link.NAME}</a></li>
+  <p><a href="{$block->data.U_LIST}">{'You have %d collections'|@translate|sprintf:$block->data.NB_COL}</a></p>
+  {if $block->data.collections}
+  <ul>{strip}
+                {foreach from=$block->data.collections item=col}
+                <li>{if $col.active}
+      <a href="{$col.U_EDIT}" style="font-weight:bold;" rel="nofollow">{$col.name}</a> <i class="menuInfoCat">({'active'|@translate})</i> <span class="menuInfoCat">[<span class="nbImagesCollec">{$col.nb_images}</span>]</span>
+    {else}
+      <a href="{$col.U_EDIT}" rel="nofollow">{$col.name}</a> <span class="menuInfoCat">[{$col.nb_images}]</span>
+    {/if}</li>
                 {/foreach}
+    {if $block->data.MORE}<li class="menuInfoCat">{'%d more...'|@translate|sprintf:$block->data.MORE}</li>{/if}
         {/strip}</ul>
-{/if}
-  <p><a href="{$block->data.U_LIST}" rel="nofollow">{'See all my collections'|@translate}</a></p>
+  {/if}
+  <p><a href="{$block->data.U_CREATE}" rel="nofollow">{'Create a new collection'|@translate}</a></p>
 </dd>

extensions/UserCollections/template/thumbnails.tpl

@@ -5 +5 @@
   rel: ".preview-box",
   title: function() {ldelim}
-    return $(this).attr("title") +' · <a href="'+ $(this).data('url') +'" target="_blank">{'jump to photo'|@translate} →</a>';
+    var title = $(this).attr("title");
+    {if $F_ACTION} title+= ' · <a href="{$collection_toggle_url}&amp;collection_toggle='+ $(this).data('id') +'" class="addCollection" data-id="'+ $(this).data('id') +'">{'Remove from collection'|@translate}</a>';{/if}
+    title+= ' · <a href="'+ $(this).data('url') +'" target="_blank">{'jump to photo'|@translate} →</a>';
+    return  title;
   }
+});
+jQuery(document).on("click", "#cboxTitle .addCollection", function() {ldelim}
+  jQuery.colorbox.close();
+  jQuery("#thumbnails a.addCollection[data-id='"+ $(this).data('id')+"']").trigger("click");
+  return false;
 });
 {/footer_script}
@@ -42 +50 @@
         <span class="wrap1">
                 <span class="wrap2">
-                <a href="{$thumbnail.FILE_SRC}" class="preview-box" title="{$thumbnail.NAME}" data-url="{$thumbnail.URL}">
+                <a href="{$thumbnail.FILE_SRC}" class="preview-box" title="{$thumbnail.NAME}" data-url="{$thumbnail.URL}" data-id="{$thumbnail.id}">
                         <img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
                 </a>

extensions/UserCollections/template/thumbnails_css_js.tpl

@@ -1 +1 @@
 {html_style}
 .thumbnails .wrap1 {ldelim} position:relative !important; }
-.addCollection {ldelim} width:100%;height:16px;display:none;position:absolute;top:0;background:rgba(0,0,0,0.8);padding:2px;border-radius:2px;font-size:10px;z-index:100;color:#eee;white-space:nowrap; }
+.wrap1 .addCollection {ldelim} width:100%;height:16px;display:none;position:absolute;top:0;background:rgba(0,0,0,0.8);padding:2px;border-radius:2px;font-size:10px;z-index:100;color:#eee;white-space:nowrap; }
 .wrap1:hover .addCollection {ldelim} display:block; }
 {/html_style}

extensions/UserCollections/template/view.tpl

@@ -32 +32 @@
 
 
-{if $U_LIST}<p style="text-align:center;font-weight:bold;margin:20px;"><a href="{$U_LIST}" rel="nofollow">{'Return to collections list'|@translate}</a></p>{/if}
-
 </div>{* <!-- content --> *}