UI: install - database settings

public/js/gogs.js

@@ -1,6 +1,43 @@
+function initInstall() {
+    if ($('.install').length == 0) {
+        return;
+    }
+
+    // Database type change detection.
+    $("#db_type").change(function () {
+        var db_type = $('#db_type').val();
+        if (db_type === "SQLite3") {
+            $('#sql_settings').hide();
+            $('#pgsql_settings').hide();
+            $('#sqlite_settings').show();
+            return;
+        }
+
+        var mysql_default = '127.0.0.1:3306';
+        var postgres_default = '127.0.0.1:5432';
+
+        $('#sqlite_settings').hide();
+        $('#sql_settings').show();
+        if (db_type === "PostgreSQL") {
+            $('#pgsql_settings').show();
+            if ($('#db_host').val() == mysql_default) {
+                $('#db_host').val(postgres_default);
+            }
+        } else {
+            $('#pgsql_settings').hide();
+            if ($('#db_host').val() == postgres_default) {
+                $('#db_host').val(mysql_default);
+            }
+        }
+    });
+};
+
 $(document).ready(function () {
-	// Semantic UI modules.
-    $('.dropdown').dropdown({
+    // Semantic UI modules.
+    $('.dropdown').dropdown();
+    $('.slide.up.dropdown').dropdown({
         transition: 'slide up'
     });
+
+    initInstall();
 });

public/less/_base.less

@@ -62,6 +62,11 @@ footer {
 		}
 	}
 }
+
+.hide {
+	display: none;
+}
+
 .generate-img(16);
 .generate-img(@n, @i: 1) when (@i =< @n) {
   .img-@{i} {

public/less/_form.less

@@ -0,0 +1,8 @@
+.form {
+	.help {
+		color: #999999;
+	  padding-top: .6em;
+	  padding-bottom: .6em;
+	  display: inline-block;
+	}
+}

public/less/_install.less

@@ -0,0 +1,22 @@
+.install {
+	padding-top: 45px;
+	padding-bottom: @footer-margin * 3;
+	.attached.header {
+		background: #f0f0f0;
+	}
+	form {
+		label {
+			text-align: right;
+			width: 40% !important;
+		}
+		input {
+			width: 35% !important;
+		}
+		.field {
+			text-align: left;
+			.help {
+				margin-left: 41%;
+			}
+		}
+	}
+}

public/less/gogs.less

@@ -1,3 +1,5 @@
 @import "_octicons";
 @import "_base";
-@import "_home";
+@import "_home";
+@import "_install";
+@import "_form";