cms ui: site tree tools visual update

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.3@70303 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
James Kirkus-Lamont 2009-01-16 04:02:17 +00:00 committed by Sam Minnee
parent 58d7cdb164
commit c948a45176
3 changed files with 151 additions and 96 deletions

View File

@ -1,7 +1,11 @@
#left form.actionparams {
background: #eee;
padding: 0 5px 5px 5px;
padding: 0 0 5px 0;
float: left;
}
#left form#search_options {
padding-bottom: 8px;
}
#left form.actionparams input,
#left form.actionparams select {
padding: 1px;
@ -14,7 +18,7 @@
#PageType,
#ReportSelector_holder select {
float: left;
margin-right: 3px;
margin-right: 4px;
padding: 1px;
}
#left form.actionparms input.action {
@ -404,22 +408,12 @@ ul.tree li.untranslated a:visited {
#SortItems {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #eee none repeat scroll 0%;
padding: 3px 0 5px 7px;
padding: 5px 0 0 0;
overflow: hidden;
clear: left;
width: 100%;
}
#SortItems input {
position: relative;
top: -1px;
_top: -2px;
}
#SortItems label {
_position: relative;
_top: 1px;
}
#SortItems #sortitems {
#SortItems input, #ShowChanged input {
float: left;
margin-right: 3px;
margin: 0 3px 0 0;
}

View File

