Some work on the Blogs admin UI. Working out how the UI is going to work for packages (admin) in general.

--HG--
extra : convert_revision : svn%3A5ff7c347-ad56-4c35-b696-ccb81de16e03/trunk%4042101

src/Orchard.Web/Content/Admin/css/base.css

@@ -151,6 +151,8 @@ h4 { font-size:1.8em; } /* 18px */
 h5 { font-size:1.6em; } /* 16px */
 h6, p, label, input, .button, .cancel, select, th, td { font-size:1.5em; } /* 15px */
 
+h3 span { font-size:.57em; }
+
 /* ---------- Links ---------- */
 a, a:link {
     color:#1e5d7d;

src/Orchard.Web/Packages/Orchard.Blogs/Views/Blog/Edit.aspx

@@ -4,7 +4,7 @@
 <%@ Import Namespace="Orchard.Blogs.ViewModels"%>
 <% Html.Include("Head"); %>
     <h2>Edit Blog</h2>
-    <p><a href="<%=Url.Blogs() %>">Manage Blogs</a> > Edit #<%= Model.Id%> <strong><%=Html.Encode(Model.Name)%></strong></p>
+    <p><a href="<%=Url.Blogs() %>">Manage Blogs</a> > Editing <strong><%=Html.Encode(Model.Name)%></strong> (#<%= Model.Id%>)</p>
     <% using (Html.BeginForm()) { %>
         <%= Html.ValidationSummary() %>
         <%= Html.EditorForModel()%>

src/Orchard.Web/Packages/Orchard.Blogs/Views/Blog/EditorTemplates/BlogEditViewModel.ascx

@@ -7,8 +7,9 @@
 <%=Html.EditorFor(m => m.Slug, "BlogPermalink") %>
 </fieldset>
     <label for="">Description</label>
-    <%=Html.EditorFor(m => m.Description) %>
+    <%-- todo: (heskew) shouldn't be TinyMCE'd --%>
+    <%=Html.TextAreaFor(m => m.Description) %>
 <fieldset>
 </fieldset>
-    <input class="button" type="submit" value="Create" />
+    <input class="button" type="submit" value="Save" />
 </fieldset>

src/Orchard.Web/Packages/Orchard.Blogs/Views/Blog/EditorTemplates/CreateBlogViewModel.ascx

@@ -7,7 +7,7 @@
 <%=Html.EditorFor(m => m.Slug, "BlogPermalink") %>
 </fieldset>
     <label for="">Description</label>
-    <%=Html.EditorFor(m => m.Description) %>
+    <%=Html.TextAreaFor(m => m.Description) %>
 <fieldset>
 </fieldset>
     <input class="button" type="submit" value="Create" />

src/Orchard.Web/Packages/Orchard.Blogs/Views/Blog/List.aspx

@@ -4,15 +4,7 @@
 <%@ Import Namespace="Orchard.Blogs.ViewModels"%>
 <%@ Import Namespace="Orchard.Mvc.Html"%>
 <% Html.Include("Head"); %>
-    <div class="yui-g">
+    <h2>Manage Blogs</h2>
-        <h2>Manage Blogs</h2><%
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-        //TODO: (erikpo) Replace this with an Html extension method of some sort (ListForModel?)
+    <%=Html.DisplayForModel() %>
-        if (Model.Blogs.Count() > 0) { %>
-        <ul><%
-            foreach (Blog blog in Model.Blogs) { %>
-            <li><a href="<%=Url.Blog(blog.Slug) %>"><%=Html.Encode(blog.Name) %></a> (<a href="<%=Url.BlogEdit(blog.Slug) %>">edit</a>)</li><%
-            } %>
-        </ul><%
-        } %>
-    </div>
 <% Html.Include("Foot"); %>

src/Orchard.Web/Packages/Orchard.Blogs/Views/Shared/Head.aspx

@@ -14,8 +14,20 @@ todo: (heskew) rework how/what pages are assembled when we get into theming --%>
          todo: (heskew) should have at the minimum something like, say, includeScript(scriptName[, releaseScriptName], scriptPath[, releaseScriptPath])
     --%><script src="<%=Page.ResolveClientUrl("~/Scripts/jquery-1.3.2.js") %>" type="text/javascript"></script>
     <%-- todo: (heskew) this should come from the admin "page" (partial)
+         todo: (heskew) use the TinyMCE jQuery package instead?
     --%><script type="text/javascript" src="<%=ResolveUrl("~/Packages/TinyMce/Scripts/tiny_mce.js") %>"></script>
-    <script type="text/javascript">tinyMCE.init({ theme: "advanced", mode: "textareas", plugins: "fullscreen,autoresize", theme_advanced_toolbar_location: "top", theme_advanced_toolbar_align: "left", theme_advanced_buttons3_add: "fullscreen" });</script>
+    <script type="text/javascript">
+        tinyMCE.init({
+            theme: "advanced",
+            mode: "textareas",
+            plugins: "fullscreen,autoresize,searchreplace",
+            theme_advanced_toolbar_location: "top",
+            theme_advanced_toolbar_align: "left",
+            theme_advanced_buttons1: "search,replace,|,cut,copy,paste,|,undo,redo,|,image,|,link,unlink,charmap,emoticon,codeblock,|,bold,italic,|,numlist,bullist,formatselect,|,code,fullscreen",
+            theme_advanced_buttons2: "",
+            theme_advanced_buttons3: ""
+            });
+        </script>
 </head>
 <body>
     <div id="header" role="banner">