From cf14e794b2710e46b0e8a593804e607e95dc25f6 Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Tue, 18 Mar 2014 21:13:20 +0100
Subject: [PATCH] quest list design & example code for bonus questline and
 solved quest

---
 views/html/questgroups/questgroup.tpl | 16 ++++++++++++--
 www/css/desktop.css                   | 31 +++++++--------------------
 2 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/views/html/questgroups/questgroup.tpl b/views/html/questgroups/questgroup.tpl
index f50f0fe5..21e6e1c7 100644
--- a/views/html/questgroups/questgroup.tpl
+++ b/views/html/questgroups/questgroup.tpl
@@ -39,11 +39,23 @@
 
 <?php if(isset($quests) && !is_null($quests)) : ?>
 <h3><?=_('Quests')?></h3>
-<ul>
+<ul class="qglist">
+	<li>
+		<div class="qgtitle">
+			<a href="#" class="solved"><i class="fa fa-check-square-o fa-fw"></i>Beispiel für eine gelöste Quest</a>
+		</div>
+	</li>
+	<li>
+		<div class="qgtitle">
+			<a href="#" class="bonus"><i class="fa fa-share-square-o fa-fw"></i>Beispiel für eine gefunde Side-Questline</a>
+		</div>
+	</li>
 	<?php foreach($quests as &$quest) : ?>
 	<li>
 		<?php if(!array_key_exists('access', $quest) || $quest['access']) : ?>
-		<a href="<?=$linker->link(array('quests','quest',$seminary['url'],$questgroup['url'],$quest['url']))?>"><?=$quest['title']?></a>
+		<div class="qgtitle">
+			<a href="<?=$linker->link(array('quests','quest',$seminary['url'],$questgroup['url'],$quest['url']))?>"><i class="fa fa-square-o fa-fw"></i><?=$quest['title']?></a>
+		</div>
 		<?php if(count($quest['sidequests']) > 0) : ?>
 		<br />
 		<?=_('containing optional Quests')?>:
diff --git a/www/css/desktop.css b/www/css/desktop.css
index b7142c6b..a8d25a4d 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -82,34 +82,19 @@ article{padding-top:5.375em;margin-bottom:30px}
 .questgroup2{background:url('http://s14.directupload.net/images/140318/hwon92ew.png') no-repeat}
 
 .qg li{margin:0 0 25px 0}
-.qgtitle{background:#5cb6bd;border-radius:3px 3px 0 0}
-.qgtitle a{display:block;padding:20px;color:#fff;font-weight:700}
+.qgtitle a{background:#5cb6bd;border-radius:3px 3px 0 0;display:block;padding:20px;color:#fff;font-weight:700}
 .qgprogress,.qghidden{margin-bottom:4px;padding:20px 20px 4px 20px;background:#fff;border-radius:0 0 3px 3px}
 
+.qglist li{margin: 0 0 5px 0}
+.qglist .qgtitle a{padding:14px;border-radius:3px}
+.qglist .qgtitle .solved{background:#fff;color:#50a4ab}
+.qglist .qgtitle .solved .fa{color:#bcd75e}
+.qglist .qgtitle .bonus{background:#f5821f}
 
-.xpbar{
-width:60%;
-float:left;
-height:10px;
-position:relative;
-background:#eee;
-border-radius:25px;
-margin:8px 0 16px
-}
-
-.xpbar span{
-display:block;
-height:100%;
-border-radius:20px;
-background:#bcd75e;
-position:relative;
-overflow:hidden
-}
-
+.xpbar{width:60%;float:left;height:10px;position:relative;background:#eee;border-radius:25px;margin:8px 0 16px}
+.xpbar span{display:block;height:100%;border-radius:20px;background:#bcd75e;position:relative;overflow:hidden}
 .xpnumeric{float:right;color:#869845}
 
-
-
 .cta{display:inline-block;margin-top:10px;color:#fff;font-weight:700;padding:7px 20px;border-radius:4px}
 .orange{text-shadow:1px 2px #d4701a;background:#f5821f;border:solid #d4701a;border-width:0 0 3px 0}