From 75a329ec022ef21019afb17aecf776a10083e0cb Mon Sep 17 00:00:00 2001 From: Andreas Unterkircher Date: Sun, 22 Jul 2007 05:49:09 +0000 Subject: issue61, theme support git-svn-id: file:///var/lib/svn/phpfspot/trunk@237 fa6a889d-dae6-447d-9e79-4ba9a3039384 --- themes/default/stylesheet.css | 199 ++++++++++++++++++++++++++++++ themes/default/templates/calendar.tpl | 28 +++++ themes/default/templates/credits.tpl | 27 ++++ themes/default/templates/export.tpl | 20 +++ themes/default/templates/footer.tpl | 1 + themes/default/templates/header.tpl | 11 ++ themes/default/templates/index.tpl | 52 ++++++++ themes/default/templates/photo_index.tpl | 106 ++++++++++++++++ themes/default/templates/search.tpl | 50 ++++++++ themes/default/templates/single_photo.tpl | 110 +++++++++++++++++ themes/default/templates/slideshow.tpl | 9 ++ themes/default/templates/tags.tpl | 36 ++++++ themes/default/templates/welcome.tpl | 29 +++++ 13 files changed, 678 insertions(+) create mode 100644 themes/default/stylesheet.css create mode 100644 themes/default/templates/calendar.tpl create mode 100644 themes/default/templates/credits.tpl create mode 100644 themes/default/templates/export.tpl create mode 100644 themes/default/templates/footer.tpl create mode 100644 themes/default/templates/header.tpl create mode 100644 themes/default/templates/index.tpl create mode 100644 themes/default/templates/photo_index.tpl create mode 100644 themes/default/templates/search.tpl create mode 100644 themes/default/templates/single_photo.tpl create mode 100644 themes/default/templates/slideshow.tpl create mode 100644 themes/default/templates/tags.tpl create mode 100644 themes/default/templates/welcome.tpl (limited to 'themes') diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css new file mode 100644 index 0000000..33ef1bf --- /dev/null +++ b/themes/default/stylesheet.css @@ -0,0 +1,199 @@ +body { + background-color: #000000; + color: rgb(26,151,15); + font-family: sans-serif; + font-style: normal; + border: solid 1px #ffffff; + border-color: rgb(15,15,15); + padding: 10px; +} + +table, tr, td { + border-collapse: collapse; + padding: 0px; + empty-cells: show; + vertical-align: top; +} + +td.options { + width: 250px; + max-width: 250px; + min-width: 250px; + padding: 2px; + padding-top: 8px; + border-top: solid 1px #000000; + border-right: solid 1px #000000; +} + +td.available_tags,td.selected_tags { + border-bottom: solid 1px #000000; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 10px; + line-height: 21px; +} + +td.searchfor { + border-bottom: solid 1px #000000; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 10px; + line-height: 21px; + font-size: 12px; + vertical-align: middle; +} + +td.logo { + font-weight: bolder; + height: 40px; + border-bottom: solid 1px #000000; +} + +td.content { + border-top: solid 1px #000000; +} + +td.menu { + padding-top: 5px; + padding-bottom: 5px; +} + +td.index_header { + background-color: #eeeeee; + padding: 10px; + vertical-align: middle; + white-space: nowrap; +} + +td.content_title { + background-color: #eeeeee; + padding: 10px; + vertical-align: middle; +} + + +img { + border: none; +} + +img.thumb { +} + +a { + font-size: 14px; + color: #008200; + text-decoration: none; +} + +a:hover { + color: #00aa44; +} + +a.tag { + color: #000000; + text-decoration: underline; +} + +a.tag:hover { + color: #00aa44; +} + +a.smalltag { + font-size: 12px; + color: #000000; + text-decoration: underline; + font-style: italic; +} + +a.smalltag:hover { + color: #00aa44; +} + +a.thumblink { + font-size: 12px; +} + +a.calendar { + font-size: 10px; +} + +a.thumblink:hover { + color: #4761ab; +} + +#single { + padding: 10px; + display: table; + margin-left: 10px; + margin-right: 10px; + table-layout: fixed; + border: hidden; + border-spacing: 10px; + border-collapse: separate; +} + +table.matrix { + padding: 10px; + display: table; + margin-left: 5px; + margin-right: 10px; + table-layout: fixed; + border-style: hidden; + border-spacing: 10px; + border-collapse: separate; +} + +td.thumb { + text-align: center; + display: table-cell; + vertical-align: top; + -moz-border-radius: 3px; + border-radius: 3px; + border: dashed 1px #888888; + margin: 5px; + background-color: #eeeeee; + padding: 10px; +} + +#photo_details { + width: 150px; + font-size: 12px; + padding: 10px; + -moz-border-radius: 1em; + border-radius: 1em; + border: dashed 1px #888888; +} + +#frame { + padding: 10px; + background-color: #ffffff; +} + +#available_tags { + clip: auto; + overflow: auto; +} + +table.calendar tr td { + border: solid 1px #ffffff; + padding: 1px; + text-align: center; + font-size: 10px; +} + +.prevMonth { + font-size: 10px; + text-align: left; +} +.nextMonth { + font-size: 10px; + text-align: right; +} +#calendar { + position: absolute; + width: 140px; + height: 200px; + background-color: #000000; + visibility: hidden; + z-index: 1000; +} diff --git a/themes/default/templates/calendar.tpl b/themes/default/templates/calendar.tpl new file mode 100644 index 0000000..1f52732 --- /dev/null +++ b/themes/default/templates/calendar.tpl @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + {section name="row" loop=$rows step=1} + {section name="col" loop=8 step=1} + {if $matrix[row][col] } + {$matrix[row][col]} + {/if} + {/section} + {/section} + +
<< + {$current_month} + >>
MTWTFSS
+ diff --git a/themes/default/templates/credits.tpl b/themes/default/templates/credits.tpl new file mode 100644 index 0000000..44c4800 --- /dev/null +++ b/themes/default/templates/credits.tpl @@ -0,0 +1,27 @@ + + + + + + + + +
+ {$product} {$version}
+
+
+ + + + +
+ by Andreas Unterkircher
+ {mailto address="unki@netshadow.at"} +
+ HTML_AJAX +
+ PHP tag-cloud code by Jenny Ferenc. +
+
+
+ diff --git a/themes/default/templates/export.tpl b/themes/default/templates/export.tpl new file mode 100644 index 0000000..a3e5641 --- /dev/null +++ b/themes/default/templates/export.tpl @@ -0,0 +1,20 @@ +{include file="header.tpl"} + +
+ + + + +
+
+ + +
+
+
+
+ +{include file="footer.tpl"} diff --git a/themes/default/templates/footer.tpl b/themes/default/templates/footer.tpl new file mode 100644 index 0000000..5f85cab --- /dev/null +++ b/themes/default/templates/footer.tpl @@ -0,0 +1 @@ + diff --git a/themes/default/templates/header.tpl b/themes/default/templates/header.tpl new file mode 100644 index 0000000..5d66f2d --- /dev/null +++ b/themes/default/templates/header.tpl @@ -0,0 +1,11 @@ + + + + + {$page_title} + + + + + + diff --git a/themes/default/templates/index.tpl b/themes/default/templates/index.tpl new file mode 100644 index 0000000..f42a124 --- /dev/null +++ b/themes/default/templates/index.tpl @@ -0,0 +1,52 @@ +{include file="header.tpl"} + +
+ + + + + + + + + + + +
+ + photo index + + + reset tags + + + show credits + +
+ + + + + + + +
+ {include file="search.tpl"} +
+
+ {include file="tags.tpl"} +
+
+ 		+
+ {include file="welcome.tpl"} +
+
+
+
+ Licensed under GPLv3, phpfspot +
+ +{include file="footer.tpl"} diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl new file mode 100644 index 0000000..08c8999 --- /dev/null +++ b/themes/default/templates/photo_index.tpl @@ -0,0 +1,106 @@ + + + + + + + + + + + + + +
+ + + + + +
+ Photo Index + {if $searchfor } + {if $count == 1} + {$count} image is the result for your search about "{$searchfor}". + {else} + {$count} images are the result for your search about "{$searchfor}". + {/if} + {elseif $tag_result} + {if $count == 1} + {$count} image has been found for the selected tags. + {else} + {$count} images have been found for the selected tags. + {/if} + {else} + {if $count == 1} + {$count} image has been found. + {else} + {$count} images have been found. + {/if} + {/if} + {if $from_date && $to_date } + Results are limited to a date within {$from_date} to {$to_date}. + {/if} + + {if $slideshow_link } + + {/if} + {if $extern_link } + + {/if} + +
+
+
+ + {section name="row" loop=$rows step=1} + + {section name="col" loop=$columns step=1} + {if $images[row][col] } + + {/if} + {/section} + + {/section} +
+ + thumb_{$images[row][col]} +
+ {$img_name[row][col]} + + + {else} + 		 
+
+ { if $previous_url == "" } + { if $count != 0 } + first page reached + { /if } + { else } + + previous photo + + { /if } + + { if $page_selector == "" } +   + { else } + {$page_selector} + { /if} + + { if $next_url == "" } + { if $count != 0 } + last page reached + { /if } + { else } + + next photo + + { /if} +
+ + diff --git a/themes/default/templates/search.tpl b/themes/default/templates/search.tpl new file mode 100644 index 0000000..1498e70 --- /dev/null +++ b/themes/default/templates/search.tpl @@ -0,0 +1,50 @@ + + + + + + + +
+ loupeSearch: +
+ + + + + + + + + + + + + + + + + + + + + + + + +
Tag: + + + +
Date:consider date-search +
 {$from_date}
  + {$to_date} + + +
