added simple admin UI for categories

colladoc · Jul 28, 2011 · 98442a7 · 98442a7
1 parent 42b0bfa
commit 98442a7
Show file tree

Hide file tree

Showing 2 changed files with 103 additions and 1 deletion.
diff --git a/src/main/scala/scala/tools/colladoc/model/mapper/User.scala b/src/main/scala/scala/tools/colladoc/model/mapper/User.scala
@@ -34,7 +34,7 @@ import js.JsCmds._
 import net.liftweb.util.Helpers._
 import net.liftweb.http.SHtml.ElemAttr._
 import xml.{NodeSeq, Text}
-import lib.js.JqUI.{SubmitForm, OpenDialog}
+import lib.js.JqUI.{SubmitFormWithValidation, SubmitForm, OpenDialog}
 
 /**
  * Mapper for user table storing registered users.
@@ -302,12 +302,57 @@ object User extends User with KeyedMetaMapper[Long, User] {
     )
   }
 
+  /** Categories properties. */
+  private def categoriesSettings: NodeSeq = {
+    var name = ""
+
+    def doSave(): JsCmd = {
+      Category.create.name(name).save
+      S.notice("Category " + name + " successfully created.")
+      Replace("categories_list", categoriesList)
+    }
+
+    def categoryToHtml(c: Category) = <li>{ c.name }</li>
+
+    def categoriesList =
+      <div id="categories_list">
+        <h3>Categories list</h3>
+        <ul>
+          { Category.findAll map categoryToHtml _ }
+        </ul>
+      </div>
+
+    val form =
+      <xml:group>
+        { categoriesList }
+        <h3>Add new</h3>
+        <lift:form class="category">
+          <fieldset>
+            <p>
+              <label for="name">Name</label>
+              <category:name class="text required ui-widget-content ui-corner-all" />
+            </p>
+            <category:submit />
+            <category:save />
+          </fieldset>
+        </lift:form>
+      </xml:group>
+
+
+    bind("category", form,
+      "name" -%> SHtml.text(name, name = _),
+      "submit" -> SHtml.hidden(doSave _),
+      "save" -> SHtml.a(Text("Add"), SubmitFormWithValidation(".category"), ("class", "button"))
+    )
+  }
+
   /** Admin user form. */
   def adminForm =
     <div id="settings_tab">
       <ul>
         <li><a href="#user_settings">User settings</a></li>
         <li><a href="#project_settings">Project settings</a></li>
+        <li><a href="#categories_settings">Categories</a></li>
         <!--<li><a href="#source_settings">Source code settings</a></li>-->
       </ul>
       <div id="user_settings">
@@ -318,6 +363,9 @@ object User extends User with KeyedMetaMapper[Long, User] {
       <div id="project_settings">
         { projectSettings }
       </div>
+      <div id="categories_settings">
+        { categoriesSettings }
+      </div>
       <!--<div id="source_settings">
         <table class="settings-table">
           <tr>

diff --git a/src/main/webapp/cosettings.css b/src/main/webapp/cosettings.css
@@ -132,6 +132,60 @@
     padding-top: 0.2em;
 }
 
+.category {
+    width: 400px;
+}
+
+.category label {
+    display: block;
+    font-weight: bold;
+}
+
+.category input {
+    display: block;
+}
+
+.category fieldset {
+    padding: 0;
+    border: 0;
+    margin-top: 8px;
+}
+
+.category p {
+    margin-bottom: 12px;
+}
+
+.category input[readonly] {
+    background: #DDD;
+}
+
+.category input.text {
+    width: 95%;
+    padding: .4em;
+}
+
+.submit {
+    padding: 4px 10px;
+}
+
+.category .error {
+    color: #666666;
+    display: block;
+    font-size: 8pt;
+    padding-top: 0.2em;
+}
+
+#categories_settings li {
+    list-style: none;
+    margin: 5px;
+}
+
+#categories_settings h3 {
+    font-weight: bold;
+    font-size: 120%;
+    margin-top: 10px;
+}
+
 #settings_tab {
     padding: 0;
 }