source: extensions/linked_pages/template/admin_album.tpl @ 17882

Last change on this file since 17882 was 17882, checked in by mistic100, 12 years ago

first version

File size: 3.9 KB
Line 
1{footer_script require='jquery.ui.sortable'}{literal}
2function init_handlers() {
3  jQuery(".menuPos").hide();
4  jQuery(".drag_button").show();
5  jQuery(".menuLi").css("cursor","move");
6  jQuery(".menuUl").sortable({
7    axis: "y",
8    opacity: 0.8
9  });
10 
11  jQuery("#menuOrdering").submit(function(){
12    ar = jQuery('.menuUl').sortable('toArray');
13    for(i=0;i<ar.length;i++) {
14      men = ar[i].split('menu_');
15      document.getElementsByName('position[' + men[1] + ']')[0].value = i;
16    }
17  });
18 
19  $("a.deletePage").click(function() {
20    id = $(this).parents("li.menuLi").attr("id").split("menu_")[1];
21    $(this).parents("li.menuLi").remove();
22    $("select[name='add_page'] option[value='"+ id +"']").removeAttr("disabled");
23  });
24}
25
26$("select[name='add_page']").change(function() {
27  if ($(this).val() != -1) {
28    $option = $(this).children("option:selected");
29    $("ul.menuUl").append(
30      ' <li class="menuLi" id="menu_'+ $(this).val() +'">'+
31        ' <p>'+
32        {/literal}
33          ' <span style="margin:2px 5px;">'+
34            ' <a href="#" class="deletePage"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/category_delete.png" alt="{'delete'|@translate}" title="{'delete'|@translate}"></a>'+
35          ' </span>'+
36
37          ' <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">'+
38        {literal}
39          ' '+ $option.data("content") +
40        ' </p>'+
41
42        ' <p class="menuPos">'+
43          ' <label>'+
44            ' {/literal}{'Position'|@translate}{literal} :'+
45            ' <input type="text" size="4" name="position['+ $(this).val() +']" maxlength="4" value="0">'+
46          ' </label>'+
47        ' </p>'+
48      ' </li>');
49
50    $option.attr("disabled","disabled");
51    $(this).val(-1);
52    init_handlers();
53  }
54});
55
56init_handlers();
57{/literal}{/footer_script}
58
59{html_head}{literal}
60<style type="text/css">#menuOrdering a:hover { border:none; }</style>
61{/literal}{/html_head}
62
63
64<div class="titrePage">
65  <h2><span style="letter-spacing:0">{$CATEGORIES_NAV}</span> &#8250; {'Edit album'|@translate} {$TABSHEET_TITLE}</h2>
66</div>
67
68<form id="menuOrdering" action="{$F_ACTION}" method="post">
69{if count($pages)}
70  <p style="margin-bottom:15px;">
71    {'ap_add_page'|@translate}
72    <select name="add_page">
73      <option value="-1" selected="selected">------------</option>
74      {foreach from=$pages item=page}
75      <option value="{$page.id}" {$page.disabled} data-content="<b><a href='{$page.U_PAGE}'>{$page.title}</a></b>{if $page.standalone == 'true'} - {'ap_standalone_page'|@translate}{/if}{if !empty($page.language)} <i>({$page.language})</i>{/if}">
76        {$page.title}
77      </option>
78      {/foreach}
79    </select>
80  </p>
81{/if}
82   
83   
84  <ul class="menuUl">
85    {foreach from=$cat_pages item=page}
86    <li class="menuLi" id="menu_{$page.page_id}">
87      <p>
88        <span style="margin:2px 5px;">
89          <a href="#" class="deletePage"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/category_delete.png" alt="{'delete'|@translate}" title="{'delete'|@translate}"></a>
90        </span>
91
92        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
93        <b><a href="{$page.U_PAGE}">{$page.title}</a></b>
94        {if $page.standalone == 'true'} - {'ap_standalone_page'|@translate}{/if}
95        {if !empty($page.language)}<i>({$page.language})</i>{/if}
96      </p>
97
98      <p class="menuPos">
99        <label>
100          {'Position'|@translate} :
101          <input type="text" size="4" name="position[{$page.page_id}]" maxlength="4" value="{$page.pos}">
102        </label>
103      </p>
104    </li>
105    {/foreach}
106  </ul>
107  <p class="menuSubmit">
108    <input type="submit" name="save_pages" value="{'Submit'|@translate}">
109    <input type="submit" name="reset" value="{'Reset'|@translate}">
110  </p>
111
112</form>
Note: See TracBrowser for help on using the repository browser.