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

Template tweak... adjustment panel is now hidden by default, shown by clickcing the spanner icon

Browse Source
This commit is contained in:
Stuart Longland 2008-06-06 17:17:40 +10:00
parent 666405985d
commit a96973cac6
4 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/lib.js
View File

@ -196,3 +196,13 @@ function wheelHandler( delta ) {
adjustRotation( -delta*angle );
}
document.scroll_en = true;
function toggleadj() {
if ( document.adjpanel ) {
document.getElementById('controls').appendChild(document.adjpanel);
delete( document.adjpanel );
} else {
document.adjpanel = document.getElementById('adjpanel');
document.getElementById('controls').deleteRow(2);
}
}

2
templates/master.cs
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="<?cs var:uri ?>/templates/style.css" type="text/css" />
<?cs call:html_head() ?>
</head>
<body>
<body <?cs alt:template.bodyargs ?><?cs /alt ?>>
<?cs call:html_body() ?>
<hr />
<p align="right">

16
templates/photo.cs
View File

@ -1,7 +1,7 @@
<?cs def:html_head() ?>
<style type="text/css">
body {
margin-top: 200px;
margin-top: 100px;
}
</style>
<title>Image: <?cs var:html_strip(photo.annotation) ?> (<?cs var:photo.name ?>)</title>
@ -55,7 +55,7 @@ body {
?>/templates/wheellib.js"></script>
<?cs /def ?>
<?cs def:html_body() ?>
<table width="100%" class="controls">
<table width="100%" class="controls" id="controls">
<tr>
<td class="firstlink"><a class="button" accesskey="["
href="<?cs var:CGI.ScriptName ?>/<?cs
@ -81,7 +81,7 @@ body {
?>/templates/images/up.png"
border="0" align="absmiddle" /></a></td>
<td class="status"><a class="button" accesskey="a"
href="#adjust" target="_top"><img
href="#adjust" target="_top" onclick="toggleadj();"><img
alt="Adjust" src="<?cs var:uri
?>/templates/images/configure.png"
border="0" align="absmiddle" /></a></td>
@ -109,8 +109,11 @@ body {
<tr>
<td class="status" colspan="7">
<?cs var:photo.annotation ?> (<?cs var:photo.name ?>)
</td>
</tr>
<tr id="adjpanel">
<td colspan="7" class="status">
<form>
<p align="center">
<a name="adjust"></a>
Resize: <input type="text" name="width" id="width"
value="<?cs var:photo.width ?>" size="3" /> x
@ -118,7 +121,7 @@ body {
value="<?cs var:photo.height ?>" size="3" />
Rotation:
<input type="text" name="rotation" id="rotate"
value="0.000" size="3" />
value="0.000" size="5" />
Quality: <input type="text" name="quality"
value="60" size="3" />
(100% = PNG)
@ -159,7 +162,6 @@ body {
<label for="wheelActionRotate">Rotate</label>
by <input type="text" name="wheelRotate" size="2"
value="1" id="wheelRotate" /> degrees
</p>
</form>
</td>
</tr>
@ -171,3 +173,5 @@ body {
alt="<?cs var:html_strip(photo.annotation) ?>"
lowsrc="<?cs var:uri ?>/<?cs var:photo.thumbnail ?>" /></p>
<?cs /def ?>
<?cs set:template.bodyargs = 'onload="toggleadj();"' ?>

6
templates/style.css
View File

@ -1,9 +1,6 @@
@media screen {
body {
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin: 10px;
background-color: #333;
color: white;
}
@ -14,7 +11,6 @@ body {
left: 0px;
right: 0px;
top: 0px;
height: 50px;
}
.button {