diff options
| author | patdenice <patdenice@piwigo.org> | 2012-02-16 11:51:34 +0000 |
|---|---|---|
| committer | patdenice <patdenice@piwigo.org> | 2012-02-16 11:51:34 +0000 |
| commit | a7f70524df847f3dd8e53e0e07b67597edb1631c (patch) | |
| tree | db87ef3bae8722e2439c85edcc67f6d280aef91e /themes/smartpocket/template | |
| parent | 4f2ae7cbcece6409b2b7e6e2ec4b73ad04917c5e (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.tpl | 6 | ||||
| -rw-r--r-- | themes/smartpocket/template/header.tpl | 58 | ||||
| -rw-r--r-- | themes/smartpocket/template/identification.tpl | 41 | ||||
| -rw-r--r-- | themes/smartpocket/template/index.tpl | 5 | ||||
| -rw-r--r-- | themes/smartpocket/template/infos_errors.tpl | 19 | ||||
| -rw-r--r-- | themes/smartpocket/template/mainpage_categories.tpl | 20 | ||||
| -rw-r--r-- | themes/smartpocket/template/menubar.tpl | 29 | ||||
| -rw-r--r-- | themes/smartpocket/template/profile.tpl | 4 | ||||
| -rw-r--r-- | themes/smartpocket/template/profile_content.tpl | 58 | ||||
| -rw-r--r-- | themes/smartpocket/template/register.tpl | 38 | ||||
| -rw-r--r-- | themes/smartpocket/template/thumbnails.tpl | 32 |
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}
|