+ Sort-Order: + + {$sort_field} +
+
+
diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl new file mode 100644 index 0000000..bb8c917 --- /dev/null +++ b/themes/default/templates/single_photo.tpl @@ -0,0 +1,110 @@ + + + + + + + + + + +
+ Photo {$image_name}
+ {if $photo_count > 0} + {$photo_number} of {$photo_count} + {if $photo_count == 1} + Photo + {else} + Photos + {/if} + {if $description} +  {$description}
+ {/if} + {/if} + 		+ + {if $extern_link } + + {/if} + + original resolution + +
+
+ + + + + + + + + +
+ { if $next_url == "" } + + { else } + + { /if } + photo + +
+ { if $previous_url == "" } + first photo reached + { else } + + previous photo + + { /if } + + + photo index + + + { if $next_url == "" } + last photo reached + { else } + + next photo + + { /if} +
+
+ 		+
+ { if $ExifMadeWith } + camera icon Image taken with:
+ {$ExifMadeWith}
+ { /if } + { if $ExifMadeOn } + calendar icon Image made on:
+ {$ExifMadeOn}
+ { /if } + { if $ExifOrigResolution } + resolution icon Original resolution:
+ {$ExifOrigResolution}
+ { /if } + Size: {$ExifFileSize}
+ { if $tags } +
+ available tags Tagged with:
+ { foreach from=$tags key=id item=name } + {$name}
+ { /foreach } + { /if } +
+ { if $prev_img } + photo icon Previous:
+ +
+ + { /if} + { if $next_img } + photo icon Next:
+ +
+ + { /if} +
+
+ diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl new file mode 100644 index 0000000..bba5cd2 --- /dev/null +++ b/themes/default/templates/slideshow.tpl @@ -0,0 +1,9 @@ +{include file="header.tpl"} + +
+ + slideshow_img + +
+ +{include file="footer.tpl"} diff --git a/themes/default/templates/tags.tpl b/themes/default/templates/tags.tpl new file mode 100644 index 0000000..4f32ad0 --- /dev/null +++ b/themes/default/templates/tags.tpl @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + +
+ available tagsAvailable Tags: +
+
+
+ + + + + +
+ selected tagsSelected Tags: + +   + || + && +
+
+
+
 
diff --git a/themes/default/templates/welcome.tpl b/themes/default/templates/welcome.tpl new file mode 100644 index 0000000..9845755 --- /dev/null +++ b/themes/default/templates/welcome.tpl @@ -0,0 +1,29 @@ + + + + + + + + +
+ phpfspot welcomes you to a dynamic photo gallery for F-Spot
+
+
+ + + + +
+This application targets to provide an easy way, to presentate your F-Spot
+pictures in the web, in a way where you do not need any of the current
+web2.0 providers or setup complex apps like gallery
+
+You can addept this welcome page in the file "welcome.tpl" in the template
+directory. ;) +

+[ Click here to take a look at your photo index or select a tag from the list on the left ] +
+
+
+ -- cgit v1.2.3-18-g5258