coderkun/questlab
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Wiki Activity

redesign page for editing Character types

Browse source
This commit is contained in:
oliver 2015-04-19 14:01:04 +02:00
commit 2d635efae5
2 changed files with 98 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

160
views/html/charactertypes/edit.tpl
View file

@ -43,77 +43,95 @@
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend><?=_('Avatars')?></legend> <legend><?=_('Avatars')?></legend>
<ul> <table class="avatars">
<?php foreach($xplevels as &$xplevel) : ?> <thead>
<li> <tr>
<?php if($avatarsValidation !== true && array_key_exists($xplevel['id'], $avatarsValidation)) : ?> <th>Level</th>
<ul> <th>Portrait</th>
<?php if(array_key_exists('portrait', $avatarsValidation[$xplevel['id']])) : ?> <th>Avatar</th>
<?php foreach($avatarsValidation[$xplevel['id']]['portrait'] as $field => &$settings) : ?> </tr>
<li> </thead>
<ul> <tbody>
<?php foreach($settings as $setting => $value) : ?> <?php foreach($xplevels as &$xplevel) : ?>
<li> <?php if($avatarsValidation !== true && array_key_exists($xplevel['id'], $avatarsValidation)) : ?>
<?php switch($field) { <tr>
case 'avatar': <td colspan="3">
switch($setting) { <?php if(array_key_exists('portrait', $avatarsValidation[$xplevel['id']])) : ?>
case 'error': printf(_('Error during avatar portrait upload: %s'), $value); <ul class="validation">
break; <?php foreach($avatarsValidation[$xplevel['id']]['portrait'] as $field => &$settings) : ?>
case 'mimetype': printf(_('Avatar portrait has wrong type “%s”'), $value); <li>
break; <ul>
case 'size': echo _('Avatar portrait exceeds size maximum'); <?php foreach($settings as $setting => $value) : ?>
break; <li>
default: echo _('Avatar portrait invalid'); <?php switch($field) {
} case 'avatar':
break; switch($setting) {
} ?> case 'error': printf(_('Error during avatar portrait upload: %s'), $value);
</li> break;
<?php endforeach ?> case 'mimetype': printf(_('Avatar portrait has wrong type “%s”'), $value);
</ul> break;
</li> case 'size': echo _('Avatar portrait exceeds size maximum');
<?php endforeach ?> break;
<?php endif ?> default: echo _('Avatar portrait invalid');
<?php if(array_key_exists('avatar', $avatarsValidation[$xplevel['id']])) : ?> }
<?php foreach($avatarsValidation[$xplevel['id']]['avatar'] as $field => &$settings) : ?> break;
<li> } ?>
<ul> </li>
<?php foreach($settings as $setting => $value) : ?> <?php endforeach ?>
<li> </ul>
<?php switch($field) { </li>
case 'avatar': <?php endforeach ?>
switch($setting) { </ul>
case 'error': printf(_('Error during avatar upload: %s'), $value); <?php endif ?>
break; <?php if(array_key_exists('avatar', $avatarsValidation[$xplevel['id']])) : ?>
case 'mimetype': printf(_('Avatar has wrong type “%s”'), $value); <?php foreach($avatarsValidation[$xplevel['id']]['avatar'] as $field => &$settings) : ?>
break; <li>
case 'size': echo _('Avatar exceeds size maximum'); <ul>
break; <?php foreach($settings as $setting => $value) : ?>
default: echo _('Avatar invalid'); <li>
} <?php switch($field) {
break; case 'avatar':
} ?> switch($setting) {
</li> case 'error': printf(_('Error during avatar upload: %s'), $value);
<?php endforeach ?> break;
</ul> case 'mimetype': printf(_('Avatar has wrong type “%s”'), $value);
</li> break;
<?php endforeach ?> case 'size': echo _('Avatar exceeds size maximum');
<?php endif ?> break;
</ul> default: echo _('Avatar invalid');
<?php endif ?> }
<?=_('Level')?> <?=$xplevel['level']?>:<br /> break;
<?php if(array_key_exists('avatar', $xplevel) && !is_null($xplevel['avatar']['small_avatarpicture_id'])) : ?> } ?>
<img id="avatar" src="<?=$linker->link(array('media','avatar',$seminary['url'],$charactertype['url'],$xplevel['level'],'portrait'))?>" /> </li>
<?php endif ?> <?php endforeach ?>
<label for="avatar-<?=$xplevel['id']?>-portrait"><?=_('Protrait')?>:</label> </ul>
<input id="avatar-<?=$xplevel['id']?>-portrait" type="file" name="avatars[<?=$xplevel['id']?>][portrait]" accept="<?=implode(',', array_map(function($m) { return $m['mimetype']; }, $mimetypes))?>" /><br /> </li>
<?php if(array_key_exists('avatar', $xplevel) && !is_null($xplevel['avatar']['avatarpicture_id'])) : ?> <?php endforeach ?>
<img id="avatar" src="<?=$linker->link(array('media','avatar',$seminary['url'],$charactertype['url'],$xplevel['level']))?>" /> <?php endif ?>
<?php endif ?> </td>
<label for="avatar-<?=$xplevel['id']?>-avatar"><?=_('Avatar')?>:</label> </tr>
<input id="avatar-<?=$xplevel['id']?>-avatar" type="file" name="avatars[<?=$xplevel['id']?>][avatar]" accept="<?=implode(',', array_map(function($m) { return $m['mimetype']; }, $mimetypes))?>" /> <?php endif ?>
</li> <tr>
<?php endforeach ?> <!--<th><?=_('Level')?> <?=$xplevel['level']?>:</th>-->
</ul> <th><?=$xplevel['level']?></th>
<td>
<!--<label for="avatar-<?=$xplevel['id']?>-portrait"><?=_('Protrait')?>:</label><br />-->
<?php if(array_key_exists('avatar', $xplevel) && !is_null($xplevel['avatar']['small_avatarpicture_id'])) : ?>
<img id="avatar" src="<?=$linker->link(array('media','avatar',$seminary['url'],$charactertype['url'],$xplevel['level'],'portrait'))?>" />
<?php endif ?>
<input id="avatar-<?=$xplevel['id']?>-portrait" type="file" name="avatars[<?=$xplevel['id']?>][portrait]" accept="<?=implode(',', array_map(function($m) { return $m['mimetype']; }, $mimetypes))?>" />
</td>
<td>
<!--<label for="avatar-<?=$xplevel['id']?>-avatar"><?=_('Avatar')?>:</label><br />-->
<?php if(array_key_exists('avatar', $xplevel) && !is_null($xplevel['avatar']['avatarpicture_id'])) : ?>
<img id="avatar" src="<?=$linker->link(array('media','avatar',$seminary['url'],$charactertype['url'],$xplevel['level']))?>" />
<?php endif ?>
<input id="avatar-<?=$xplevel['id']?>-avatar" type="file" name="avatars[<?=$xplevel['id']?>][avatar]" accept="<?=implode(',', array_map(function($m) { return $m['mimetype']; }, $mimetypes))?>" />
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<p><?=_('Allowed file types')?>:</p> <p><?=_('Allowed file types')?>:</p>
<ul> <ul>
<?php foreach($mimetypes as &$mimetype) : ?> <?php foreach($mimetypes as &$mimetype) : ?>

