diff options
| author | Cullen Walsh <ckwalsh@cullenwalsh.com> | 2011-06-18 21:12:29 -0700 |
|---|---|---|
| committer | Cullen Walsh <ckwalsh@cullenwalsh.com> | 2012-03-18 22:21:36 +0000 |
| commit | 6deadc3acf302e9fd15adfd6bff5f0fe525240c7 (patch) | |
| tree | e886c36bff237fa32201618cfc0f812962d4394a /phpBB/styles/prosilver/template/ucp_avatar_options.html | |
| parent | 22c864cb3a945b52fe9b91765d247abfe00b50bc (diff) | |
| download | forums-6deadc3acf302e9fd15adfd6bff5f0fe525240c7.tar forums-6deadc3acf302e9fd15adfd6bff5f0fe525240c7.tar.gz forums-6deadc3acf302e9fd15adfd6bff5f0fe525240c7.tar.bz2 forums-6deadc3acf302e9fd15adfd6bff5f0fe525240c7.tar.xz forums-6deadc3acf302e9fd15adfd6bff5f0fe525240c7.zip | |
[feature/avatars] Rework UCP to be simpler/more consistent
Redesigning the UCP avatar page to use javascript to make use less
confusing. This design is also more easily transfered to the ACP for
group avatars, which will give better consistency in the long run.
PHPBB3-10018
Diffstat (limited to 'phpBB/styles/prosilver/template/ucp_avatar_options.html')
| -rw-r--r-- | phpBB/styles/prosilver/template/ucp_avatar_options.html | 49 |
1 files changed, 44 insertions, 5 deletions
diff --git a/phpBB/styles/prosilver/template/ucp_avatar_options.html b/phpBB/styles/prosilver/template/ucp_avatar_options.html index f05e96410d..eb78e9f77c 100644 --- a/phpBB/styles/prosilver/template/ucp_avatar_options.html +++ b/phpBB/styles/prosilver/template/ucp_avatar_options.html @@ -10,22 +10,61 @@ <dl> <dt><label>{L_CURRENT_IMAGE}:</label><br /><span>{L_AVATAR_EXPLAIN}</span></dt> <dd><!-- IF AVATAR -->{AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --></dd> - <!-- IF AVATAR && S_AVATARS_ENABLED --><dd><input type="submit" name="av_delete" id="av_delete" value="{LA_DELETE_AVATAR}" /></dd><!-- ENDIF --> </dl> </fieldset> - + <h3>{L_AVATAR_SELECT_NEW}</h3> + <fieldset> + <dl> + <dt><label>{L_AVATAR_TYPE}</label></dt> + <dd><select name="avatar_driver" id="avatar_driver"> + <option value="">{L_NO_AVATAR}</option> + <!-- BEGIN avatar_drivers --> + <option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF -->>{avatar_drivers.L_TITLE}</option> + <!-- END avatar_drivers --> + </select></dd> + </fieldset> + <div id="av_options"> <!-- BEGIN avatar_drivers --> - <h3>{avatar_drivers.L_TITLE}</h3> + <div id="av_option_{avatar_drivers.DRIVER}"> + <noscript> + <h3 class="avatar_section_header">{avatar_drivers.L_TITLE}</h3> + </noscript> <p>{avatar_drivers.L_EXPLAIN}</p> <fieldset> {avatar_drivers.OUTPUT} </fieldset> + </div> +<!-- END avatar_drivers --> + </div> <fieldset class="submit-buttons"> <input type="reset" value="{L_RESET}" name="reset" class="button2" /> - <input type="submit" name="submit_av_{avatar_drivers.DRIVER}" value="{L_SUBMIT}" class="button1" /> + <input type="submit" name="submit" value="{L_SUBMIT}" class="button1" /> </fieldset> -<!-- END avatar_drivers --> + + <script type="text/javascript"> + // <![CDATA[ + function avatar_simplify() { + var node = document.getElementById('av_options'); + for (var i = 0; i < node.children.length; i++) { + child = node.children[i]; + child.style.display = 'none'; + } + + var selected = document.getElementById('avatar_driver').value; + var id = 'av_option_' + selected; + node = document.getElementById(id); + if (node != null) { + node.style.display = 'block'; + } + } + + avatar_simplify(); + document.getElementById('avatar_driver').onchange = avatar_simplify; + // ]]> + </script> <span class="corners-bottom"><span></span></span></div> </div> +<script type="text/javascript"> +</script> |