Switch to side-by-side view

--- a/ForgeDiscussion/forgediscussion/templates/index.html
+++ b/ForgeDiscussion/forgediscussion/templates/index.html
@@ -6,6 +6,7 @@
 
   <xi:include href="${g.pyforge_templates}/master.html"/>
   <xi:include href="${c.app.templates}/lib.html" />
+  <?python from pyforge.lib.security import has_artifact_access?>
 
   <head>
     <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
@@ -19,9 +20,61 @@
       ${c.announcements_table.display(value=announcements)}
     </py:if>
     <div py:for="forum in forums">
-      <h2>$forum.name</h2>
-      ${Markup(g.markdown.convert(forum.description))}
+      <div class="span-2 last">
+          <img py:if="forum.icon" src="${forum.url()}/icon"/>
+          <img py:if="not forum.icon" src="/images/project_default.png"/>
+      </div>
+      <div class="span-14">
+        <h2>$forum.name</h2>
+        ${Markup(g.markdown.convert(forum.description))}
+      </div>
       ${c.subscription_form.display(value=forum, action=forum.url() + 'subscribe')}
+      &nbsp;
+      <div class="clear"/>
     </div>
+    <form method="POST" enctype="multipart/form-data" id="new_forum_form"
+      action="${c.project.url()}admin/${c.app.config.options.mount_point}/update_forums"
+      py:if="has_artifact_access('configure', app=c.app)()">
+      <input type="button" id="add_forum" value="Add another forum"
+             class="ui-state-default ui-button ui-button-text"/>
+      <div id="add_forum_form" style="display:none">
+        <div class="span-3 clear"><label>Name:</label></div>
+        <div class="span-13 last"><input type="text" name="new_forum.name" class="title wide"/></div>
+        <div class="span-3 clear"><label>Short Name:</label></div>
+        <div class="span-13 last"><input type="text" name="new_forum.shortname" class="title wide"/></div>
+        <div class="span-3 clear"><label>Parent Forum:</label></div>
+        <div class="span-13 last">
+          <select name="new_forum.parent" class="title">
+            <option value="">None</option>
+            <option py:for="f in forums" value="$f._id">$f.name</option>
+          </select>
+        </div>
+        <div class="span-3 clear"><label>Description:</label></div>
+        <div class="span-13 last"><textarea name="new_forum.description" class="title" style="height:50px; width:100%"/></div>
+        <div class="span-3 clear"><label>Icon</label></div>
+        <div class="span-13 last">${file_field('new_forum.icon', '')}</div>
+        <div class="push-3 clear span-13 last">
+          <input type="submit" id="new_forum.create" name="new_forum.create" value="Create Forum"
+                 class="ui-state-default ui-button ui-button-text"/>
+          <input type="button" id="add_forum_cancel" value="Cancel"
+                 class="ui-state-default ui-button ui-button-text"/>
+        </div>
+      </div>
+      <div class="clear"/>
+    </form>
+    <script type="text/javascript" py:if="has_artifact_access('configure', app=c.app)()">
+      $(function() {
+        $("#add_forum").click(function(){
+          $("#add_forum_form").show();
+          $(this).hide();
+          return false;
+        });
+        $("#add_forum_cancel").click(function(){
+          $("#add_forum_form").hide();
+          $("#add_forum").show();
+          return false;
+        });
+      });
+	  </script>
   </body>
 </html>