mirror of
https://github.com/silverstripe/silverstripe-cms
synced 2024-10-02 14:18:26 +02:00
BUGIX: CMS UI changed search spinner, hide search button while processing (better interaction feedback)
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.3@71169 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
parent
58278bd8f5
commit
0105f36866
@ -98,6 +98,14 @@ input.loading {
|
|||||||
background: #fff url(../images/network-save.gif) no-repeat center left;
|
background: #fff url(../images/network-save.gif) no-repeat center left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
background: #fff url(../images/network-save.gif) no-repeat center left;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Overrides - TODO Find a better place to put them */
|
/* Overrides - TODO Find a better place to put them */
|
||||||
form#Form_EditForm fieldset {
|
form#Form_EditForm fieldset {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -338,10 +346,24 @@ body.stillLoading select {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
#SearchBox #SiteTreeSearchTerm {
|
#SearchBox #SiteTreeSearchTerm {
|
||||||
padding: 1px 0 2px 0;
|
padding: 1px 0 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#searchIndicator {
|
||||||
|
display: none;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background: #EFEFEF url(../images/network-save.gif) no-repeat;
|
||||||
|
position: absolute;
|
||||||
|
left: 158px;
|
||||||
|
top: 3px;
|
||||||
|
}
|
||||||
|
#searchIndicator.loading {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
.SearchCriteriaContainer {
|
.SearchCriteriaContainer {
|
||||||
float: left;
|
float: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -479,11 +479,13 @@ SiteTreeFilterForm = Class.create();
|
|||||||
SiteTreeFilterForm.applyTo('form#search_options');
|
SiteTreeFilterForm.applyTo('form#search_options');
|
||||||
SiteTreeFilterForm.prototype = {
|
SiteTreeFilterForm.prototype = {
|
||||||
onsubmit: function() {
|
onsubmit: function() {
|
||||||
$('SiteTreeSearchButton').className = 'loading';
|
$('SiteTreeSearchButton').className = 'hidden';
|
||||||
|
$('searchIndicator').className = 'loading';
|
||||||
Ajax.SubmitForm(this, null, {
|
Ajax.SubmitForm(this, null, {
|
||||||
onSuccess : function(response) {
|
onSuccess : function(response) {
|
||||||
$('SiteTreeIsFiltered').value = 1;
|
$('SiteTreeIsFiltered').value = 1;
|
||||||
$('SiteTreeSearchButton').className = '';
|
$('SiteTreeSearchButton').className = '';
|
||||||
|
$('searchIndicator').className = '';
|
||||||
$('sitetree_ul').innerHTML = response.responseText;
|
$('sitetree_ul').innerHTML = response.responseText;
|
||||||
Behaviour.apply($('sitetree_ul'));
|
Behaviour.apply($('sitetree_ul'));
|
||||||
statusMessage('Filtered tree','good');
|
statusMessage('Filtered tree','good');
|
||||||
|
@ -31,6 +31,7 @@
|
|||||||
<input type="hidden" id="SiteTreeIsFiltered" value="0" />
|
<input type="hidden" id="SiteTreeIsFiltered" value="0" />
|
||||||
<div id="SearchBox">
|
<div id="SearchBox">
|
||||||
<input type="text" id="SiteTreeSearchTerm" name="SiteTreeSearchTerm" />
|
<input type="text" id="SiteTreeSearchTerm" name="SiteTreeSearchTerm" />
|
||||||
|
<div id="searchIndicator"> </div>
|
||||||
<input type="submit" id="SiteTreeSearchButton" class="action" value="<% _t('SEARCH') %>" title="<% _t('SEARCHTITLE','Search through URL, Title, Menu Title, & Content') %>" />
|
<input type="submit" id="SiteTreeSearchButton" class="action" value="<% _t('SEARCH') %>" title="<% _t('SEARCHTITLE','Search through URL, Title, Menu Title, & Content') %>" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user