diff options
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/default/stylesheet.css | 2 | ||||
| -rw-r--r-- | themes/default/templates/export.tpl | 2 | ||||
| -rw-r--r-- | themes/default/templates/header.tpl | 22 | ||||
| -rw-r--r-- | themes/default/templates/index.tpl | 12 | ||||
| -rw-r--r-- | themes/default/templates/photo_index.tpl | 29 | ||||
| -rw-r--r-- | themes/default/templates/search.tpl | 12 | ||||
| -rw-r--r-- | themes/default/templates/single_photo.tpl | 48 | ||||
| -rw-r--r-- | themes/default/templates/slideshow.tpl | 16 | ||||
| -rw-r--r-- | themes/default/templates/tags.tpl | 12 | ||||
| -rw-r--r-- | themes/default/templates/welcome.tpl | 6 |
10 files changed, 87 insertions, 74 deletions
diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css index 9fe2c4e..93e56b7 100644 --- a/themes/default/stylesheet.css +++ b/themes/default/stylesheet.css @@ -326,4 +326,4 @@ input, select, textarea { #slider-1{ margin: 0 auto; -}
\ No newline at end of file +} diff --git a/themes/default/templates/export.tpl b/themes/default/templates/export.tpl index 3647863..7f6f2de 100644 --- a/themes/default/templates/export.tpl +++ b/themes/default/templates/export.tpl @@ -7,7 +7,7 @@ <option value="MoinMoin">MoinMoin Wiki</option> <option value="MoinMoinList">MoinMoin Wiki List</option> </select> - <input type="image" src="resources/doit.png" alt="Switch View" /> + <input type="image" src="{$web_path}/resources/doit.png" alt="Switch View" /> </form> <div id="output"></div> </body> diff --git a/themes/default/templates/header.tpl b/themes/default/templates/header.tpl index 39b42ca..c1d7a0c 100644 --- a/themes/default/templates/header.tpl +++ b/themes/default/templates/header.tpl @@ -3,19 +3,19 @@ <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{$page_title}</title> - <link href="{$template_path}/stylesheet.css" type="text/css" rel="stylesheet" /> - <script type="text/javascript" src="rpc.php?mode=init&client=all"></script> - <script type="text/javascript" src="phpfspot.js"></script> - <link rel="shortcut icon" href="resources/gpl_16.png" type="image/png" /> - <link rel="icon" href="resources/gpl_16.png" type="image/png" /> + <link href="{$web_path}/{$template_path}/stylesheet.css" type="text/css" rel="stylesheet" /> + <script type="text/javascript" src="{$web_path}/rpc.php?mode=init&client=all"></script> + <script type="text/javascript" src="{$web_path}/phpfspot.js"></script> + <link rel="shortcut icon" href="{$web_path}/resources/gpl_16.png" type="image/png" /> + <link rel="icon" href="{$web_path}/resources/gpl_16.png" type="image/png" /> { if $use_lightbox } - <script type="text/javascript" src="lightbox2/js/prototype.js"></script> - <script type="text/javascript" src="lightbox2/js/scriptaculous.js?load=effects,builder"></script> - <script type="text/javascript" src="lightbox2/js/lightbox.js"></script> - <link rel="stylesheet" href="lightbox2/css/lightbox.css" type="text/css" media="screen" /> + <script type="text/javascript" src="{$web_path}/lightbox2/js/prototype.js"></script> + <script type="text/javascript" src="{$web_path}/lightbox2/js/scriptaculous.js?load=effects,builder"></script> + <script type="text/javascript" src="{$web_path}/lightbox2/js/lightbox.js"></script> + <link rel="stylesheet" href="{$web_path}/lightbox2/css/lightbox.css" type="text/css" media="screen" /> { /if } { if $use_autocomplete } - <script type="text/javascript" src="autosuggest/js/bsn.AutoSuggest_2.1.3_comp.js"></script> - <link rel="stylesheet" href="autosuggest/css/autosuggest_inquisitor.css" type="text/css" media="screen" charset="utf-8" /> + <script type="text/javascript" src="{$web_path}/autosuggest/js/bsn.AutoSuggest_2.1.3_comp.js"></script> + <link rel="stylesheet" href="{$web_path}/autosuggest/css/autosuggest_inquisitor.css" type="text/css" media="screen" charset="utf-8" /> { /if } </head> diff --git a/themes/default/templates/index.tpl b/themes/default/templates/index.tpl index 87c58b9..694f86a 100644 --- a/themes/default/templates/index.tpl +++ b/themes/default/templates/index.tpl @@ -1,10 +1,10 @@ {include file="header.tpl"} - <body onload="init_phpfspot();"> + <body onload="init_phpfspot('{$web_path}');"> <!-- loading --> <div id="HTML_AJAX_LOADING"> - <img src="resources/loading.gif" style="vertical-align: middle;" alt="Loading..." /> Loading... + <img src="{$web_path}/resources/loading.gif" style="vertical-align: middle;" alt="Loading..." /> Loading... </div> <!-- top menu --> @@ -12,13 +12,13 @@ <div class="menu"> <div class="icons"> <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index (CTRL+ALT+i)"> - <img src="resources/photo_index.png" alt="photo index" /> + <img src="{$web_path}/resources/photo_index.png" alt="photo index" /> </a> <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results (CTRL+ALT+r)"> - <img src="resources/reload.png" alt="reset tags" /> + <img src="{$web_path}/resources/reload.png" alt="reset tags" /> </a> <a href="javascript:showCredits();" onclick="click(this);" title="Show's a little credit page"> - <img src="resources/credits.png" alt="show credits" /> + <img src="{$web_path}/resources/credits.png" alt="show credits" /> </a> </div> <div class="logo"> {$page_title}</div> @@ -39,7 +39,7 @@ <!-- content column --> <div id="content" class="content"> - {include file="welcome.tpl"} + { $initial_content } </div> </div> diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl index 413ec26..2dedf86 100644 --- a/themes/default/templates/photo_index.tpl +++ b/themes/default/templates/photo_index.tpl @@ -1,4 +1,7 @@ <!-- Photo Index --> + +<!-- Header - displays count of matched photos and some link's --> + <div class="header"> <div class="subheader"> <b>Photo Index</b> @@ -28,19 +31,23 @@ </div> <div class="textright"> {if $slideshow_link } - <a href="{$slideshow_link}" title="Slideshow" target="_blank"><img src="resources/slideshow.png" /></a> + <a href="{$slideshow_link}" title="Slideshow" target="_blank"><img src="{$web_path}/resources/slideshow.png" /> Slideshow</a> {/if} {if $extern_link } - <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a> + <a href="{$extern_link}" title="Use this link to return to the current view"><img src="{$web_path}/resources/link.png" /> External Link</a> {/if} {if $export_link } - <a href="{$export_link}" target="_blank" title="this will open a new browser window where you can export this page in several formats"><img src="resources/export.png" /></a> + <a href="{$export_link}" target="_blank" title="this will open a new browser window where you can export this page in several formats"><img src="{$web_path}/resources/export.png" /> Export</a> {/if} {if $rss_link } - <a href="{$rss_link}" target="_blank" title="RSS feed"><img src="resources/rss.png" /></a> + <a href="{$rss_link}" target="_blank" title="RSS feed"><img src="{$web_path}/resources/rss.png" /> RSS-Feed</a> {/if} </div> </div> + +<!-- if result of a tag-search is displayed, show the selected tags + with some small pictures in a bar. --> + { if $tag_result } <div class="tagresult"></div> <div class="subheader"> @@ -51,6 +58,8 @@ </div> { /if } +<!-- the photo matrix itself --> + <div id="index"> {section name="thumb" loop=$thumbs step=1} @@ -64,7 +73,7 @@ {$img_name[thumb]} </a> { if $use_lightbox } - <a href="phpfspot_img.php?idx={$images[thumb]}&width={$preview_width}" alt="thumb_{$images[thumb]}" rel="lightbox[photoidx]" title="Preview of {$img_fullname[thumb]}"><img src="resources/eyes.png" /></a> + <a href="{$web_path}/phpfspot_img.php?idx={$images[thumb]}&width={$preview_width}" alt="thumb_{$images[thumb]}" rel="lightbox[photoidx]" title="Preview of {$img_fullname[thumb]}"><img src="{$web_path}/resources/eyes.png" /></a> { /if } </div> @@ -80,11 +89,11 @@ <div class="indexnavigationright"> { if $next_url == "" } { if $count != 0 } - <img src="resources/arrow_right_gray.png" alt="last page reached" /> + <img src="{$web_path}/resources/arrow_right_gray.png" alt="last page reached" /> { /if } { else } <a href="{$next_url}" id="next_link" title="click for the next page (right cursor)"> - <img src="resources/arrow_right.png" alt="next photo" /> + <img src="{$web_path}/resources/arrow_right.png" alt="next photo" /> </a> { /if} </div> @@ -93,11 +102,11 @@ <div class="indexnavigationleft"> { if $previous_url == "" } { if $count != 0 } - <img src="resources/arrow_left_gray.png" alt="first page reached" /> + <img src="{$web_path}/resources/arrow_left_gray.png" alt="first page reached" /> { /if } { else } <a href="{$previous_url}" id="prev_link" title="click for the previous page (left cursor)"> - <img src="resources/arrow_left.png" alt="previous photo" /> + <img src="{$web_path}/resources/arrow_left.png" alt="previous photo" /> </a> { /if } </div> @@ -121,7 +130,7 @@ {section name="thumb" loop=$thumbs step=1} {if $images[thumb] } - image_urls[{counter}] = 'phpfspot_img.php?idx={$images[thumb]}&width={$width}'; + image_urls[{counter}] = '{$web_path}/phpfspot_img.php?idx={$images[thumb]}&width={$width}'; last_thumb = {$images[thumb]}; {/if} {/section} diff --git a/themes/default/templates/search.tpl b/themes/default/templates/search.tpl index 77ed7ad..401d9af 100644 --- a/themes/default/templates/search.tpl +++ b/themes/default/templates/search.tpl @@ -1,5 +1,5 @@ <span class="tags"> - <img src="resources/loupe.png" alt="loupe" />Search: + <img src="{$web_path}/resources/loupe.png" alt="loupe" />Search: </span> <form action="" onsubmit="startSearch(); return false;"> <div class="searchfor"> @@ -25,7 +25,7 @@ { /if } </td> <td> - <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" /> + <input type="image" class="submit" src="{$web_path}/resources/doit.png" alt="start search" title="start search" onclick="click(this);" /> </td> </tr> <tr> @@ -34,7 +34,7 @@ <input type="text" name="searchfor_name" value="{$searchfor_name}" size="15" /> </td> <td> - <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" /> + <input type="image" class="submit" src="{$web_path}/resources/doit.png" alt="start search" title="start search" onclick="click(this);" /> </td> </tr> <tr> @@ -51,15 +51,15 @@ </tr> <tr> <td> </td> - <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic" alt="from" /></a></td> + <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="{$web_path}/resources/date.png" id="frompic" alt="from" /></a></td> </tr> <tr> <td> </td> <td> - {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" alt="to" /></a> + {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="{$web_path}/resources/date.png" id="topic" alt="to" /></a> </td> <td> - <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" /> + <input type="image" class="submit" src="{$web_path}/resources/doit.png" alt="start search" title="start search" onclick="click(this);" /> </td> </tr> <tr> diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl index b6cdecb..571b524 100644 --- a/themes/default/templates/single_photo.tpl +++ b/themes/default/templates/single_photo.tpl @@ -20,7 +20,7 @@ <a href="javascript:zoom(10);" title="zoom_in" onclick="click(this);"><img src="resources/zoom-in.png" /></a> <a href="javascript:startAutoBrowse();" title="auto browsing"><img id="autobrowse_ico" src="resources/32_play.png" /></a> {if $extern_link } - <a href="{$extern_link}" title="Use this link to return to the current view"><img src="resources/link.png" /></a> + <a href="{$extern_link}" title="Use this link to return to the current view"><img src="{$web_path}/resources/link.png" /> External Link</a> {/if} <a href="{$image_url_full}" title="orig_image" target="_blank" onclick="click(this);"> <img src="resources/original.png" alt="original resolution" /> @@ -31,36 +31,36 @@ <div> <div id="photo_details"> { if $ExifMadeWith } - <u><img src="resources/camera.png" alt="camera icon" /> Image taken with:</u><br /> + <u><img src="{$web_path}/resources/camera.png" alt="camera icon" /> Image taken with:</u><br /> {$ExifMadeWith}<br /> { /if } { if $ExifMadeOn } - <u><img src="resources/date.png" alt="calendar icon" /> Image made on:</u><br /> + <u><img src="{$web_path}/resources/date.png" alt="calendar icon" /> Image made on:</u><br /> {$ExifMadeOn}<br /> { /if } { if $ExifOrigResolution } - <u><img src="resources/image.png" alt="resolution icon" /> Original resolution:</u><br /> + <u><img src="{$web_path}/resources/image.png" alt="resolution icon" /> Original resolution:</u><br /> {$ExifOrigResolution}<br /> { /if } <u>Size:</u> {$ExifFileSize}<br /> { if $tags } <br /> - <u><img src="resources/small_available_tags.png" alt="available tags" /> Tagged with:</u><br /> + <u><img src="{$web_path}/resources/small_available_tags.png" alt="available tags" /> Tagged with:</u><br /> { foreach from=$tags key=id item=name } - <a class="smalltag" href="javascript:Tags('add', '{$id}');" onclick="click(this);" onclick="click(this);">{$name}</a><br /> + <a class="smalltag" href="javascript:Tags('add', '{$id}');" onfocus="click(this);">{$name}</a><br /> { /foreach } { /if } <hr> { if $prev_img } - <u><img src="resources/photo.png" alt="photo icon" /> Previous:</u><br /> - <a href="{$previous_url}" onclick="click(this);" id="prev_link"> - <img src="phpfspot_img.php?idx={$prev_img}&width={$mini_width}" /><br /> + <u><img src="{$web_path}/resources/photo.png" alt="photo icon" /> Previous:</u><br /> + <a href="{$previous_url}" onfocus="click(this);" id="prev_link"> + <img src="{$web_path}/phpfspot_img.php?idx={$prev_img}&width={$mini_width}" /><br /> </a> { /if} { if $next_img } - <u><img src="resources/photo.png" alt="photo icon" /> Next:</u><br /> - <a href="{$next_url}" onclick="click(this);" id="next_link"> - <img src="phpfspot_img.php?idx={$next_img}&width={$mini_width}" /><br /> + <u><img src="{$web_path}/resources/photo.png" alt="photo icon" /> Next:</u><br /> + <a href="{$next_url}" onfocus="click(this);" id="next_link"> + <img src="{$web_path}/phpfspot_img.php?idx={$next_img}&width={$mini_width}" /><br /> </a> { /if} </div> @@ -69,9 +69,9 @@ <div class="photo"> { if $next_url == "" } - <a href="javascript:showPhotoIndex();" onclick="click(this);" name="photo"> + <a href="{$image_url}" onclick="showPhotoIndex(); return false;" onfocus="click(this);" name="photo"> { else } - <a href="{$next_url}" onclick="click(this);" title="click for the next photo" name="photo"> + <a href="{$image_url}" onclick="{$next_url}; return false;" onfocus="click(this);" title="click for the next photo" name="photo"> { /if } <img src="{$image_url}" width="{$width}" height="{$height}" alt="{$image_filename}" name="photo" id="photo" /> </a> @@ -81,20 +81,20 @@ <div class="photonavigation"> { if $previous_url == "" } - <img src="resources/arrow_left_gray.png" alt="first photo reached" /> + <img src="{$web_path}/resources/arrow_left_gray.png" alt="first photo reached" /> { else } - <a href="{$previous_url}" onclick="click(this);" title="click for the previous photo (left cursor)"> - <img src="resources/arrow_left.png" alt="previous photo" /> + <a href="{$previous_url}" onfocus="click(this);" title="click for the previous photo (left cursor)"> + <img src="{$web_path}/resources/arrow_left.png" alt="previous photo" /> </a> { /if } - <a href="javascript:showPhotoIndex({$current_page}, {$current_img});" onclick="click(this);" title="click to go back to the index"> - <img src="resources/arrow_up.png" alt="photo index" /> + <a href="javascript:showPhotoIndex({$current_page}, {$current_img});" onfocus="click(this);" title="click to go back to the index"> + <img src="{$web_path}/resources/arrow_up.png" alt="photo index" /> </a> { if $next_url == "" } - <img src="resources/arrow_right_gray.png" alt="last photo reached" /> + <img src="{$web_path}/resources/arrow_right_gray.png" alt="last photo reached" /> { else } - <a href="{$next_url}" onclick="click(this);" title="click for the next photo (right cursor)"> - <img src="resources/arrow_right.png" alt="next photo" /> + <a href="{$next_url}" onfocus="click(this);" title="click for the next photo (right cursor)"> + <img src="{$web_path}/resources/arrow_right.png" alt="next photo" /> </a> { /if} </div> @@ -106,9 +106,9 @@ /* lets preload to previous and the next image to speedup */ var image_next = new Image(); - image_next.src = "phpfspot_img.php?idx={$next_img}&width={$photo_width}"; + image_next.src = "{$web_path}/phpfspot_img.php?idx={$next_img}&width={$photo_width}"; var image_prev = new Image(); - image_prev.src = "phpfspot_img.php?idx={$prev_img}&width={$photo_width}"; + image_prev.src = "{$web_path}/phpfspot_img.php?idx={$prev_img}&width={$photo_width}"; --> </script> diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl index 22c86a8..9a8f1fe 100644 --- a/themes/default/templates/slideshow.tpl +++ b/themes/default/templates/slideshow.tpl @@ -1,14 +1,14 @@ {include file="header.tpl"} - <script type="text/javascript" src="slider/js/range.js"></script> - <script type="text/javascript" src="slider/js/timer.js"></script> - <script type="text/javascript" src="slider/js/slider.js"></script> - <link type="text/css" rel="StyleSheet" href="slider/css/bluecurve/bluecurve.css" /> + <script type="text/javascript" src="{$web_path}/slider/js/range.js"></script> + <script type="text/javascript" src="{$web_path}/slider/js/timer.js"></script> + <script type="text/javascript" src="{$web_path}/slider/js/slider.js"></script> + <link type="text/css" rel="StyleSheet" href="{$web_path}/slider/css/bluecurve/bluecurve.css" /> <body onload="startSlideShow();" class="slideshow"> <div id="slide_navigation"> - <a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="resources/32_rew.png" /></a> - <a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="resources/32_pause.png" /></a> - <a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="resources/32_stop.png" /></a> - <a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="resources/32_fwd.png" /></a> + <a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="{$web_path}/resources/32_rew.png" /></a> + <a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="{$web_path}/resources/32_pause.png" /></a> + <a href="javascript:startSlideShow();" onclick="click(this);" title="stop and revert slideshow"><img id="stop_ico" src="{$web_path}/resources/32_stop.png" /></a> + <a href="javascript:nextSlide();" onclick="click(this);" title="slide to next photo"><img id="fwd_ico" src="{$web_path}/resources/32_fwd.png" /></a> </div> <div id="slide_close"> <a href="javascript:window.close();" title="click to close slideshow"> diff --git a/themes/default/templates/tags.tpl b/themes/default/templates/tags.tpl index e4b04a8..817cfbc 100644 --- a/themes/default/templates/tags.tpl +++ b/themes/default/templates/tags.tpl @@ -1,11 +1,15 @@ <span class="tags"> - <img src="resources/available_tags.png" alt="available tags" />Available Tags: + <img src="{$web_path}/resources/available_tags.png" alt="available tags" />Available Tags: </span> -<div id="available_tags"></div> +<div id="available_tags">{ $preset_available_tags }</div> <span class="tags"> - <img src="resources/selected_tags.png" alt="selected tags" />Selected Tags: + <img src="{$web_path}/resources/selected_tags.png" alt="selected tags" />Selected Tags: </span> <input type="radio" name="condition" value="or" onclick="Tags('condition', this);" {if $current_condition == "or" } checked="checked" { /if } title="OR condition" />|| <input type="radio" name="condition" value="and" onclick="Tags('condition', this);" {if $current_condition == "and" } checked="checked" { /if } title="AND condition" />&& -<div id="selected_tags">no tags selected</div> +{ if $preset_selected_tags } + <div id="selected_tags">{ $preset_selected_tags }</div> +{ else } + <div id="selected_tags">no tags selected</div> +{ /if } diff --git a/themes/default/templates/welcome.tpl b/themes/default/templates/welcome.tpl index fbb21a1..073af00 100644 --- a/themes/default/templates/welcome.tpl +++ b/themes/default/templates/welcome.tpl @@ -6,7 +6,7 @@ <p> <span> - <img src="phpfspot_img.php?idx=rand&width=150&i=1" alt="random image" /> + <img src="{$web_path}/phpfspot_img.php?idx=rand&width=150&i=1" alt="random image" /> </span> This application targets to provide an easy way, to presentate your F-Spot<br /> pictures in the web, in a way where you do not need any of the current<br /> @@ -17,7 +17,7 @@ <p> <span> - <img src="phpfspot_img.php?idx=rand&width=150&i=2" alt="random image" /> + <img src="{$web_path}/phpfspot_img.php?idx=rand&width=150&i=2" alt="random image" /> </span> You can adapt this welcome page in the file "welcome.tpl" in the template<br /> directory of your current theme. @@ -27,7 +27,7 @@ <p> <span> - <img src="phpfspot_img.php?idx=rand&width=150&i=3" alt="random image" /> + <img src="{$web_path}/phpfspot_img.php?idx=rand&width=150&i=3" alt="random image" /> </span> <a href="javascript:showPhotoIndex();">[ Click here to take a look at your photo index or select a tag from the list on the left ]</a> </p> |