More work on the blog (+blog's posts) admin UI including a remove button style

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

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

@@ -258,6 +258,9 @@ a:hover, a:active, a:focus {
 #main p {
     margin:0 0 1.5em;
 }
+#main .main.actions {
+    margin:0 0 1.4em;
+}
 #main .meta {
     margin:0 0 .4em;
 }
@@ -283,17 +286,20 @@ span.message {
 	background:#e6f1c9;
 	border:1px solid #cfe493;
 }
-
 .warning.message {
 	background:#fdf5bc;
 	border:1px solid #ffea9b;
 }
-
 .critical.message {
 	background:#e68585;
 	border:1px solid #990808;
 	color:#fff;
 }
+.info.message {
+    background:#f8f8ff; /* GhostWhite :P */
+    border-color:#ccc;
+    border-style:dashed;
+}
 
 /* Forms   
 ----------------------------------------------------------*/
@@ -364,6 +370,12 @@ button, .button, .button:link, .button:visited {
 	padding:0 8px;
 	text-align:center;
 }
+button.remove, .remove.button, .remove.button:link, .remove.button:visited {
+    background-color:#DECCCA;
+    background-image:url(images/tableHeaderBackgroundRed.gif);
+    border-color:#d6c9c7;
+    color:#5c3732;
+}
 a.button, a.button:link, a.button:visited {
     line-height:1em;
     padding:.2em .6em;
@@ -375,6 +387,12 @@ button:focus, .button:focus {
     color:#f6faea;
     text-decoration:none;
 }
+button.remove:hover, .remove.button:hover,
+button.remove:focus, .remove.button:focus {
+    background:#8f7c79;
+    border-color:#6e5551;
+    color:#faedeb;
+}
 .button {
     line-height:26px;
 }

src/Orchard.Web/Packages/Orchard.Blogs/Views/Blog/DisplayTemplates/BlogForAdminViewModel.ascx

@@ -4,12 +4,13 @@
 <%@ Import Namespace="Orchard.Blogs.Extensions"%>
 <%@ Import Namespace="Orchard.Blogs.Models"%>
 <h2><a href="<%=Url.BlogForAdmin(Model.Blog.Slug) %>"><%=Html.Encode(Model.Blog.Name) %></a></h2>
-<div class="manage">
-    <a href="<%=Url.BlogEdit(Model.Blog.Slug) %>" class="button">Edit Blog</a>
-    <a href="<%=Url.BlogPostCreate(Model.Blog.Slug) %>" class="add button">Add Post</a>
+<div class="main actions">
+    <span class="construct"><a href="<%=Url.BlogEdit(Model.Blog.Slug) %>" class="button">Edit Blog</a></span>
+    <span class="destruct"><a href="<%=Url.BlogDelete(Model.Blog.Slug) %>" class="remove button">Remove Blog</a></span>
 </div>
-<%--<p><a href="<%=Url.BlogsForAdmin() %>">Manage Blogs</a> &gt; <%=Html.Encode(Model.Blog.Name) %></p>--%>
-<p><%=Model.Blog.Description %></p><%
+<p><%=Model.Blog.Description %></p>
+<div class="actions"><a href="<%=Url.BlogPostCreate(Model.Blog.Slug) %>" class="add button">Add Post</a></div><%
 if (Model.Posts.Count() > 0) { %>
-<%=Html.UnorderedList(Model.Posts, (p, i) => Html.DisplayFor(blog => p, "BlogPostPreviewForAdmin").ToHtmlString(), "contentItems")%><%
+<%=Html.UnorderedList(Model.Posts, (p, i) => Html.DisplayFor(blog => p, "BlogPostPreviewForAdmin").ToHtmlString(), "contentItems")%>
+<div class="actions"><a href="<%=Url.BlogPostCreate(Model.Blog.Slug) %>" class="add button">Add Post</a></div><%
 } %>

src/Orchard.Web/Packages/Orchard.Blogs/Views/Shared/DisplayTemplates/BlogPostPreviewForAdmin.ascx

@@ -1,10 +1,14 @@
 <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<BlogPost>" %>
+<%@ Import Namespace="Orchard.Comments.Models"%>
 <%@ Import Namespace="Orchard.Models"%>
 <%@ Import Namespace="Orchard.Blogs.Extensions"%>
 <%@ Import Namespace="Orchard.Core.Common.Models"%>
 <%@ Import Namespace="Orchard.Blogs.Models"%>
 <h3><a href="<%=Url.BlogPostEdit(Model.Blog.Slug, Model.Slug) %>"><%=Html.Encode(Model.Title) %></a></h3>
-<div class="meta"><%=Html.Published() %></div>
+<div class="meta">
+    <%=Html.Published() %>
+    | <%var commentCount = Model.As<HasComments>().Comments.Count(); %><a href="#"><%=string.Format("{0} comment{1}", commentCount, commentCount == 1 ? "" : "s") %></a>
+</div>
 <div class="content"><%=Model.Body ?? "<p><em>there's no content for this blog post</em></p>" %></div>
 <p class="actions">
     <%-- todo: (heskew) make into a ul --%>