more cdb fixes

bin/app.html

@@ -66,7 +66,7 @@
 	</menu>
 	<menu label="Database" class="database">
 		<menu label="View" class="dbview"></menu>
-		<menu label="New Sheet"></menu>
+		<menu label="New Sheet" class="dbnew"></menu>
 		<menu label="Export Localized Texts" class="dbexport"></menu>
 		<separator></separator>
 		<menu label="Enable Compression" class="dbcompress" type="checkbox"></menu>

hide/Ide.hx

@@ -621,6 +621,12 @@ class Ide {
 		sys.io.File.saveContent(getPath(databaseFile), database.save());
 	}
 
+	public function createDBSheet() {
+		var value = ask("Sheet name");
+		if( value == "" || value == null ) return null;
+		return database.createSheet(value);
+	}
+
 	public function makeRelative( path : String ) {
 		path = path.split("\\").join("/");
 		if( StringTools.startsWith(path.toLowerCase(), resourceDir.toLowerCase()+"/") )
@@ -822,6 +828,11 @@ class Ide {
 				open("hide.view.CdbTable", { path : s.name });
 			});
 		}
+		db.find(".dbnew").click(function(_) {
+			var sheet = createDBSheet();
+			if( sheet == null ) return;
+			open("hide.view.CdbTable",{ path : sheet.name });
+		});
 		db.find(".dbcompress").prop("checked",database.compress).click(function(_) {
 			database.compress = !database.compress;
 			saveDatabase();

hide/comp/cdb/ModalColumnForm.hx

@@ -12,7 +12,7 @@ class ModalColumnForm extends Modal {
 
 		var editForm = (column != null);
 
-		contentModal = new Element("<div>").addClass("content-modal").appendTo(content);
+		contentModal = new Element("<div tabindex='0'>").addClass("content-modal").appendTo(content);
 
 		if (editForm)
 			new Element("<h2> Edit column </h2>").appendTo(contentModal);
@@ -74,14 +74,14 @@ class ModalColumnForm extends Modal {
 					<br /><br />
 				</div>
 
-				<div class="localizable"><input type="checkbox" name="localizable"/> Localizable<br /><br /></div>
+				<div class="localizable"><label><input type="checkbox" name="localizable"/>&nbsp;Localizable</label><br /><br /></div>
 
 				<div class="custom">
 					Type
 					<select name="ctype"></select>
 					<br /><br />
 				</div>
-				<div class="opt"><input type="checkbox" name="req"/> Required</div>
+				<div class="opt"><label><input type="checkbox" name="req"/>&nbsp;Required</label></div>
 			</div>
 			<br /><br />
 			<p class="buttons">
@@ -133,6 +133,9 @@ class ModalColumnForm extends Modal {
 			form.find("[name=localizable]").prop("checked", false);
 		}
 
+		form.find("[name=name]").focus();
+
+		contentModal.keydown(function(e) if( e.keyCode == 27 ) closeModal());
 		contentModal.click( function(e) e.stopPropagation());
 
 		element.click(function(e) {

hide/view/CdbTable.hx

@@ -44,11 +44,16 @@ class CdbTable extends hide.ui.View<{ path : String }> {
 		}
 		if( sheets.length == 0 ) {
 			element.html("No CDB sheet created, <a href='#'>create one</a>");
-			element.find("a").click(function(_) ide.error("TODO"));
+			element.find("a").click(function(_) {
+				var sheet = ide.createDBSheet();
+				if( sheet == null ) return;
+				updateSheets();
+				rebuild();
+			});
 			return;
 		}
 		element.addClass("cdb-view");
-		var tabs = sheets.length == 1 ? null : new hide.comp.Tabs(element, true);
+		var tabs = state.path != null ? null : new hide.comp.Tabs(element, true);
 		tabContents = [];
 		for( sheet in sheets ) {
 			var tab = tabs == null ? element : tabs.createTab(sheet.name);