From 9dde708c01c8495442689cb50df38d88e6c6fc54 Mon Sep 17 00:00:00 2001
From: devin <devin@rulincom.com>
Date: Mon, 9 Apr 2012 17:13:24 +0800
Subject: [PATCH] app manager page update

---
 app/views/desktop/app_manager.html.erb | 185 ++++++++++++++++---------
 1 file changed, 122 insertions(+), 63 deletions(-)

diff --git a/app/views/desktop/app_manager.html.erb b/app/views/desktop/app_manager.html.erb
index 7690d051..057fd934 100755
--- a/app/views/desktop/app_manager.html.erb
+++ b/app/views/desktop/app_manager.html.erb
@@ -20,100 +20,159 @@
 			<div class="group g_sep op03" id='seperator' style="height: 516px;display:none;"></div>
 			<div class="group_search">
 				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
-				</div>
-                <div class="element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">社團記事</h1>
 				</div>
 				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">每日英文</h1>
 				</div>
-                <div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">名人名言</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Homework</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">School Events</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">MyCoursesTimeTable</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Clock</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Weather</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">myRefer</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">O-Journals</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">O-Doc</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">ToDos</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Project Progress</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Paper Progress</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Team Stream</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">TED</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Twitter</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Facebook</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">News Feed</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">iClock</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Research Networks</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Gmail</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Youtube</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Calendar</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Talk</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Diary</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Bookeeper</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Movies</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">Aperture</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Girls Wall</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iTunes</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">Album</h1>
 				</div>
-				<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
-					<h1 class="appname thmtxt">iWork</h1>
+				<div class="element w1 h1 hp vp thmc2" data-category="desktop">
+					<span class="tile thmc2"></span>
+					<a href="" class="appicon"><img src="" alt=""></a>
+					<h1 class="appname thmtxt">O-Music</h1>
 				</div>
 			</div>
 			<div class="clear"></div>