#19692159 improve install UI

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

modules/install/tpl/js/install.js

@@ -0,0 +1,88 @@
+jQuery(function($){
+	// Input Clear
+	var iText = $('.item>.iLabel').next('.iText');
+	$('.item>.iLabel').css('position','absolute');
+	iText
+		.focus(function(){
+			$(this).prev('.iLabel').css('visibility','hidden');
+		})
+		.blur(function(){
+			if($(this).val() == ''){
+				$(this).prev('.iLabel').css('visibility','visible');
+			} else {
+				$(this).prev('.iLabel').css('visibility','hidden');
+			}
+		})
+		.change(function(){
+			if($(this).val() == ''){
+				$(this).prev('.iLabel').css('visibility','visible');
+			} else {
+				$(this).prev('.iLabel').css('visibility','hidden');
+			}
+		})
+		.blur();
+	// Common
+	var select_root = $('div.select');
+	var select_value = $('.myValue');
+	var select_a = $('div.select>ul>li>a');
+	var select_input = $('div.select>ul>li>input[type=radio]');
+	var select_label = $('div.select>ul>li>label');
+	
+	// Radio Default Value
+	$('div.myValue').each(function(){
+		var default_value = $(this).next('.iList').find('input[checked]').next('label').text();
+		$(this).append(default_value);
+	});
+	
+	// Line
+	select_value.bind('focusin',function(){$(this).addClass('outLine');});
+	select_value.bind('focusout',function(){$(this).removeClass('outLine');});
+	select_input.bind('focusin',function(){$(this).parents('div.select').children('div.myValue').addClass('outLine');});
+	select_input.bind('focusout',function(){$(this).parents('div.select').children('div.myValue').removeClass('outLine');});
+	
+	// Show
+	function show_option(){
+		$(this).parents('div.select:first').toggleClass('open');
+	}
+	
+	// Hover
+	function i_hover(){
+		$(this).parents('ul:first').children('li').removeClass('hover');
+		$(this).parents('li:first').toggleClass('hover');
+	}
+	
+	// Hide
+	function hide_option(){
+		var t = $(this);
+		setTimeout(function(){
+			t.parents('div.select:first').removeClass('open');
+		}, 1);
+	}
+	
+	// Set Input
+	function set_label(){
+		var v = $(this).next('label').text();
+		$(this).parents('ul:first').prev('.myValue').text('').append(v);
+		$(this).parents('ul:first').prev('.myValue').addClass('selected');
+	}
+	
+	// Set Anchor
+	function set_anchor(){
+		var v = $(this).text();
+		$(this).parents('ul:first').prev('.myValue').text('').append(v);
+		$(this).parents('ul:first').prev('.myValue').addClass('selected');
+	}
+
+	// Anchor Focus Out
+	$('*:not("div.select a")').focus(function(){
+		$('.aList').parent('.select').removeClass('open');
+	});
+			
+	select_value.click(show_option);
+	select_root.removeClass('open');
+	select_root.mouseleave(function(){$(this).removeClass('open');});
+	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
+	select_input.change(set_label).focus(set_label);
+	select_label.hover(i_hover).click(hide_option);
+	
+});

modules/install/tpl/js/install_admin.js

@@ -1,3 +1,27 @@
+/**
+ * @brief DB정보 Setting후 실행될 함수
+ */
+function completeDBSetting(ret_obj) {
+    if(ret_obj['error'] != 0) {
+        alert(ret_obj['message']);
+        return;
+    } else {
+    	location.href = "./index.php?act=dispInstallConfigForm";
+	}
+}
+
+/**
+ * @brief Rewrite module, Time-zone Setting 후 실행될 함수
+ */
+function completeConfigSetting(ret_obj) {
+    if(ret_obj['error'] != 0) {
+        alert(ret_obj['message']);
+        return;
+    } else {
+    	location.href = "./index.php?act=dispInstallManagerForm";
+	}
+}
+
 /**
  * @brief 설치 완료후 실행될 함수
  */
@@ -85,7 +109,7 @@ function completeGetFtpInfo(ret_obj)
         arr.pop();
         arr.push("");
         target = arr.join("/");
-        list = list + "<li><a href='#ftpSetup' onclick=\"getFTPList('"+target+"')\">../</a></li>";
+        list = list + "<li><a href='#ftpSetup' style='color:#fff; text-decoration:underline;' onclick=\"getFTPList('"+target+"')\">../</a></li>";
     }
     
     for(var i=0;i<ret_obj['list']['item'].length;i++)
@@ -101,10 +125,10 @@ function completeGetFtpInfo(ret_obj)
         }
         else
         {
-            list = list + "<li><a href='#ftpSetup' onclick=\"getFTPList('"+pwd+v+"')\">"+v+"</a></li>";
+            list = list + "<li><a href='#ftpSetup' style='color:#fff; text-decoration:underline;' onclick=\"getFTPList('"+pwd+v+"')\">"+v+"</a></li>";
         }
     }
 
-    list = "<td><ul>"+list+"</ul></td>";
+    //list = "<td><ul>"+list+"</ul></td>";
     e.append(jQuery(list));
 }