aboutsummaryrefslogtreecommitdiffstats
path: root/themes/smartpocket/template
diff options
context:
space:
mode:
authorpatdenice <patdenice@piwigo.org>2012-02-16 11:51:34 +0000
committerpatdenice <patdenice@piwigo.org>2012-02-16 11:51:34 +0000
commita7f70524df847f3dd8e53e0e07b67597edb1631c (patch)
treedb87ef3bae8722e2439c85edcc67f6d280aef91e /themes/smartpocket/template
parent4f2ae7cbcece6409b2b7e6e2ec4b73ad04917c5e (diff)
feature:2577
Add mobile theme git-svn-id: http://piwigo.org/svn/trunk@13182 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/smartpocket/template/footer.tpl6
-rw-r--r--themes/smartpocket/template/header.tpl58
-rw-r--r--themes/smartpocket/template/identification.tpl41
-rw-r--r--themes/smartpocket/template/index.tpl5
-rw-r--r--themes/smartpocket/template/infos_errors.tpl19
-rw-r--r--themes/smartpocket/template/mainpage_categories.tpl20
-rw-r--r--themes/smartpocket/template/menubar.tpl29
-rw-r--r--themes/smartpocket/template/profile.tpl4
-rw-r--r--themes/smartpocket/template/profile_content.tpl58
-rw-r--r--themes/smartpocket/template/register.tpl38
-rw-r--r--themes/smartpocket/template/thumbnails.tpl32
11 files changed, 310 insertions, 0 deletions
diff --git a/themes/smartpocket/template/footer.tpl b/themes/smartpocket/template/footer.tpl
new file mode 100644
index 000000000..3de169077
--- /dev/null
+++ b/themes/smartpocket/template/footer.tpl
@@ -0,0 +1,6 @@
+
+{get_combined_scripts load='footer'}
+</div><!-- /page -->
+
+</body>
+</html> \ No newline at end of file
diff --git a/themes/smartpocket/template/header.tpl b/themes/smartpocket/template/header.tpl
new file mode 100644
index 000000000..06248f78c
--- /dev/null
+++ b/themes/smartpocket/template/header.tpl
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="{$lang_info.code}" dir="{$lang_info.direction}">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset={$CONTENT_ENCODING}">
+<meta name="generator" content="Piwigo (aka PWG), see piwigo.org">
+{if isset($meta_ref) }
+{if isset($INFO_AUTHOR)}
+<meta name="author" content="{$INFO_AUTHOR|@strip_tags:false|@replace:'"':' '}">
+{/if}
+{if isset($related_tags)}
+<meta name="keywords" content="{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}{$tag.name}{/foreach}">
+{/if}
+{if isset($COMMENT_IMG)}
+<meta name="description" content="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}{if isset($INFO_FILE)} - {$INFO_FILE}{/if}">
+{else}
+<meta name="description" content="{$PAGE_TITLE}{if isset($INFO_FILE)} - {$INFO_FILE}{/if}">
+{/if}
+{/if}
+<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
+<meta name="apple-mobile-web-app-capable" content="yes" />
+
+{if (isset($REVERSE) and $REVERSE and $PAGE_TITLE == l10n('Home'))}
+<title>{$GALLERY_TITLE} | {$PAGE_TITLE}</title>{else}
+<title>{$PAGE_TITLE} | {$GALLERY_TITLE}</title>{/if}
+<link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico">
+<link rel="start" title="{'Home'|@translate}" href="{$U_HOME}" >
+
+{get_combined_css}
+{foreach from=$themes item=theme}
+{if $theme.load_css}
+{combine_css path="themes/`$theme.id`/theme.css" order=-10}
+{/if}
+{if !empty($theme.local_head)}{include file=$theme.local_head load_css=$theme.load_css}{/if}
+{/foreach}
+
+{if isset($U_CANONICAL)}<link rel="canonical" href="{$U_CANONICAL}">{/if}
+
+{if not empty($page_refresh) }<meta http-equiv="refresh" content="{$page_refresh.TIME};url={$page_refresh.U_REFRESH}">{/if}
+
+{get_combined_scripts load='header'}
+
+{combine_script id='jquery' path='themes/smartpocket/js/jquery-1.6.4.min.js'}
+{combine_script id='config' path='themes/smartpocket/js/config.js' require='jquery'}
+{combine_script id='jquery.mobile' path='themes/smartpocket/js/jquery.mobile.min.js' require='jquery,config'}
+
+</head>
+
+<body>
+<div data-role="page">
+
+<div data-role="header" data-theme="c">
+ <div class="title">
+ <a href="{$U_HOME}" class="home_button" data-icon="home" data-iconpos="notext" data-role="button"></a>
+ {$GALLERY_TITLE}
+ <span class="menubar">{$MENUBAR}</span>
+ </div>
+</div>
+
diff --git a/themes/smartpocket/template/identification.tpl b/themes/smartpocket/template/identification.tpl
new file mode 100644
index 000000000..33d011570
--- /dev/null
+++ b/themes/smartpocket/template/identification.tpl
@@ -0,0 +1,41 @@
+{include file='infos_errors.tpl'}
+<div data-role="content">
+<h3>{'Identification'|@translate}</h3>
+<form action="{$F_LOGIN_ACTION}" method="post" name="login_form" class="properties">
+
+ <div data-role="fieldcontain">
+ <label for="username">{'Username'|@translate}</label>
+ <input type="text" name="username" id="username">
+ </div>
+
+
+ <div data-role="fieldcontain">
+ <label for="password">{'Password'|@translate}</label>
+ <input type="password" name="password" id="password" value="">
+ </div>
+
+ {if $authorize_remembering }
+ <div data-role="fieldcontain">
+ <label for="remember_me">{'Auto login'|@translate}</label>
+ <input type="checkbox" name="remember_me" id="remember_me" value="1">
+ </div>
+ {/if}
+
+ <div data-role="fieldcontain">
+ <input type="hidden" name="redirect" value="{$U_REDIRECT|@urlencode}">
+ <input type="submit" name="login" value="{'Submit'|@translate}">
+ </div>
+
+</form>
+
+ <div data-role="fieldcontain">
+{if isset($U_REGISTER)}
+ <a href="{$U_REGISTER}" data-role="button">{'Register'|@translate}</a>
+{/if}
+{*
+{if isset($U_LOST_PASSWORD)}
+ <a href="{$U_LOST_PASSWORD}" data-role="button">{'Forgot your password?'|@translate}</a>
+{/if}
+*}
+ </div>
+</div>
diff --git a/themes/smartpocket/template/index.tpl b/themes/smartpocket/template/index.tpl
new file mode 100644
index 000000000..f9d319783
--- /dev/null
+++ b/themes/smartpocket/template/index.tpl
@@ -0,0 +1,5 @@
+<div data-role="content">
+{if !empty($CATEGORIES)}{$CATEGORIES}{/if}
+{if !empty($THUMBNAILS)}{$THUMBNAILS}{/if}
+</div>
+
diff --git a/themes/smartpocket/template/infos_errors.tpl b/themes/smartpocket/template/infos_errors.tpl
new file mode 100644
index 000000000..ce2db88d9
--- /dev/null
+++ b/themes/smartpocket/template/infos_errors.tpl
@@ -0,0 +1,19 @@
+{if isset($errors) }
+<div class="errors">
+ <ul>
+ {foreach from=$errors item=error}
+ <li>{$error}</li>
+ {/foreach}
+ </ul>
+</div>
+{/if}
+
+{if not empty($infos)}
+<div class="infos">
+ <ul>
+ {foreach from=$infos item=info}
+ <li>{$info}</li>
+ {/foreach}
+ </ul>
+</div>
+{/if} \ No newline at end of file
diff --git a/themes/smartpocket/template/mainpage_categories.tpl b/themes/smartpocket/template/mainpage_categories.tpl
new file mode 100644
index 000000000..19914c5ce
--- /dev/null
+++ b/themes/smartpocket/template/mainpage_categories.tpl
@@ -0,0 +1,20 @@
+{define_derivative name='derivative_params' width=80 height=80 crop=true}
+
+<ul data-role="listview" data-inset="true">
+{foreach from=$category_thumbnails item=cat}
+ <li>
+ <a href="{$cat.URL}">
+ <img src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}">
+ <h3>{$cat.NAME}</h3>
+ {if isset($cat.INFO_DATES) }
+ <p class="dates">{$cat.INFO_DATES}</p>
+ {/if}
+ <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
+ {if not empty($cat.DESCRIPTION)}
+ <p>{$cat.DESCRIPTION}</p>
+ {/if}
+ </a>
+ </li>
+{/foreach}
+</ul>
+
diff --git a/themes/smartpocket/template/menubar.tpl b/themes/smartpocket/template/menubar.tpl
new file mode 100644
index 000000000..49fa37e14
--- /dev/null
+++ b/themes/smartpocket/template/menubar.tpl
@@ -0,0 +1,29 @@
+<select name="identification" id="identification" data-icon="grid" data-iconpos="notext" data-native-menu="false">
+
+ <option value="" data-placeholder="true">{'Identification'|@translate}</option>
+
+ {if isset($U_REGISTER)}
+ <option value="{$U_REGISTER}">{'Register'|@translate}</option>
+ {/if}
+ {if isset($U_LOGIN)}
+ <option value="{$U_LOGIN}">{'Login'|@translate}</option>
+ {/if}
+ {if isset($U_LOGOUT)}
+ <option value="{$U_LOGOUT}">{'Logout'|@translate}</option>
+ {/if}
+ {if isset($U_PROFILE)}
+ <option value="{$U_PROFILE}">{'Customize'|@translate}</option>
+ {/if}
+ {if isset($U_ADMIN)}
+ <option value="{$U_ADMIN}">{'Administration'|@translate}</option>
+ {/if}
+
+</select>
+
+{footer_script}{literal}
+$(document).ready(function() {
+ $('#identification').change(function() {
+ window.location = this.value;
+ });
+});
+{/literal}{/footer_script}
diff --git a/themes/smartpocket/template/profile.tpl b/themes/smartpocket/template/profile.tpl
new file mode 100644
index 000000000..fde414605
--- /dev/null
+++ b/themes/smartpocket/template/profile.tpl
@@ -0,0 +1,4 @@
+<div data-role="content">
+{include file='infos_errors.tpl'}
+{$PROFILE_CONTENT}
+</div>
diff --git a/themes/smartpocket/template/profile_content.tpl b/themes/smartpocket/template/profile_content.tpl
new file mode 100644
index 000000000..6c9cb5064
--- /dev/null
+++ b/themes/smartpocket/template/profile_content.tpl
@@ -0,0 +1,58 @@
+
+<form method="post" name="profile" action="{$F_ACTION}" id="profile" class="properties">
+
+ <div data-role="fieldcontain">
+ <label for="username">{'Username'|@translate}</label>
+ <input type="text" name="username" id="username" value="{$USERNAME}" disabled="disabled">
+ </div>
+
+ {if not $SPECIAL_USER} {* can modify password + email*}
+ <div data-role="fieldcontain">
+ <label for="mail_address">{'Email address'|@translate}</label>
+ <input type="text" name="mail_address" id="mail_address" value="{$EMAIL}">
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="password">{'Password'|@translate}</label>
+ <input type="password" name="password" id="password" value="">
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="use_new_pwd">{'New password'|@translate}</label>
+ <input type="password" name="use_new_pwd" id="use_new_pwd" value="">
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="passwordConf">{'Confirm Password'|@translate}</label>
+ <input type="password" name="passwordConf" id="passwordConf" value="">
+ </div>
+ {/if}
+
+{if $ALLOW_USER_CUSTOMIZATION}
+ <div data-role="fieldcontain">
+ <label for="language">{'Language'|@translate}</label>
+ {html_options name=language options=$language_options selected=$language_selection}
+ </div>
+{/if}
+
+
+ <div data-role="fieldcontain">
+ {if $ALLOW_USER_CUSTOMIZATION}
+ <input type="hidden" name="nb_image_page" value="{$NB_IMAGE_PAGE}">
+ <input type="hidden" name="theme" value="{$template_selection}">
+ <input type="hidden" name="recent_period" value="{$RECENT_PERIOD}">
+ <input type="hidden" name="expand" value="{$EXPAND}">
+ <input type="hidden" name="show_nb_comments" value="{$NB_COMMENTS}">
+ <input type="hidden" name="show_nb_hits" value="{$NB_HITS}">
+ {/if}
+ <input type="hidden" name="redirect" value="{$REDIRECT}">
+ <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
+ <input class="submit" type="submit" name="validate" value="{'Submit'|@translate}">
+ <input class="submit" type="reset" name="reset" value="{'Reset'|@translate}">
+ {if $ALLOW_USER_CUSTOMIZATION}
+ <input class="submit" type="submit" name="reset_to_default" value="{'Reset to default values'|@translate}">
+ {/if}
+ </div>
+
+</form>
+
diff --git a/themes/smartpocket/template/register.tpl b/themes/smartpocket/template/register.tpl
new file mode 100644
index 000000000..69fd6bc78
--- /dev/null
+++ b/themes/smartpocket/template/register.tpl
@@ -0,0 +1,38 @@
+{include file='infos_errors.tpl'}
+<div data-role="content">
+<h3>{'Register'|@translate}</h3>
+<form method="post" action="{$F_ACTION}" class="properties" name="register_form">
+
+ <div data-role="fieldcontain">
+ <label for="username">* {'Username'|@translate}</label>
+ <input type="text" name="username" id="username" value="{$F_LOGIN}">
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="password">* {'Password'|@translate}</label>
+ <input type="password" name="password" id="password">
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="password_conf">* {'Confirm Password'|@translate}</label>
+ <input type="password" name="password_conf" id="password_conf">
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="mail_address">{if $obligatory_user_mail_address}* {/if}{'Email address'|@translate}</label>
+ <input type="text" name="mail_address" id="mail_address" value="{$F_EMAIL}" >
+ </div>
+
+ <div data-role="fieldcontain">
+ <label for="send_password_by_mail">{'Send my connection settings by email'|@translate}</label>
+ <input type="checkbox" name="send_password_by_mail" id="send_password_by_mail" value="1" checked="checked">
+ </div>
+
+ <div data-role="fieldcontain">
+ <input type="hidden" name="key" value="{$F_KEY}" >
+ <input class="submit" type="submit" name="submit" value="{'Register'|@translate}">
+ <input class="submit" type="reset" value="{'Reset'|@translate}">
+ </div>
+
+</form>
+</div>
diff --git a/themes/smartpocket/template/thumbnails.tpl b/themes/smartpocket/template/thumbnails.tpl
new file mode 100644
index 000000000..5e33dd0ee
--- /dev/null
+++ b/themes/smartpocket/template/thumbnails.tpl
@@ -0,0 +1,32 @@
+{if !empty($thumbnails)}
+{combine_script id='klass' path='themes/smartpocket/js/klass.min.js'}
+{combine_script id='photoswipe' path='themes/smartpocket/js/code.photoswipe.jquery.min.js' require='klass,jquery.mobile'}
+
+{define_derivative name='derivative_params_thumb' width=150 height=150 crop=true}
+{define_derivative name='derivative_params_full' type='large'}
+
+{footer_script}{literal}
+(function(window, $, PhotoSwipe){
+ $(document).ready(function(){
+ var options = {
+ jQueryMobile: true,
+ //allowUserZoom: false,
+ imageScaleMethod: "fitNoUpscale"
+ };
+ $(".thumbnails a").photoSwipe(options);
+ $(".thumbnails img").load(function() { $(this).css('border', '1px solid #3c3c3c') });
+ });
+}(window, window.jQuery, window.Code.PhotoSwipe));
+{/literal}{/footer_script}
+<div data-role="content">
+<ul class="thumbnails">
+{foreach from=$thumbnails item=thumbnail}
+ <li>
+ <a href="{$pwg->derivative_url($derivative_params_full, $thumbnail.src_image)}" rel="external">
+ <img src="{$pwg->derivative_url($derivative_params_thumb, $thumbnail.src_image)}" alt="{$thumbnail.TN_ALT}">
+ </a>
+ </li>
+{/foreach}
+</ul>
+</div>
+{/if}