12
www/css/desktop.css
View file

@ -12,7 +12,7 @@ img{border:0}
h1,h2,h3{color:#103a3e} h1,h2,h3{color:#103a3e}
h2{font-size:120%;margin-top:25px} h2{font-size:120%;margin-top:25px}
h3{font-size:100%} h3{font-size:100%}
ul,ol,nav{padding:0;list-style-type:none} ul,ol,nav{padding:0;margin-top:0;list-style-type:none}
p{margin:0 0 16px;padding:0} p{margin:0 0 16px;padding:0}
audio,canvas,video{display:inline-block} audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0} audio:not([controls]){display:none;height:0}
@ -29,8 +29,8 @@ sup{top:-.5em}
sub{bottom:-.25em} sub{bottom:-.25em}
svg:not(:root){overflow:hidden} svg:not(:root){overflow:hidden}
figure{margin:0} figure{margin:0}
fieldset{border:1px dotted #f7f5f2;padding:0 10px 0} fieldset{border:1px solid #eae8e4;padding:5px 10px}
legend{border:0;margin:0 0 10px;padding:0} legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal} button,input{line-height:normal}
button,select{text-transform:none} button,select{text-transform:none}
@ -177,6 +177,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
/** Login, Registration & Filter **/ /** Login, Registration & Filter **/
.logreg{margin:15px 0;width:auto;display:inline-block;padding:15px 20px;background:#eae8e4;border-radius:3px} .logreg{margin:15px 0;width:auto;display:inline-block;padding:15px 20px;background:#eae8e4;border-radius:3px}
.logreg fieldset{border-color:#f7f5f2}
.logreg label{display:block;font-size:.875em} .logreg label{display:block;font-size:.875em}
.logreg input{margin:5px 0 15px} .logreg input{margin:5px 0 15px}
.logreg textarea,.logreg select{width:100%;margin:5px 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box} .logreg textarea,.logreg select{width:100%;margin:5px 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@ -462,8 +463,13 @@ aside .cranks li:nth-child(odd){background:#f7f5f2}
div.cond{display:none;margin-left:15px} div.cond{display:none;margin-left:15px}
input[type="checkbox"]:checked + label + div.cond{display:block} input[type="checkbox"]:checked + label + div.cond{display:block}
input[type="file"]{display:block}
form.mng{margin:30px 0} form.mng{margin:30px 0}
form.mng p{margin:0} form.mng p{margin:0}
form.mng ul{margin:0} form.mng ul{margin:0}
form.mng input[type="submit"]{margin:0} form.mng input[type="submit"]{margin:0}
.mnglst li{text-align:center} .mnglst li{text-align:center}
form h2{font-size:120%;margin-top:0}
table.avatars tbody tr{border:0 solid #EAE8E4;border-width:1px 0}
table.avatars td{vertical-align:bottom;padding:5px 0}
table.avatars img{max-height:15em}