source: extensions/Juza/script.tpl @ 4516

Revision 4516, 5.8 KB checked in by vdigital, 10 years ago (diff)

[Update] For Juza - Juza Theme Configuration Menu is working at 98% at least

  • Localization

Pendings:

  • Menubar
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
Line 
1{if isset($Juza_active)}
2        {known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
3        {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
4        {assign var=JUZA value=$ROOT_URL|@cat:"template/"|@cat:$themeconf.template|@cat:"/theme/"|@cat:$themeconf.theme}
5        {known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"}
6        {html_head}
7        <script type="text/javascript">
8          $('img.bigImg').each(function() {ldelim}
9            $h = $(this).height()
10                        if ($h < {$Juza_height}) {ldelim}
11                                $(this).parent('.maxIllustration a').eq(0).css('height', $h+'px');
12                                $(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px');
13                                $(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px');
14                                $(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px');
15                                $(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px');
16                        }
17                });
18        </script>
19        {if isset($Juza_Auto_CS)} {* Auto Cropping and Shifting *}
20                <style type="text/css">
21.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; }
22.bigImg {ldelim} top:{$Juza_shift}px; width:{$Juza_width}px !important; }
23#imageToolBar {ldelim} top:{$Juza_shift2}px; }
24.content ul.thumbnailCategories li.Juza-cat {ldelim} height:{$Juza_height2}px; min-height:{$Juza_height2}px; }
25                </style>
26        {else}
27        <script type="text/javascript">
28          $('img.bigImg').each(function() {ldelim}
29            $h = $(this).height()
30                        $(this).parent('.maxIllustration a').eq(0).css('height', $h+'px');
31                        $(this).parent('li.Juza-cat').eq(0).css('height', (55+$h)+'px');
32                        $(this).parent('li.Juza-cat').eq(0).css('min-height', (55+$h)+'px');
33                        $(this).parent('li.Juza-cat').children('.description').eq(0).css('height', (325+$h)+'px');
34                        $(this).parent('li.Juza-cat').children('.description').eq(0).css('top', (-(12+$h))+'px');
35                        $(this).after('--'+$h+'px --');
36                });
37        </script>
38        {/if}
39        <style type="text/css">
40.content div.thumbnailCategory div.description {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; }
41#copyright {ldelim} margin-top: {$Juza_width}px; }
42table.juzabar td {ldelim} width: 155px; }
43        </style>
44<noscript>
45        <style type="text/css">
46.maxIllustration a {ldelim} max-height: auto; height: auto; width:auto; }
47.bigImg {ldelim} top:0px; width:auto !important; }
48#imageToolBar {ldelim} top:0px; }
49.content ul.thumbnailCategories li.Juza-cat {ldelim} height:auto; min-height:auto; }
50.content div.thumbnailCategory div.description {ldelim} height:auto !important; top:0px; }
51#copyright {ldelim} margin-top: 0px; }
52.content ul.thumbnailCategories li {ldelim} width:49.7%; }
53        </style>
54</noscript>
55
56        {/html_head}
57{else}
58        {html_head}
59        <style type="text/css">
60.content ul.thumbnailCategories li {ldelim} width:49.7%; }
61        </style>
62        {/html_head}
63{/if}
64<table cellspacing="0" class="juzabar">
65<tbody><tr>
66<td>HOME PAGE</td>
67<td>PORTFOLIO</td>
68<td><a href="{$ROOT_URL}index.php"><strong>GALLERIES</strong></a></td>
69<td><a title="See available tags" href="{$ROOT_URL}tags.php"><strong>TAGS</strong></a></td>
70<td>ABOUT JUZA</td>
71<td>E-MAIL</td>
72<td>LINKS</td>
73<td>JUZA FORUM</td>
74</tr>
75</tbody></table>
76{if isset($thumbnails) and isset($Juza_active)}
77<div id="ix-desc" style="display:none">
78{foreach from=$thumbnails item=thumbnail}
79  <div title="{$thumbnail.FILE_DESC|@htmlspecialchars}" class="Thumb-{$thumbnail.ID}" alt="{$thumbnail.FILE_WIDTH}"></div>
80         <div title="{$thumbnail.FILE_PATH}" class="Medium-{$thumbnail.ID}" alt="{$thumbnail.FILE_HEIGHT}"></div>
81{/foreach}
82</div>
83{/if}
84{if isset($category_thumbnails) and isset($Juza_active)}
85<div id="ix-cat" style="display:none">
86{foreach from=$category_thumbnails item=cat}
87  <div title="{$cat.TN_SRC|@Juza_file}" alt="{$cat.DESCRIPTION|@htmlspecialchars}" class="Cat-{$cat.NAME}"></div>
88{/foreach}
89</div>
90{/if}
91{if isset($Juza_config)}
92<form id="Juza_config" method="post" class="properties" action="index.php">
93<fieldset id="Juza_config_fs">
94  <legend><span class="legend">{'Juza Theme Configuration'|@translate}</span></legend>
95  <ul>
96    <li>
97      <label>
98        <span class="property">{'Activate Juza handlers'|@translate}</span>
99        <input type="checkbox" name="Juza_handlers" {$Juza_handlers} />
100        <span class="range">{'Unselected => like Javascript inactive'|@translate}</span>
101     </label>
102    </li>
103    <li>
104      <span class="property">
105        <label for="Width">{'Index picture max-width'|@translate}</label>
106      </span>
107      <input type="text" size="4" maxlength="4" name="Juza_width" id="Juza_width" value="{$Juza_width}" />
108      <span class="range">{'[300:885]'|@translate}</span>
109    </li>
110    <li>
111      <span class="property">
112        <label for="Height">{'Index picture cropping-height'|@translate}</label>
113      </span>
114      <input type="text" size="4" maxlength="4" name="Juza_height" id="Juza_height" value="{$Juza_height}" />
115       <span class="range">{'[110:400]'|@translate}</span>
116   </li>
117    <li>
118      <span class="property">
119        <label for="Shift">{'Index picture top-shift'|@translate}</label>
120      </span>
121      <input type="text" size="4" maxlength="4" name="Juza_shift" id="Juza_shift" value="{$Juza_shift}" />
122      <span class="range">{'[-320:0]'|@translate}</span>
123    </li>
124    <li>
125      <label>
126        <span class="property">{'Auto cropping and shifting'|@translate}</span>
127        <input type="checkbox" name="Juza_Auto_CS" {$Juza_Auto_CS} />
128        <span class="range">{'Recommended medium width &lt; 900px'|@translate}</span>
129      </label>
130    </li>
131  </ul>
132</fieldset>
133 
134    <input type="hidden" value="true" name="Juza_conf" />
135    <input class="submit" type="submit" name="Juza_submit" value="{'Juza_Submit'|@translate}" />
136    <input class="submit" type="submit" name="Juza_reset" value="{'Juza_Reset'|@translate}" />
137    <input class="submit" type="submit" name="Juza_close" value="{'Juza_Close'|@translate}" />
138 
139</form>
140{/if}
Note: See TracBrowser for help on using the repository browser.