   showAddModal : ->
     
     modal = @modal = new KDModalViewWithForms
-      title     : "Add a Database"
-      content   : ""
-      overlay   : yes
-      cssClass  : "new-kdmodal"
-      width     : 500
-      height    : "auto"
-      tabs    :
-        navigateable    : yes
+      title                   : "Add a Database"
+      content                 : ""
+      overlay                 : yes
+      cssClass                : "new-kdmodal"
+      width                   : 500
+      height                  : "auto"
+      tabs                    :
+        navigateable          : yes
         goToNextFormOnSubmit  : no
-        callback      : (formOutput)-> log formOutput
-        forms     :
-          "On Koding" :
-            callback      : => 
-              @addDatabase
-                type : modal.modalTabs.forms["On Koding"].inputs.Type.getValue()
-                name : modal.modalTabs.forms["On Koding"].inputs.Name.getValue()          
-            buttons :
-              "Create":
-                title         : "Next"
+        callback              : (formOutput)-> log formOutput
+        forms                 :
+          "On Koding"         :
+            callback          : (formData)=> @addDatabase formData
+            buttons           :
+              Create          :
+                title         : "Create"
                 style         : "modal-clean-gray"
                 type          : "submit"
                 loader        :

              #   callback : =>
              #     @modal.destroy()
              #     @showAddExternalOrUpdateModal null,null,"external"
            fields    :
              Type    :
                label       : "Type"
                itemClass   : KDSelectBox 
                type        : "select"
                name        : "type"
                defaultValue: "JDatabaseMySql"
                selectOptions : [
                  { title : "MySql",    value : "JDatabaseMySql" }
                  { title : "Mongo",    value : "JDatabaseMongo" }
                  # { title : "PostGre",  value : "JDatabasePostGre" }
                  # { title : "CouchDB",  value : "JDatabaseCouchDb" }
                ]
              Kind :
                label       : "Kind"
                itemClass   : KDSelectBox 
                type        : "select"
                name        : "type"
                defaultValue: "free"
                selectOptions : [
                  { title : "Free Database for Development",  value : "free" }
                  # { title : "Hit Resistant (n/a)",            value : "hitResistant" }
                  # { title : "Indestructible (n/a)",           value : "indestructible" }
                ]
              Name  :
                label       : "Pick a name"
                name        : "name"
                placeholder : "e.g. myDevDB..."
                defaultValue: "myDB#{(Date.now()+"").substr(-5)}"


  showAddExternalOrUpdateModal:(listItem)=>

      formSchema.tabs.forms["Update Database"] =
        callback  : (formElements)=>
          #console.log "form update",formElements
          @updateDatabase listItem, formElements
        buttons :
          "Update" :
            style         : "modal-clean-gray"
            type          : "submit"
            # loader        :
            #   color       : "#444444"
            #   diameter    : 12
            callback      : ->
              # log "uuuu"
          "Delete" :
