Admin GNB Bookmark UI added.

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9567 201d5d3c-b55e-5fd7-737f-ddc643e51545

modules/admin/tpl/_spHeader.html

@@ -23,5 +23,21 @@
 				</li>
 			</ul>
 		</div>
+		<div class="bmk">
+			<a href="#bmk" class="tgAnchor" data-effect="fade" data-duration="200">{$lang->favorite}</a>
+			<ul id="bmk" class="tgContent">
+				<li loop="$favorite_list => $favorite">
+					<a href="{getUrl('act', $favorite->admin_index_act)}">{$favorite->title}</a>
+					<form class="action" action="">
+						<input type="hidden" name="module" value="admin" />
+						<input type="hidden" name="act" value="procAdminToggleFavorite" />
+						<input type="hidden" name="site_srl" value="0" />
+						<input type="hidden" name="module_name" value="{$favorite->module}" />
+						<input type="hidden" name="success_return_url" value="{getUrl('', 'module', 'admin')}" />
+						<button type="submit" class="text" title="{$lang->cmd_delete}">x</button>
+					</form>
+				</li>
+			</ul>
+		</div>
 	</div>
 	<div class="body">

modules/admin/tpl/css/admin.css

@@ -134,12 +134,10 @@ body>.popup{margin:1em}
 .x .gnb.jx li a:active,
 .x .gnb.jx li a:focus{background:none}
 .x .gnb.jx li.activeOn>a{background:#ddd}
-@media only all and (max-width:860px){
+@media only all and (max-width:860px){.x .gnb ul{padding-left:1em}
-.x .gnb ul{padding-left:1em}
 .x .gnb .setting{right:1em}
 }
-@media only all and (max-width:640px){
+@media only all and (max-width:640px){.x .gnb ul{display:block;position:static;padding:0}
-.x .gnb ul{display:block;position:static;padding:0}
 .x .gnb li{float:none;clear:both;border-top:1px solid #ccc}
 .x .gnb ul ul{border:0;position:static}
 .x .gnb li li{border:0}
@@ -149,6 +147,17 @@ body>.popup{margin:1em}
 .x .gnb li a:focus{background:none}
 .x .gnb li.activeOn>a{background:#ddd}
 }
+/* Favorite */
+.x .bmk{position:absolute;right:2em;bottom:10px;padding:0 0 0 20px;background:url(../img/iconFavorite.gif) no-repeat 0 -16px}
+.x .bmk ul{position:absolute;top:140%;right:0;list-style:none;margin:0;padding:5px 10px;border:1px solid #aaa;border-radius:5px;background:#fff;box-shadow:1px 1px 3px #aaa}
+.x .bmk li{position:relative;padding:3px 30px 3px 0;white-space:nowrap}
+.x .bmk li .action{position:absolute;top:0;right:0}
+.x .bmk li .action .text{text-decoration:none;width:16px;text-align:center;margin:0}
+@media only all and (max-width:640px){.x .bmk{position:static;background-color:#fff;padding:10px 20px;background:#fff}
+.x .bmk .tgAnchor{display:block}
+.x .bmk ul{position:relative;border:0;border-top:1px solid #ccc;border-radius:0;box-shadow:none;padding:0;margin:5px 0 0 0}
+.x .bmk li{position:relative;top:-1px;border-top:1px dotted #ccc}
+}
 /* Local Navigation */
 .x .lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline}
 .x .lnb .h2{margin-top:0}
@@ -174,7 +183,7 @@ body>.popup{margin:1em}
 .x .cnb ul{list-style:none;margin:0;padding:0}
 .x .cnb li{display:inline}
 .x .cnb li:before{content:"| ";color:#ccc}
-.x .cnb li:first-child:before{content:"";}
+.x .cnb li:first-child:before{content:""}
 .x .cnb .active,
 .x .cnb .active a{font-weight:bold;color:#333;text-decoration:none}
 .x .cnb .side{float:right}
@@ -301,8 +310,7 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
 .x .dashboard .portlet{float:left;width:48%;margin-right:1em}
 .x .dashboard .portlet:nth-of-type(odd){float:left;width:49%;margin-right:0}
 .x .dashboard .portlet:nth-of-type(even){float:right;width:49%;margin-right:0}
-@media only all and (min-width:1280px){
+@media only all and (min-width:1280px){.x .dashboard .portlet{float:left !important;width:32% !important;margin-right:1em !important}
-.x .dashboard .portlet{float:left !important;width:32% !important;margin-right:1em !important}
 }
 /* Single Column*/
 .x .single{position:relative;float:none;width:auto;margin-left:-230px}
@@ -554,8 +562,7 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
 .x a.iSetting{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../img/iconSetting.gif) no-repeat}
 .x a.cMenu{display:inline-block;width:16px;height:0;padding:16px 0 0 0;overflow:hidden;vertical-align:middle;background:url(../../../../common/img/icon.bubble.png) no-repeat}
 /* Responsive Layout */
-@media only all and (max-width:860px){
+@media only all and (max-width:860px){.x .header h1{margin-left:.7em}
-.x .header h1{margin-left:.7em}
 .x .header .account{padding-right:1em}
 .x .body{padding:1em}
 .x .content{float:none;margin-left:0}
@@ -566,8 +573,7 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
 .x .easyNav .category{float:none;display:block;width:auto}
 .x .easyNav .filter{position:static}
 }
-@media only all and (max-width:640px){
+@media only all and (max-width:640px){.x .skipNav a{position:relative;width:auto;height:auto}
-.x .skipNav a{position:relative;width:auto;height:auto}
 .modal{position:absolute}
 }
 /* Legacy Code (Don't use it. It will be removed as soon as possible.) */

modules/admin/tpl/index.html

@@ -112,8 +112,7 @@
 			<ul class="lined">
 				<li loop="$favorite_list => $favorite">
 					<a href="{getUrl('act', $favorite->admin_index_act)}">{$favorite->title}</a>
-					<span class="action">
+					<form class="action" action="">
-						<form>
 						<input type="hidden" name="module" value="admin" />
 						<input type="hidden" name="act" value="procAdminToggleFavorite" />
 						<input type="hidden" name="site_srl" value="0" />
@@ -121,7 +120,6 @@
 						<input type="hidden" name="success_return_url" value="{getUrl('', 'module', 'admin')}" />
 						<button type="submit" class="text">{$lang->cmd_delete}</button>
 					</form>
-					</span>
 				</li>
 			</UL>
 		</div>