From e51fbb85955532f092ae99f240dc52f50f62b48e Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Mon, 28 Apr 2014 14:51:53 +0200
Subject: [PATCH] group management design

---
 views/html/charactergroups/managegroup.tpl | 52 +++++++++++-----------
 www/css/desktop.css                        |  3 ++
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/views/html/charactergroups/managegroup.tpl b/views/html/charactergroups/managegroup.tpl
index c2a5f0c6..1d6167a2 100644
--- a/views/html/charactergroups/managegroup.tpl
+++ b/views/html/charactergroups/managegroup.tpl
@@ -25,31 +25,33 @@
 	<h1><i class="fa fa-users fa-fw"></i><?=_('Characters')?></h1>
 	<form method="post">
 		<fieldset>
-		<ul class="gchars cf">
-			<?php foreach($group['characters'] as &$character) : ?>
-			<li>
-				<input type="checkbox" id="characters-<?=$character['id']?>" name="characters[]" value="<?=$character['id']?>" <?php if($character['id'] == \hhu\z\controllers\SeminaryController::$character['id']) : ?>disabled="disabled"<?php endif ?>/>
-				<label for="characters-<?=$character['id']?>">
-					<?php if(array_key_exists('small_avatar', $character)) : ?>
-					<p><img src="<?=$linker->link(array('media','seminary',$seminary['url'],$character['small_avatar']['url']))?>"></p>
-					<?php endif ?>
-					<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
-					<p><small><?=$character['xps']?> XP</small></p>
-				</label>
-			</li>
-			<?php endforeach ?>
-		</ul>
-		<input type="submit" name="actions[removecharacters]" value="<?=_('Remove Characters')?>" />
-	</fieldset>
-	<fieldset>
-		<input type="text" placeholder="<?=_('Filter Characters')?>" onkeyup="filter_characters(this)" /><br />
-		<select id="characters" name="characters[]" size="5" multiple="multiple">
-			<?php foreach($characters as &$character) : ?>
-			<option value="<?=$character['id']?>"><?=$character['name']?></option>
-			<?php endforeach ?>
-		</select>
-		<input type="submit" name="actions[addcharacters]" value="<?=_('Add Characters')?>" />
-	</fieldset>
+			<ul class="gchars cf">
+				<?php foreach($group['characters'] as &$character) : ?>
+				<li>
+					<input type="checkbox" id="characters-<?=$character['id']?>" name="characters[]" value="<?=$character['id']?>" <?php if($character['id'] == \hhu\z\controllers\SeminaryController::$character['id']) : ?>disabled="disabled"<?php endif ?>/>
+					<label for="characters-<?=$character['id']?>">
+						<?php if(array_key_exists('small_avatar', $character)) : ?>
+						<p><img src="<?=$linker->link(array('media','seminary',$seminary['url'],$character['small_avatar']['url']))?>"></p>
+						<?php endif ?>
+						<p><a href="<?=$linker->link(array('characters','character',$seminary['url'],$character['url']))?>"><?=$character['name']?></a></p>
+						<p><small><?=$character['xps']?> XP</small></p>
+					</label>
+				</li>
+				<?php endforeach ?>
+			</ul>
+			<input type="submit" name="actions[removecharacters]" value="<?=_('Remove Characters')?>" />
+		</fieldset>
+		<fieldset class="filter add">
+			<p class="fwb"><small>Charaktere der Gruppe hinzufügen:</small></p>
+			<input type="text" placeholder="<?=_('Filter Characters')?>" onkeyup="filter_characters(this)" />
+			<select id="characters" name="characters[]" size="5" multiple="multiple">
+				<?php foreach($characters as &$character) : ?>
+				<option value="<?=$character['id']?>"><?=$character['name']?></option>
+				<?php endforeach ?>
+			</select>
+			<input type="submit" name="actions[addcharacters]" value="<?=_('Add Characters')?>" />
+		</fieldset>
+	</form>
 </section>
 
 <section>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index af513c72..1df7c409 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -168,6 +168,9 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .filter input[type=checkbox]{margin:0 8px 0 0}
 .filter label{margin-right:20px;font-size:.875em}
 
+.filter.add{margin-top:25px}
+.filter.add select,.filter.add input[type=text]{display:block;margin-bottom:10px}
+
 .avatar li{display:inline-block;margin-right:5px;text-align:center}
 .avatar img{border-radius:3px}