Switch to side-by-side view

--- a/ForgeDiscussion/forgediscussion/templates/admin.html
+++ b/ForgeDiscussion/forgediscussion/templates/admin.html
@@ -92,7 +92,7 @@
       </div>
       <div id="app-forums">
         <h3>Forums</h3>
-          <form method="POST" action="update_forums">
+          <form method="POST" action="update_forums" enctype="multipart/form-data">
           <table id="forums">
             <thead>
               <tr>
@@ -102,8 +102,16 @@
               </tr>
             </thead>
             <tbody>
-              <tr py:for="i, forum in enumerate(app.forums)" class="${i%2 and 'even' or ''}">
-                <td>[icon]</td>
+              <tr py:for="i, forum in enumerate(app.forums)" class="${i%2 and ' even' or ''}">
+                <td>
+                  <div class="editable viewing">
+                    <span class="viewer">
+                      <img py:if="forum.icon" src="${forum.url()}/icon"/>
+                      <img py:if="not forum.icon" src="/images/project_default.png"/>
+                    </span>
+                    <span class="editor">${file_field('forum-%s.icon' % i, '')}</span>
+                  </div>
+                </td>
                 <td>
                   <div class="editable viewing">
                     <span class="viewer"><a href="${forum.url()}">$forum.name</a>($forum.shortname)</span>
@@ -135,30 +143,32 @@
               </tr>
             </tbody>
           </table>
-            <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 app.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="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>
+          <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 app.forums" value="$f._id">$f.name</option>
+              </select>
             </div>
-            <div class="clear"/>
+            <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>
       </div>
     </div>