Piwigo/themes/standard_pages/template/register.tpl
HWFord f88472fa9c fixes #2345 create piwigo standard pages
create new theme standard pages with tpl, css, js and images
update backend to handle pages
add config use_standard_pages
on update set config to false, on install set config to true
add standard pages to no be ingored in git
2025-03-18 16:46:41 +01:00

117 lines
4.7 KiB
Smarty

{combine_css id='identification_register' path="themes/standard_pages/css/identification_register.css" order=100}
{combine_css path="themes/default/vendor/fontello/css/gallery-icon.css" order=-10}
<script>
var selected_language = `{$language_options[$current_language]}`;
var url_logo_light = `{$ROOT_URL}themes/standard_pages/images/piwigo_logo.svg`;
var url_logo_dark = `{$ROOT_URL}themes/standard_pages/images/piwigo_logo_dark.svg`;
</script>
{combine_script id='identification_register' load='async' require='jquery' path='themes/standard_pages/js/identification_register.js'}
<container id="mode" class="light">
<section id="header-options">
<div>
<i class="gallery-icon-moon toggle-mode" id="toggle_mode_light" onclick="toggle_mode('dark')"></i>
<i class="gallery-icon-sun toggle-mode" id="toggle_mode_dark" onclick="toggle_mode('light')"></i>
</div>
<div>
<a href="{$HELP_LINK}" target="_blank">{'Help'|translate}</a>
{if isset($errors['register_page_error'])}
<div class="error_block_container">
{foreach from=$errors['register_page_error'] item=error}
<div class="error_block">
<i class="gallery-icon-cancel"></i>
<p>{$error}</p>
</div>
{/foreach}
</div>
{/if}
</section>
<section id="logo-section">
<img id="piwigo-logo" src="{$ROOT_URL}themes/standard_pages/images/piwigo_logo.svg">
</section>
<section id="register-form">
<div class="">
<h1 class="">
{'Create an account'|translate}
</h1>
<form class="properties" method="post" action="{$F_ACTION}" name="register_form" autocomplete="off">
<div class="column-flex">
<label for="mail_address">{'Email address'|translate}</label>
<div class="row-flex input-container">
<i class="gallery-icon-user-2"></i>
<input type="email" name="mail_address" id="login" value="{$F_EMAIL}">
</div>
<p class="error-message"><i class="gallery-icon-attention-circled"></i> {'must not be empty'|translate}</p>
</div>
<div class="column-flex">
<label for="username">{'Username'|translate}</label>
<div class="row-flex input-container">
<i class="gallery-icon-user-2"></i>
<input type="text" name="login" id="login" value="{$F_LOGIN}">
</div>
<p class="error-message"><i class="gallery-icon-attention-circled"></i> {'must not be empty'|translate}</p>
</div>
<div class="column-flex">
<label for="password">{'Password'|translate}</label>
<div class="row-flex input-container">
<i class="gallery-icon-lock"></i>
<input type="password" class="" name="password" id="password" size="25">
<i class="gallery-icon-eye togglePassword"></i>
</div>
<p class="error-message"><i class="gallery-icon-attention-circled"></i> {'must not be empty'|translate}</p>
</div>
<div class="column-flex">
<label for="password">{'Confirm Password'|translate}</label>
<div class="row-flex input-container">
<i class="gallery-icon-lock"></i>
<input type="password" class="" name="password_conf" id="password_conf" size="25">
<i class="gallery-icon-eye togglePassword"></i>
</div>
<p class="error-message"><i class="gallery-icon-attention-circled"></i> {'must not be empty'|translate}</p>
</div>
<div class="column-flex">
<input type="hidden" name="key" value="{$F_KEY}" >
<input tabindex="4" type="submit" name="submit" value="{'Register'|translate}" class="btn btn-main ">
{if isset($errors['register_form_error'])}
<p class="error-message" style="display:block;bottom:-20px;"><i class="gallery-icon-attention-circled"></i> {$errors['register_form_error']}</p>
{/if}
</div>
</form>
<div class="secondary-links">
<p>{'Already have an account ?'|translate} <a href="identification.php" title="{'Login'|translate}">{'Login'|translate}</a></p>
</div>
</div>
</section>
<a href="index.php" id="return-to-gallery"><i class="gallery-icon-left"></i> {'Return to the gallery'|translate}</a>
{if count($language_options) > 1}
<section id="language-switch">
<div id="lang-select">
<span id="other-languages">
{foreach from=$language_options key=$code item=$lang}
<span id="lang={$code}" onclick="setCookie('lang','{$code}',30)">{$lang}</span>
{/foreach}
</span>
<div id="selected-language-container">
<i class="gallery-icon-left-chevron"></i><span id="selected-language">{$language_options[$current_language]}</span>
</div>
</div>
</section>
{/if}
</container>