lsm/Orchard
1
0
Fork 0
mirror of https://github.com/OrchardCMS/Orchard.git synced 2025-09-20 02:37:55 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

More updates to the CMSPages admin UI. A little work left on the edit page (page) and have to rip through the smaller confirmation type pages. Also need to clean up the CSS a bit to reorg selectors I haven't touched yet to one location so the little stuff isn't lost in the (re)shuffle...

Browse Source 
--HG--
extra : convert_revision : svn%3A5ff7c347-ad56-4c35-b696-ccb81de16e03/trunk%4041983
This commit is contained in:
skewed
2009-11-24 01:51:26 +00:00
parent 4bffb6412d
commit 00acb5ca32
5 changed files with 165 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/Orchard.Web/Content/Admin/css/base.css
View File

@@ -31,6 +31,9 @@ q:before, q:after {
:focus { :focus {
outline:0; outline:0;
} }
button::-moz-focus-inner, input.button::-moz-focus-inner {
border:0;
}
ins { ins {
text-decoration:none; text-decoration:none;
} }
@@ -148,15 +151,8 @@ h4 { font-size:1.8em; } /* 18px */
h5 { font-size:1.6em; } /* 16px */ h5 { font-size:1.6em; } /* 16px */
h6, p, label, input, select, th, td { font-size:1.5em; } /* 15px */ h6, p, label, input, select, th, td { font-size:1.5em; } /* 15px */
p {
margin:4px;
}
strong {
font-weight:700;
}
/* ---------- Links ---------- */ /* ---------- Links ---------- */
a, a:link, a:visited { a, a:link {
color:#1e5d7d; color:#1e5d7d;
text-decoration:none; text-decoration:none;
} }
@@ -266,7 +262,7 @@ a.linkButton, a.linkButton:visited {
/* Content /* Content
----------------------------------------------------------*/ ----------------------------------------------------------*/
#main h2, #main h3, #main h4 { #main h2, #main h3, #main h4, #main p, #main form {
margin:.23em 0 1em; margin:.23em 0 1em;
} }
#main h2, #main h3 { #main h2, #main h3 {
@@ -302,44 +298,45 @@ div.confirmation, div.warning, div.critical {
/* Forms /* Forms
----------------------------------------------------------*/ ----------------------------------------------------------*/
.formList li { fieldset.bulk.actions {
line-height:24px; display:inline;
margin:.4em 1.4em -.8em 0;
} }
label { label {
display: block; display: block;
font-weight:700; font-weight:700;
margin:8px 4px -2px 0px;
} }
fieldset.bulk.actions label, label.sub {
display:inline;
}
label span { label span {
font-weight:normal; font-weight:normal;
} }
legend {
font-size:150%;
color:#525e50;
}
select, textarea, input.text, #PublishLaterDate { select, textarea, input.text, #PublishLaterDate {
margin:4px; margin:3px 4px 4px;
padding:2px; padding:2px;
border:1px solid #d2d6c6; border:1px solid #d2d6c6;
color:#5a5b32; color:#5a5b32;
} }
textarea { input.large.text, textarea, fieldset {
height:8em; clear:both;
width:80%;
} }
/* todo: (heskew) move editor specific style elsewhere and make to not suck :| */ fieldset {
.primary input.large.text, margin:.7em 0 .2em;
.primary textarea, }
.primary fieldset { textarea {
min-height:8em;
}
.primary input.large.text, .primary textarea {
margin:.613% 0 .613% .613%; margin:.613% 0 .613% .613%;
padding:4px; padding:4px;
width:98.161%; width:98.161%;
} }
/* todo: (heskew) move editor specific style elsewhere */
.primary .mceEditor { .primary .mceEditor {
display:block; display:block;
margin:.613% 0 .613% .613%; margin:.613% 0 .613% .613%;
@@ -354,18 +351,34 @@ textarea {
margin:0 6px 0 0; margin:0 6px 0 0;
} }
input[button], button, .button { button, .button {
background:#dddfcb url(images/tableHeaderBackground.gif) repeat-x top left; background:#dddfcb url(images/tableHeaderBackground.gif) repeat-x top left;
border:1px solid #d2d6c6; border:1px solid #d2d6c6;
color:#5a5b32; color:#5a5b32;
cursor:pointer; cursor:pointer;
height:26px; height:26px;
margin:20px 4px 0 4px;
padding:0 8px; padding:0 8px;
text-align:center; text-align:center;
} }
button:hover, .button:hover,
button:focus, .button:focus {
background:#8a8f7a;
border:1px solid #666d51;
color:#f6faea;
text-decoration:none;
}
.button {
line-height:26px;
}
#main .manage {
float:right;
overflow:hidden;
margin:4px 0 4px 4px;
}
.manage a.button {
float:right;
}
.buttonFocus {color:#f6faea; border:1px solid #666d51; background:#8a8f7a;}
#permalink{ #permalink{

28
src/Orchard.Web/Packages/Orchard.CmsPages/Views/Admin/Edit.aspx
View File

@@ -10,29 +10,23 @@
<div class="primary"> <div class="primary">
<h3><%=_Encoded("Page Content") %></h3> <h3><%=_Encoded("Page Content") %></h3>
<%-- todo: (heskew) change the editors to be self-contained (fieldset > editor) --%> <%-- todo: (heskew) change the editors to be self-contained (fieldset > editor) --%>
<ol>
<%=Html.EditorFor(m => m.Revision.Title, "inputTextLarge") %> <%=Html.EditorFor(m => m.Revision.Title, "inputTextLarge") %>
<%=Html.EditorFor(m => m.Revision.Slug, "inputTextPermalink") %> <%=Html.EditorFor(m => m.Revision.Slug, "inputTextPermalink") %>
<% foreach (ContentItem content in Model.Revision.Contents) {
<%foreach (ContentItem content in Model.Revision.Contents) {%> %><fieldset>
<label for="<%="Revision.Contents[" + content.ZoneName + "].Content" %>"> <label for="<%="Revision.Contents[" + content.ZoneName + "].Content" %>"><%=_Encoded("Zone Name") %>: <%= content.ZoneName %></label>
<%=_Encoded("Zone Name")%>: <%= content.ZoneName %></label> <% if (Model.Template != null && Model.Template.Zones.Contains(content.ZoneName) == false) {
<%if (Model.Template != null && Model.Template.Zones.Contains(content.ZoneName) == false) {%> %><span class="warning">These contents are assigned to a zone that does not exist in the current template. Please delete it or copy it to another zone.</span><%
<div class="warning">These contents are assigned to a zone that does not exist in the current template. Please delete it or copy it to another zone.</div> } %>
<%}%>
<%= Html.TextArea("Revision.Contents[" + content.ZoneName + "].Content", content.Content) %> <%= Html.TextArea("Revision.Contents[" + content.ZoneName + "].Content", content.Content) %>
</li> </fieldset><%
<%}%> } %>
<li> <fieldset>
<%--<%=Html.LabelFor(m=>m.Revision.TemplateName) %> <p><strong>Current layout:</strong>
<%=Html.DisplayFor(m=>m.Revision.TemplateName)%>--%>
<p>
<strong>Current layout:</strong>
<%=Html.Encode(Model.Revision.TemplateName) %> <%=Html.Encode(Model.Revision.TemplateName) %>
<%=Html.ActionLink("Change Template", "ChooseTemplate", new { Model.Revision.Page.Id }, new { @class = "linkButton" }) %> <%=Html.ActionLink("Change Template", "ChooseTemplate", new { Model.Revision.Page.Id }, new { @class = "linkButton" }) %>
</p> </p>
</li> </fieldset>
</ol>
</div> </div>
<div class="secondary"> <div class="secondary">
<h3><%=_Encoded("Publish Settings") %></h3> <h3><%=_Encoded("Publish Settings") %></h3>

4
src/Orchard.Web/Packages/Orchard.CmsPages/Views/Admin/EditorTemplates/inputTextLarge.ascx
View File

@@ -1,6 +1,6 @@
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<string>" %> <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<string>" %>
<li> <fieldset>
<%=Html.LabelForModel() %> <%=Html.LabelForModel() %>
<%=Html.TextBox("", Model, new { @class = "text large" } ) %> <%=Html.TextBox("", Model, new { @class = "text large" } ) %>
<%=Html.ValidationMessage("", "*") %> <%=Html.ValidationMessage("", "*") %>
</li> </fieldset>

16
src/Orchard.Web/Packages/Orchard.CmsPages/Views/Admin/EditorTemplates/inputTextPermalink.ascx
View File

@@ -1,13 +1,5 @@
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %> <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<fieldset>
<li> <label class="sub" for="permalink">Permalink: <span>http://localhost/</span></label>
<label class="floatLeft" for="permalink"> <span><%=Html.TextBox("", Model, new { id = "permalink", @class = "text" })%> <span class="helperText smallText clearLayout"> &laquo; How to write a permalink. &raquo; </span></span>
Permalink: </fieldset>
<span>http://localhost/</span>
</label>
<span class="floatLeft">
<%--<input id="permalink" class="inputText floatLeft roundCorners" type="text" name="permalink"/>--%>
<%=Html.TextBox("", Model, new { @class = "text" })%> <span class="helperText smallText clearLayout"> &laquo; How to write a permalink. &raquo; </span>
</span>
</li>
<div class="clearLayout" />

104
src/Orchard.Web/Packages/Orchard.CmsPages/Views/Admin/Index.aspx
View File

@@ -2,33 +2,14 @@
<%@ Import Namespace="Orchard.Utility"%> <%@ Import Namespace="Orchard.Utility"%>
<%@ Import Namespace="Orchard.CmsPages.ViewModels"%> <%@ Import Namespace="Orchard.CmsPages.ViewModels"%>
<%@ Import Namespace="Orchard.Mvc.Html" %> <%@ Import Namespace="Orchard.Mvc.Html" %>
<%-- todo: (heskew) not this --%> <%-- todo: (heskew) localize --%>
<script runat="server">
public string DefaultText(string valueText, string defaultText)
{
if (string.IsNullOrEmpty(valueText))
return defaultText;
return valueText;
}
string SplitDateTime(DateTime dt)
{
return string.Format("{0:d}", dt) + "<br />" +
string.Format("{0:t}", dt);
}
</script>
<% Html.Include("Head"); %> <% Html.Include("Head"); %>
<% Html.BeginForm(); %>
<div class="yui-g">
<h2>Manage Pages</h2> <h2>Manage Pages</h2>
<p class="bottomSpacer"> <p>Possible text about setting up a page goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla erat turpis, blandit eget feugiat nec, tempus vel quam. Mauris et neque eget justo suscipit blandit.</p>
Possible text about setting up a page goes here. Lorem ipsum dolor sit amet, consectetur <% using (Html.BeginForm()) { %>
adipiscing elit. Nulla erat turpis, blandit eget feugiat nec, tempus vel quam. Mauris
et neque eget justo suscipit blandit.</p>
<%=Html.ValidationSummary() %> <%=Html.ValidationSummary() %>
<ol class="horizontal actions floatLeft"> <fieldset class="actions bulk">
<li> <label for="publishActions">Actions: </label>
<label class="floatLeft" for="publishActions">
Actions: </label>
<select id="publishActions" name="<%=Html.NameOf(m => m.Options.BulkAction) %>"> <select id="publishActions" name="<%=Html.NameOf(m => m.Options.BulkAction) %>">
<%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.None, "Choose action...") %> <%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.None, "Choose action...") %>
<%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.PublishNow, "Publish Now") %> <%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.PublishNow, "Publish Now") %>
@@ -36,28 +17,21 @@ string SplitDateTime(DateTime dt)
<%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.Unpublish, "Unpublish") %> <%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.Unpublish, "Unpublish") %>
<%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.Delete, "Delete") %> <%=Html.SelectOption(Model.Options.BulkAction, PageIndexBulkAction.Delete, "Delete") %>
</select> </select>
</li> <input class="button" type="submit" name="submit.BulkEdit" value="Apply" />
<li> </fieldset>
<input class="button roundCorners" type="submit" name="submit.BulkEdit" value="Apply" /> <fieldset class="actions bulk">
</li> <label for="filterResults">Filter: </label>
</ol>
<ol class="horizontal actions">
<li>
<label class="floatLeft" for="filterResults">
</label>
<select id="filterResults" name="<%=Html.NameOf(m => m.Options.Filter) %>"> <select id="filterResults" name="<%=Html.NameOf(m => m.Options.Filter) %>">
<%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.All, "All Pages") %> <%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.All, "All Pages") %>
<%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.Published, "Published Pages") %> <%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.Published, "Published Pages") %>
<%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.Offline, "Offline Pages") %> <%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.Offline, "Offline Pages") %>
<%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.Scheduled, "Publish Pending") %> <%=Html.SelectOption(Model.Options.Filter, PageIndexFilter.Scheduled, "Publish Pending") %>
</select> </select>
</li> <input class="button" type="submit" name="submit.Filter" value="Apply"/>
<li> </fieldset>
<input class="button roundCorners" type="submit" name="submit.Filter" value="Filter"/> <p class="manage"><%=Html.ActionLink("Add a page", "Create", new {}, new { @class = "button" }) %></p>
</li> <fieldset>
</ol> <table summary="This is a table of the PageEntries currently available for use in your application.">
<p><%=Html.ActionLink("Add a page", "Create", new {}, new {@class="floatRight topSpacer"}) %></p>
<table id="pluginListTable" cellspacing="0" class="clearLayout" summary="This is a table of the PageEntries currently available for use in your application.">
<colgroup> <colgroup>
<col id="Actions" /> <col id="Actions" />
<col id="Status" /> <col id="Status" />
@@ -70,7 +44,7 @@ string SplitDateTime(DateTime dt)
</colgroup> </colgroup>
<thead> <thead>
<tr> <tr>
<th scope="col"><%--<input type="checkbox" value="1" name="<%=Html.NameOf(m => m.Options.BulkChecked)%>"/>--%></th> <th scope="col">&nbsp;&darr;<%-- todo: (heskew) something more appropriate for "this applies to the bulk actions --%></th>
<th scope="col">Status</th> <th scope="col">Status</th>
<th scope="col">Title</th> <th scope="col">Title</th>
<th scope="col">Slug</th> <th scope="col">Slug</th>
@@ -83,44 +57,44 @@ string SplitDateTime(DateTime dt)
</thead> </thead>
<% <%
int pageIndex = 0; int pageIndex = 0;
foreach (var pageEntry in Model.PageEntries) { foreach (var pageEntry in Model.PageEntries)
{
var revision = pageEntry.Page.Revisions.LastOrDefault(); var revision = pageEntry.Page.Revisions.LastOrDefault();
if (revision == null)
continue; if (revision == null) continue;
%>
<tr> %><tr>
<td> <td>
<input type="hidden" value="<%=Model.PageEntries[pageIndex].PageId %>" name="<%=Html.NameOf(m => m.PageEntries[pageIndex].PageId) %>"/> <input type="hidden" value="<%=Model.PageEntries[pageIndex].PageId %>" name="<%=Html.NameOf(m => m.PageEntries[pageIndex].PageId) %>"/>
<input type="checkbox" value="true" name="<%=Html.NameOf(m => m.PageEntries[pageIndex].IsChecked) %>"/> <input type="checkbox" value="true" name="<%=Html.NameOf(m => m.PageEntries[pageIndex].IsChecked) %>"/>
</td> </td>
<td> <td>
<% if (pageEntry.IsPublished) { %> <% if (pageEntry.IsPublished) {
<img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/online.gif")%>" alt="Online" title="The page is currently online" /> %><img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/online.gif") %>" alt="Online" title="The page is currently online" />
<% } else { %> <% } else {
<img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/offline.gif")%>" alt="Offline" title="The page is currently offline" /> %><img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/offline.gif") %>" alt="Offline" title="The page is currently offline" />
<% } %> <% } %>
</td> </td>
<td><%=Html.ActionLink(DefaultText(revision.Title, "(no title)"), "Show", new { Controller = "Templates", revision.Slug })%></td> <td><%=Html.ActionLink(revision.Title ?? "(no title)", "Show", new { Controller = "Templates", revision.Slug }) %></td>
<td><%=Html.ActionLink(DefaultText(revision.Slug, "(no slug)"), "Show", new { Controller = "Templates", revision.Slug })%></td> <td><%=Html.ActionLink(revision.Slug ?? "(no slug)", "Show", new { Controller = "Templates", revision.Slug }) %></td>
<td>By Unk</td> <td>By Unk</td>
<td><%=string.Format("{0:d}", revision.ModifiedDate) %><br /><%=string.Format("{0:t}", revision.ModifiedDate) %></td> <td><%=string.Format("{0:d}<br />{0:t}", revision.ModifiedDate) %></td>
<td> <td>
<% if (pageEntry.HasDraft) { %> <% if (pageEntry.HasDraft) {
<img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/draft.gif")%>" alt="Draft" title="The page has a draft" /> %><img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/draft.gif") %>" alt="Draft" title="The page has a draft" />
<% } %> <% }
<% if (revision.Page.Scheduled.Any()) { %> if (revision.Page.Scheduled.Any()) {
<img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/scheduled.gif")%>" alt="Scheduled" title="The draft is scheduled for publishing" /> %><img src="<%=ResolveUrl("~/Packages/Orchard.CmsPages/Content/Admin/images/scheduled.gif") %>" alt="Scheduled" title="The draft is scheduled for publishing" />
<% } %> <% } %>
</td> </td>
<td> <td><%=revision.Page.Scheduled.Any() ? string.Format("{0:d}<br />{0:t}", revision.Page.Scheduled.First().ScheduledDate.Value) : "" %></td>
<%=revision.Page.Scheduled.Any() ? SplitDateTime(revision.Page.Scheduled.First().ScheduledDate.Value) : ""%>
</td>
<td><%=Html.ActionLink("Edit", "Edit", new { revision.Page.Id }) %></td> <td><%=Html.ActionLink("Edit", "Edit", new { revision.Page.Id }) %></td>
</tr> </tr>
<% pageIndex++; <%
pageIndex++;
}%> }%>
</table> </table>
<p><%=Html.ActionLink("Add a page", "Create", new {}, new {@class="floatRight bottomSpacer"}) %></p> </fieldset>
</div> <p class="manage"><%=Html.ActionLink("Add a page", "Create", new {}, new { @class = "button"}) %></p>
<% Html.EndForm(); %> <% } %>
<% Html.Include("Foot"); %> <% Html.Include("Foot"); %>