Initial commit: Backup der Webseiten

- zoesch.de
- blitzkiste.net
- gruene-hassberge (norbert.zoesch.de)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

zoesch.de/galerie/admin/themes/default/template/element_set_ranks.tpl

@@ -0,0 +1,108 @@
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+{footer_script require='jquery.ui.sortable'}{literal}
+jQuery(document).ready(function() {
+  function checkOrderOptions() {
+    jQuery("#image_order_user_define_options").hide();
+    if (jQuery("input[name=image_order_choice]:checked").val() == "user_define") {
+      jQuery("#image_order_user_define_options").show();
+    }        
+  }
+
+  jQuery('ul.thumbnails').sortable( { 
+    revert: true, opacity: 0.7,
+    handle: jQuery('.rank-of-image').add('.rank-of-image img'),
+    update: function() {
+      jQuery(this).find('li').each(function(i) { 
+        jQuery(this).find("input[name^=rank_of_image]").each(function() {
+          jQuery(this).attr('value', (i+1)*10)
+        });
+      });
+
+      jQuery('#image_order_rank').prop('checked', true);
+      checkOrderOptions();
+    }
+  });
+
+  jQuery("input[name=image_order_choice]").click(function () {
+    checkOrderOptions();
+  });
+
+  checkOrderOptions();
+});
+jQuery(document).ready(function() {
+jQuery('.thumbnail').tipTip({
+'delay' : 0,
+'fadeIn' : 200,
+'fadeOut' : 200
+});
+}); 
+{/literal}{/footer_script}
+
+<div class="titrePage">
+  <h2><span style="letter-spacing:0">{$CATEGORIES_NAV}</span> &#8250; {'Edit album'|@translate} {$TABSHEET_TITLE}</h2>
+</div>
+
+<form action="{$F_ACTION}" method="post">
+{if !empty($thumbnails)}
+  <p><input type="submit" value="{'Submit'|@translate}" name="submit"></p>
+  <fieldset>
+    <legend>{'Manual order'|@translate}</legend>
+    {if !empty($thumbnails)}
+    <p>{'Drag to re-order'|@translate}</p>
+    <ul class="thumbnails">
+      {foreach from=$thumbnails item=thumbnail}
+      <li class="rank-of-image">
+        <img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="{$thumbnail.NAME|@replace:'"':' '}" title="{$thumbnail.NAME|@replace:'"':' '}"  style="width:{$thumbnail.SIZE[0]}px; height:{$thumbnail.SIZE[1]}px; ">
+        <input type="text" name="rank_of_image[{$thumbnail.ID}]" value="{$thumbnail.RANK}" style="display:none">
+      </li>
+      {/foreach}
+    </ul>
+    {/if}
+  </fieldset>
+{/if}
+
+  <fieldset>
+    <legend>{'Sort order'|@translate}</legend>
+    <p class="field">
+      <label class="font-checkbox">
+        <span class="icon-dot-circled"></span>
+        <input type="radio" name="image_order_choice" id="image_order_default" value="default"{if $image_order_choice=='default'} checked="checked"{/if}>
+        {'Use the default photo sort order'|@translate}
+      </label>
+    </p>
+    <p class="field">
+      <label class="font-checkbox">
+        <span class="icon-dot-circled"></span>
+        <input type="radio" name="image_order_choice" id="image_order_rank" value="rank"{if $image_order_choice=='rank'} checked="checked"{/if}>
+        {'manual order'|translate}
+      </label>
+    </p>
+    <p class="field">
+      <label class="font-checkbox">
+        <span class="icon-dot-circled"></span>
+        <input type="radio" name="image_order_choice" id="image_order_user_define" value="user_define"{if $image_order_choice=='user_define'} checked="checked"{/if}>
+        {'automatic order'|@translate}
+      </label>
+      <div id="image_order_user_define_options">
+      {foreach from=$image_order item=order}
+      <p class="field">
+        <select name="image_order[]">
+          {html_options options=$image_order_options selected=$order}
+        </select>
+      </p>
+      {/foreach}
+      </div>
+  </fieldset>
+  <p>
+    <button name="submit" type="submit" class="buttonLike">
+      <i class="icon-floppy"></i> {'Save Settings'|@translate}
+    </button>
+
+    <label class="font-checkbox">
+      <span class="icon-check"></span>
+      <input type="checkbox" name="image_order_subcats" id="image_order_subcats">
+      {'Apply to sub-albums'|@translate}
+    </label>
+  </p>
+</form>