stuartl/gallery
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Further template tweaks. Settings are passed between pages.

Browse Source
This commit is contained in:
Stuart Longland 2008-01-11 19:30:10 +10:00
parent a04734e5d0
commit 0a15602fee
3 changed files with 60 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
templates/gallery.cs
View File

@ -10,7 +10,8 @@ body {
<table width="100%" class="controls"> <table width="100%" class="controls">
<tr> <tr>
<td class="status"><a class="button" <td class="status"><a class="button"
accesskey="i" href="<?cs var:CGI.ScriptName ?>" accesskey="i" href="<?cs var:CGI.ScriptName ?>?<?cs
var:CGI.QueryString ?>"
target="_top"><img alt="Index" target="_top"><img alt="Index"
src="<?cs var:uri ?>/templates/images/top.png" src="<?cs var:uri ?>/templates/images/top.png"
border="0" align="absmiddle" /></a></td> border="0" align="absmiddle" /></a></td>
@ -32,7 +33,8 @@ body {
?><?cs set:xpad = 60-hw ?><?cs set:xpad = 60-hw
?><?cs set:ypad = 60-hh ?><?cs set:ypad = 60-hh
?><a href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name ?><a href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name
?>/<?cs var:p.name ?>"><img src="<?cs var:uri ?>/<?cs var:p.name ?>?<?cs var:CGI.QueryString
?>"><img src="<?cs var:uri
?>/<?cs var:p.thumbnail ?>" ?>/<?cs var:p.thumbnail ?>"
align="absmiddle" align="absmiddle"
width="<?cs var:p.thumbwidth ?>" width="<?cs var:p.thumbwidth ?>"

3
templates/index.cs
View File

@ -8,7 +8,8 @@
<?cs each:g = gallery ?> <?cs each:g = gallery ?>
<div style="border: 1px solid #ccc; display: block;"> <div style="border: 1px solid #ccc; display: block;">
<h2><a style="display: block; text-align: center; padding: 0.5em;" <h2><a style="display: block; text-align: center; padding: 0.5em;"
href="<?cs var:CGI.ScriptName ?>/<?cs var:g.name ?>"><?cs var:g.title ?></a></h2> href="<?cs var:CGI.ScriptName ?>/<?cs var:g.name ?>?<?cs
var:CGI.QueryString ?>"><?cs var:g.title ?></a></h2>
<p style="padding-left: 1em; padding-right: 1em; text-align: center;"><?cs var:g.desc ?></p> <p style="padding-left: 1em; padding-right: 1em; text-align: center;"><?cs var:g.desc ?></p>
</div> </div>
<div style="height: 1em;"></div> <div style="height: 1em;"></div>

65
templates/photo.cs
View File

@ -9,14 +9,54 @@ body {
<?cs def:html_body() ?> <?cs def:html_body() ?>
<table width="100%" class="controls"> <table width="100%" class="controls">
<tr> <tr>
<td class="firstlink"><a class="button" accesskey="[" href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name ?>/<?cs var:gallery.first ?>"><img alt="|&lt;- First" src="<?cs var:uri ?>/templates/images/start.png" border="0" align="absmiddle" /></a></td> <td class="firstlink"><a class="button" accesskey="["
<td class="prevlink"><a class="button" accesskey="," href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name ?>/<?cs var:photo.previous ?>"><img alt="&lt;- Prev" src="<?cs var:uri ?>/templates/images/back.png" border="0" align="absmiddle" /></a></td> href="<?cs var:CGI.ScriptName ?>/<?cs
<td class="status"><a class="button" accesskey="l" href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name ?>" target="_top"><img alt="Album" src="<?cs var:uri ?>/templates/images/up.png" border="0" align="absmiddle" /></a></td> var:gallery.name ?>/<?cs
<td class="status"><a class="button" accesskey="a" href="#adjust" target="_top"><img alt="Adjust" src="<?cs var:uri ?>/templates/images/configure.png" border="0" align="absmiddle" /></a></td> var:gallery.first ?>?<?cs
<td class="status"><a class="button" accesskey="i" href="<?cs var:CGI.ScriptName ?>" target="_top"><img alt="Index" src="<?cs var:uri ?>/templates/images/top.png" border="0" align="absmiddle" /></a></td> var:CGI.QueryString ?>"><img
<td class="nextlink"><a class="button" accesskey="." href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name ?>/<?cs var:photo.next ?>"><img alt="-&gt; Next" src="<?cs var:uri ?>/templates/images/forward.png" border="0" align="absmiddle" /></a></td> alt="|&lt;- First" src="<?cs var:uri
<td class="lastlink"><a class="button" accesskey="]" href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name ?>/<?cs var:gallery.last ?>"><img alt="-&gt;| Last" src="<?cs var:uri ?>/templates/images/finish.png" border="0" align="absmiddle" /></a></td> ?>/templates/images/start.png"
border="0" align="absmiddle" /></a></td>
<td class="prevlink"><a class="button" accesskey=","
href="<?cs var:CGI.ScriptName ?>/<?cs
var:gallery.name ?>/<?cs
var:photo.previous ?>?<?cs
var:CGI.QueryString ?>"><img
alt="&lt;- Prev" src="<?cs
var:uri ?>/templates/images/back.png"
border="0" align="absmiddle" /></a></td>
<td class="status"><a class="button" accesskey="l"
href="<?cs var:CGI.ScriptName ?>/<?cs
var:gallery.name ?>?<?cs
var:CGI.QueryString ?>" target="_top"><img
alt="Album" src="<?cs var:uri
?>/templates/images/up.png"
border="0" align="absmiddle" /></a></td>
<td class="status"><a class="button" accesskey="a"
href="#adjust" target="_top"><img
alt="Adjust" src="<?cs var:uri
?>/templates/images/configure.png"
border="0" align="absmiddle" /></a></td>
<td class="status"><a class="button" accesskey="i"
href="<?cs var:CGI.ScriptName ?>?<?cs
var:CGI.QueryString ?>"
target="_top"><img alt="Index"
src="<?cs var:uri ?>/templates/images/top.png"
border="0" align="absmiddle" /></a></td>
<td class="nextlink"><a class="button" accesskey="."
href="<?cs var:CGI.ScriptName ?>/<?cs
var:gallery.name ?>/<?cs var:photo.next
?>?<?cs var:CGI.QueryString
?>"><img alt="-&gt; Next" src="<?cs var:uri
?>/templates/images/forward.png" border="0"
align="absmiddle" /></a></td>
<td class="lastlink"><a class="button" accesskey="]"
href="<?cs var:CGI.ScriptName ?>/<?cs var:gallery.name
?>/<?cs var:gallery.last ?>?<?cs
var:CGI.QueryString ?>"><img
alt="-&gt;| Last" src="<?cs var:uri
?>/templates/images/finish.png"
border="0" align="absmiddle" /></a></td>
</tr> </tr>
<tr> <tr>
<td class="status" colspan="7"> <td class="status" colspan="7">
@ -24,15 +64,18 @@ body {
</td> </td>
</tr> </tr>
</table> </table>
<p align="center"><img width="<?cs var:photo.width ?>" height="<?cs var:photo.height ?>" <p align="center"><img width="<?cs var:photo.width ?>"
height="<?cs var:photo.height ?>"
src="<?cs var:uri ?>/<?cs var:photo.resized ?>" src="<?cs var:uri ?>/<?cs var:photo.resized ?>"
alt="<?cs var:html_strip(photo.annotation) ?>" alt="<?cs var:html_strip(photo.annotation) ?>"
lowsrc="<?cs var:uri ?>/<?cs var:photo.thumbnail ?>" /></p> lowsrc="<?cs var:uri ?>/<?cs var:photo.thumbnail ?>" /></p>
<form> <form>
<p align="center"> <p align="center">
<a name="adjust"> <a name="adjust">
Resize: <input type="text" name="width" value="<?cs var:photo.width ?>" size="3" /> x Resize: <input type="text" name="width"
<input type="text" name="height" value="<?cs var:photo.height ?>" size="3" /> value="<?cs var:photo.width ?>" size="3" /> x
<input type="text" name="height"
value="<?cs var:photo.height ?>" size="3" />
Rotation: Rotation:
<input type="text" name="rotation" value="0.000" size="3" /> <input type="text" name="rotation" value="0.000" size="3" />
Quality: <input type="text" name="quality" value="60" size="3" /> (100% = PNG) Quality: <input type="text" name="quality" value="60" size="3" /> (100% = PNG)