@ -25,10 +25,9 @@ body {
}
#TreeActions {
background: #eee;
float: left;
width: 100%;
padding-bottom: 4px;
padding-bottom: 5px;
}
#TreeActions li {
float: left;
@ -48,8 +47,8 @@ li.action button {
width: auto;
border-color: #CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
border-style: double;
margin: 1px;
padding: 2px;
margin-right: 2px;
padding: 2px 1px;
font-size: 11px;
}
.ajaxActions input,
@ -326,15 +325,63 @@ body.stillLoading select {
overflow-y: auto;
overflow-x: hidden;
}
#sitetree {
margin-top: 2px;
width: 500px; /* IE's chocking right now */
}
html>body #sitetree {
width: auto;
#sitetree_holder #TreeTools {
background: #EEE;
padding: 5px;
border-bottom: 1px solid #CCC;
float: left;
width: 95%;
}
#SearchBox {
float: left;
width: 100%;
margin-bottom: 5px;
}
#SearchBox #SiteTreeSearchTerm {
padding: 1px 0 2px 0;
}
#sitetree_ul {
padding: 3px 0 0 3px;
clear: left;
}
#sitetree {
width: 500px; /* IE's chocking right now */
}
html>body #sitetree {
width: auto;
}
div.spacer, li.spacer {
#TreeTools label {
display: block;
padding-top: 2px;
_padding-top: 4px;
}
#TreeTools #batchactionsforms {
padding: 0 0 7px 1px;
float: left;
}
#TreeTools div p, #ShowChanged {
margin: 0 0 5px 0;
float: left;
}
#ShowChanged {
width: 100%;
}
#TreeTools div.middleColumn {
margin: 0;
}
#TreeTools #action_publish_selected,
#TreeTools #action_publish_selected {
padding: 2px 1px;
float: left;
}
div.spacer,
li.spacer {
float: none;
clear: both;
background-color: transparent;

View File

@ -8,82 +8,96 @@
</h2>
<div id="sitetree_holder">
<ul id="TreeActions">
<li class="action" id="addpage"><button><% _t('CREATE','Create',PR_HIGH) %></button></li>
<li class="action" id="search"><button><% _t('SEARCH','Search',PR_HIGH) %></button></li>
<li class="action" id="batchactions"><button><% _t('BATCHACTIONS','Batch Actions',PR_HIGH) %></button></li>
<!-- <li class="action" id="duplicate"><a href="#">Duplicate</a></li>
Sam: this should be put into the Create area, I think, so we don't stuff up the layout -->
</ul>
<div id="TreeTools">
<ul id="TreeActions">
<li class="action" id="addpage"><button><% _t('CREATE','Create',PR_HIGH) %></button></li>
<li class="action" id="search"><button><% _t('SEARCH','Search',PR_HIGH) %></button></li>
<li class="action" id="batchactions"><button><% _t('BATCHACTIONS','Batch Actions',PR_HIGH) %></button></li>
<!-- <li class="action" id="duplicate"><a href="#">Duplicate</a></li>
Sam: this should be put into the Create area, I think, so we don't stuff up the layout -->
</ul>
<% control AddPageOptionsForm %>
<form class="actionparams" id="$FormName" style="display: none" action="$FormAction">
<% control Fields %>
$FieldHolder
<% end_control %>
<!--
<div>
<select name="Type">
<% control PageTypes %>
<option value="$ClassName">$AddAction</option>
<% control AddPageOptionsForm %>
<form class="actionparams" id="$FormName" style="display: none" action="$FormAction">
<% control Fields %>
$FieldHolder
<% end_control %>
</select>
<input type="hidden" name="ParentID" />
</div>
-->
<div>
<input class="action" type="submit" value="<% _t('GO','Go') %>" />
</div>
</form>
<% end_control %>
<form class="actionparams" style="display: none" id="search_options" action="admin/filterSiteTree">
<div>
<input type="hidden" id="SiteTreeIsFiltered" value="0" />
<input type="text" id="SiteTreeSearchTerm" name="SiteTreeSearchTerm" />
<input type="submit" id="SiteTreeSearchButton" class="action" value="<% _t('SEARCH') %>" title="<% _t('SEARCHTITLE','Search through URL, Title, Menu Title, &amp; Content') %>" />
<div style="display:none" id="TextSiteTreeFilterDate" class="SearchCriteria"><% _t('EDITEDSINCE','Edited Since') %>:</div>
<div style="display:none" id="InputSiteTreeFilterDate">$SiteTreeFilterDateField</div>
<% control SiteTreeFilterOptions %>
<div style="display:none" id="Text$Column" class="SearchCriteria">$Title:</div>
<input style="display:none" id="Input$Column" name="$Column" class="SearchCriteria" />
<% end_control %>
<select id="SiteTreeFilterAddCriteria">
<option><% _t('ADDSEARCHCRITERIA','Add Criteria...') %></option>
<option value="SiteTreeFilterDate"><% _t('EDITEDSINCE','Edited Since') %></option>
<% control SiteTreeFilterOptions %>
<option value="$Column">$Title</option>
<% end_control %>
</select>
</div>
</form>
<div id="batchactionsforms" style="display: none">
<form class="actionparams" style="border:0" id="deletepage_options" action="admin/deleteitems">
<p><% _t('SELECTPAGESACTIONS','Select the pages that you want to change &amp; then click an action:') %></p>
<div>
<input type="hidden" name="csvIDs" />
<input type="submit" id="action_delete_selected" class="action delete" value="<% _t('DELETECONFIRM','Delete the selected pages') %>" />
</div>
</form>
<form class="actionparams" style="border:0" id="publishpage_options" action="admin/publishitems">
<!--
<div>
<input type="hidden" name="csvIDs" />
<input type="checkbox" id="publishpage_show_drafts" /> <label for="publishpage_show_drafts"><% _t('SHOWONLYCHANGED','Show only changed pages') %></label>
<input type="submit" id="action_publish_selected" class="action" value="<% _t('PUBLISHCONFIRM','Publish the selected pages') %>" />
<select name="Type">
<% control PageTypes %>
<option value="$ClassName">$AddAction</option>
<% end_control %>
</select>
<input type="hidden" name="ParentID" />
</div>
-->
<div>
<input class="action" type="submit" value="<% _t('GO','Go') %>" />
</div>
</form>
</div>
<% control DuplicatePagesOptionsForm %>
<form class="actionparams" id="duplicate_options" style="display: none" action="admin/duplicateSiteTree">
<p><% _t('SELECTPAGESDUP','Select the pages that you want to duplicate, whether it\'s children should be included, and where you want the duplicates placed') %></p>
<div>
<input type="hidden" name="csvIDs" />
<input type="submit" value="Duplicate" />
<% end_control %>
<form class="actionparams" style="display: none" id="search_options" action="admin/filterSiteTree">
<div>
<input type="hidden" id="SiteTreeIsFiltered" value="0" />
<div id="SearchBox">
<input type="text" id="SiteTreeSearchTerm" name="SiteTreeSearchTerm" />
<input type="submit" id="SiteTreeSearchButton" class="action" value="<% _t('SEARCH') %>" title="<% _t('SEARCHTITLE','Search through URL, Title, Menu Title, &amp; Content') %>" />
</div>
<div style="display:none" id="TextSiteTreeFilterDate" class="SearchCriteria"><% _t('EDITEDSINCE','Edited Since') %>:</div>
<div style="display:none" id="InputSiteTreeFilterDate">$SiteTreeFilterDateField</div>
<% control SiteTreeFilterOptions %>
<div style="display:none" id="Text$Column" class="SearchCriteria">$Title:</div>
<input style="display:none" id="Input$Column" name="$Column" class="SearchCriteria" />
<% end_control %>
<select id="SiteTreeFilterAddCriteria">
<option><% _t('ADDSEARCHCRITERIA','Add Criteria...') %></option>
<option value="SiteTreeFilterDate"><% _t('EDITEDSINCE','Edited Since') %></option>
<% control SiteTreeFilterOptions %>
<option value="$Column">$Title</option>
<% end_control %>
</select>
</div>
</form>
<div id="batchactionsforms" style="display: none">
<form class="actionparams" style="border:0" id="deletepage_options" action="admin/deleteitems">
<p><% _t('SELECTPAGESACTIONS','Select the pages that you want to change &amp; then click an action:') %></p>
<div>
<input type="hidden" name="csvIDs" />
<input type="submit" id="action_delete_selected" class="action delete" value="<% _t('DELETECONFIRM','Delete the selected pages') %>" />
</div>
</form>
<div>
<form class="actionparams" style="border:0" id="publishpage_options" action="admin/publishitems">
<input type="hidden" name="csvIDs" />
<div id="ShowChanged">
<input type="checkbox" id="publishpage_show_drafts" /> <label for="publishpage_show_drafts"><% _t('SHOWONLYCHANGED','Show only changed pages') %></label>
</div>
<input type="submit" id="action_publish_selected" class="action" value="<% _t('PUBLISHCONFIRM','Publish the selected pages') %>" />
</form>
</div>
</div>
<% control DuplicatePagesOptionsForm %>
<form class="actionparams" id="duplicate_options" style="display: none" action="admin/duplicateSiteTree">
<p><% _t('SELECTPAGESDUP','Select the pages that you want to duplicate, whether it\'s children should be included, and where you want the duplicates placed') %></p>
<div>
<input type="hidden" name="csvIDs" />
<input type="submit" value="Duplicate" />
</div>
</form>
<% end_control %>
<div id="SortItems">
<input type="checkbox" id="sortitems" /> <label for="sortitems"><% _t('ENABLEDRAGGING','Allow drag &amp; drop reordering', PR_HIGH) %></label>
</div>
</form>
<% end_control %>
<div id="SortItems">
<input type="checkbox" id="sortitems" /> <label for="sortitems"><% _t('ENABLEDRAGGING','Allow drag &amp; drop reordering', PR_HIGH) %></label>
</div>
<div id="sitetree_ul">
$SiteTreeAsUL
</div>