mitri4
/
expomap
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

expo-33 clear button done

Browse Source
remotes/origin/1203
pavel 11 years ago
parent d6f457d0a7
commit 8ae67e3c6a
6 changed files with 300 additions and 279 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      templates/client/includes/catalog_search_main.html
  2. 5
      templates/client/popups/place.html
  3. 7
      templates/client/popups/theme.html
  4. 559
      templates/client/static_client/css/main.css
  5. 4
      templates/client/static_client/js/_modules/block.search.js
  6. 2
      templates/client/static_client/js_min/_modules/block.search.min.js

2
templates/client/includes/catalog_search_main.html
Unescape View File

@ -35,7 +35,7 @@
</div>
</div>
<div class="sf-field-wrap">
<button type="submit"><span>{% trans 'найти' %}</span></button>
<button type="submit" class="search_submit"><span>{% trans 'найти' %}</span></button>
</div>
</div>
<div class="search-line sl-options">

5
templates/client/popups/place.html
Unescape View File

@ -65,7 +65,6 @@
</div>
<div class="q-sel">
<a class="clear" href="#">{% trans 'Сбросить выбранное' %}</a>
<div class="q-sel-title">{% trans 'Быстрый выбор' %}:</div>
<ul>
<li><a href="#" data-name="ci" data-id="-2960561">{% trans 'Москва' %}</a></li>
@ -85,7 +84,9 @@
</div>
</div>
<div class="pwf-buttons-line">
<button class="icon-check modal-approve" type="submit">{% if submitText %}{{ submitText }}{% else %}{% trans 'Искать' %}{% endif %}</button><a class="{% if filter %}{{ filter }}{% else %}search-{% endif %}modal-open specify-link" href="#{{ filter }}pwSubj">{% trans 'Уточнить тему' %}</a>
<button class="icon-check modal-approve" type="submit">{% if submitText %}{{ submitText }}{% else %}{% trans 'Искать' %}{% endif %}</button>
<button class="gray modal-clear" type="submit">{% trans 'Очистить' %}</button>
<a class="{% if filter %}{{ filter }}{% else %}search-{% endif %}modal-open specify-link" href="#{{ filter }}pwSubj">{% trans 'Уточнить тему' %}</a>
{% if hasDate %}<a class=" search-modal-open specify-link" href="#pwPeriod">{% trans 'Уточнить дату' %}</a>{% endif %}
</div>
</div>

7
templates/client/popups/theme.html
Unescape View File

@ -68,15 +68,14 @@
</ul>
</div>
<div class="q-sel">
<a class="clear" href="#">{% trans 'Сбросить выбранное' %}</a>
</div>
</div>
</div>
</div>
</div>
<div class="pwf-buttons-line">
<button class="icon-check modal-approve" type="submit">{% if submitText %}{{ submitText }}{% else %}{% trans 'Искать' %}{% endif %}</button><a class="{% if filter %}{{ filter }}{% else %}search-{% endif %}modal-open specify-link" href="#{{ filter }}pwPlace">{% trans 'Уточнить географию' %}</a>
<button class="icon-check modal-approve" type="submit">{% if submitText %}{{ submitText }}{% else %}{% trans 'Искать' %}{% endif %}</button>
<button class="gray modal-clear" type="submit">{% trans 'Очистить' %}</button>
<a class="{% if filter %}{{ filter }}{% else %}search-{% endif %}modal-open specify-link" href="#{{ filter }}pwPlace">{% trans 'Уточнить географию' %}</a>
{% if hasDate %}<a class=" search-modal-open specify-link" href="#pwPeriod">{% trans 'Уточнить дату' %}</a>{% endif %}
</div>
</div>

559
templates/client/static_client/css/main.css
Unescape View File

@ -1902,298 +1902,305 @@ button.icon-save:before {
# форма поиска
\**************************/
.in-search-form {
position: relative;
/*display: none;*/
font-family: 'dindisplay_pro', Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #fff;
background: #ff6600 url(../img/search-bg.jpg) 100% 100% no-repeat;
height: 150px;
margin: 0 0 15px -40px;
padding: 30px 0 5px 40px;
z-index: 3;
border-radius: 4px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.modals .popup-window{
display: none;
}
.search-form aside .s-title {
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
white-space: nowrap;
margin-right: -20px;
}
.in-search-form .s-title {
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
margin-bottom: 15px;
}
.in-search-form {
position: relative;
/*display: none;*/
font-family: 'dindisplay_pro', Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #fff;
background: #ff6600 url(../img/search-bg.jpg) 100% 100% no-repeat;
height: 150px;
margin: 0 0 15px -40px;
padding: 30px 0 5px 40px;
z-index: 3;
border-radius: 4px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search-form .mcl {
padding-right: 50px;
}
.modals .popup-window{
display: none;
}
.search-form-wrap {
display: table;
width: 100%;
border-collapse: collapse;
}
.search-form aside .s-title {
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
white-space: nowrap;
margin-right: -20px;
}
.search-form-wrap .search-line {
display: table-row;
}
.in-search-form .s-title {
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
margin-bottom: 15px;
}
.search-form-wrap .search-line .sf-field-wrap {
display: table-cell;
vertical-align: middle;
padding: 0 10px 8px 0;
color: #ffd9bf;
line-height: 15px;
}
.search-form .mcl {
padding-right: 50px;
}
.search-form-wrap .search-line .sf-field-wrap:first-child {
width: 48%;
}
.search-form-wrap {
display: table;
width: 100%;
border-collapse: collapse;
}
.search-form-wrap .search-line .sf-field-wrap + .sf-field-wrap {
width: 32%;
}
.search-form-wrap .search-line {
display: table-row;
}
.search-form-wrap .search-line .sf-field-wrap + .sf-field-wrap + .sf-field-wrap {
width: 20%;
}
.search-form-wrap .search-line .sf-field-wrap {
display: table-cell;
vertical-align: middle;
padding: 0 10px 8px 0;
color: #ffd9bf;
line-height: 15px;
}
.search-line.sl-options a {
display: inline-block;
color: #fff;
text-decoration: none;
border-bottom: 1px dashed;
line-height: 13px;
}
.search-form-wrap .search-line .sf-field-wrap:first-child {
width: 48%;
}
.search-line.sl-options a:hover {
border-bottom: none;
}
.search-form-wrap .search-line .sf-field-wrap + .sf-field-wrap {
width: 32%;
}
.search-line.sl-options a.sf-clear {
position: relative;
display: inline-block;
vertical-align: middle;
border-bottom: none;
width: 16px;
height: 0;
padding-top: 24px;
margin: -5px 0 -5px 2px;
overflow: hidden;
}
.search-form-wrap .search-line .sf-field-wrap + .sf-field-wrap + .sf-field-wrap {
width: 20%;
}
.search-line.sl-options a.sf-clear:before {
content: '';
display: block;
width: 6px;
height: 7px;
background: url(../img/sprites.png) -135px -25px no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin: -3px 0 0 -3px;
}
.search-line.sl-options a {
display: inline-block;
color: #fff;
text-decoration: none;
border-bottom: 1px dashed;
line-height: 13px;
}
.sf-field {
position: relative;
display: table;
width: 100%;
height: 40px;
border-collapse: collapse;
background: #fff;
color: #aaa;
box-shadow: inset 0 1px 0 #d9d9d9, 0 -1px 0 rgba(0, 0, 0, .2);
z-index: 1;
}
.search-line.sl-options a:hover {
border-bottom: none;
}
.sf-field-wrap:first-child .sf-field {
border-radius: 4px 0 0 4px;
}
.search-line.sl-options a.sf-clear {
position: relative;
display: inline-block;
vertical-align: middle;
border-bottom: none;
width: 16px;
height: 0;
padding-top: 24px;
margin: -5px 0 -5px 2px;
overflow: hidden;
}
.sf-field > * {
display: table-cell;
vertical-align: middle;
}
.search-line.sl-options a.sf-clear:before {
content: '';
display: block;
width: 6px;
height: 7px;
background: url(../img/sprites.png) -135px -25px no-repeat;
position: absolute;
left: 50%;
top: 50%;
margin: -3px 0 0 -3px;
}
.sf-field label {
font-size: 16px;
line-height: 20px;
font-weight: normal;
padding: 10px 5px 10px 20px;
white-space: nowrap;
}
.sf-field {
position: relative;
display: table;
width: 100%;
height: 40px;
border-collapse: collapse;
background: #fff;
color: #aaa;
box-shadow: inset 0 1px 0 #d9d9d9, 0 -1px 0 rgba(0, 0, 0, .2);
z-index: 1;
}
.sf-field .input-text {
width: 100%;
height: 100%;
}
.sf-field-wrap:first-child .sf-field {
border-radius: 4px 0 0 4px;
}
.sf-field .input-text input[type="text"] {
display: block;
width: 100%;
height: 100%;
background: none;
border: none;
outline: none;
padding: 10px 10px 10px 0;
font-family: 'dindisplay_pro', Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sf-field > * {
display: table-cell;
vertical-align: middle;
}
.search-form button,
.in-search-form button{
display: inline-block;
vertical-align: top;
height: 40px;
border: 1px solid #fff;
/*background: none;*/
outline: none;
color: #fff;
font-family: 'dindisplay_pro', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
line-height: 41px;
text-transform: uppercase;
padding: 0 25px;
border-radius: 0 4px 4px 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(0, 0, 0, .2);
-webkit-filter: none;
filter: none;
}
.pwf-buttons-line button{
border-radius: 4px;
}
.sf-field label {
font-size: 16px;
line-height: 20px;
font-weight: normal;
padding: 10px 5px 10px 20px;
white-space: nowrap;
}
.search-form button:before,
.in-search-form button:before {
content: ' ';
display: inline-block;
vertical-align: middle;
width: 15px;
height: 14px;
background: url(../img/sprites.png) -98px 0 no-repeat;
margin: -2px 5px 0 -1px;
}
.sf-field .input-text {
width: 100%;
height: 100%;
}
.search-form button:hover,
.in-search-form button:hover {
position: relative;
top: -1px;
/*background: none;*/
}
.sf-field .input-text input[type="text"] {
display: block;
width: 100%;
height: 100%;
background: none;
border: none;
outline: none;
padding: 10px 10px 10px 0;
font-family: 'dindisplay_pro', Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sf-autocomplete {
position: relative;
z-index: 3048;
height: 40px;
display: none;
}
.sf-autocomplete.show {
display: block;
}
.search-form button.search_submit,
.search-form button.modal-approve,
.in-search-form button.search_submit,
.in-search-form button.modal-approve{
display: inline-block;
vertical-align: top;
height: 40px;
border: 1px solid #fff;
/*background: none;*/
outline: none;
color: #fff;
font-family: 'dindisplay_pro', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
line-height: 41px;
text-transform: uppercase;
padding: 0 25px;
border-radius: 0 4px 4px 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(0, 0, 0, .2);
-webkit-filter: none;
filter: none;
}
button.modal-approve{
border-radius: 4px !important;
}
.sf-autocomplete .sfa-wrap {
position: absolute;
left: 0;
width: 100%;
top: 0;
background: #fff;
padding: 20px 20px 20px 20px;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0 0 0 3px rgba(0, 0, 0, .2);
visibility: hidden;
background: #ffffff; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 10%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 10%,#efefef 100%); /* Opera 11.10+ */ /* IE10+ */
background: -webkit-linear-gradient(top, #ffffff 10%, #efefef 100%);
background: -o-linear-gradient(top, #ffffff 10%, #efefef 100%);
background: linear-gradient(to bottom, #ffffff 10%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
.search-form button.search_submit:before,
.search-form button.modal-approve:before,
.in-search-form button.search_submit:before ,
.in-search-form button.modal-approve:before {
content: ' ';
display: inline-block;
vertical-align: middle;
width: 15px;
height: 14px;
background: url(../img/sprites.png) -98px 0 no-repeat;
margin: -2px 5px 0 -1px;
}
}
.search-form button:hover,
.in-search-form button:hover {
position: relative;
top: -1px;
/*background: none;*/
}
.sf-autocomplete .sfa-wrap {
border-radius: 4px 0 4px 4px;
}
.sf-autocomplete {
position: relative;
z-index: 3048;
height: 40px;
display: none;
}
.sf-autocomplete.show {
display: block;
}
.sf-autocomplete .sfa-wrap.show {
visibility: visible;
}
.sf-autocomplete .sfa-wrap {
position: absolute;
left: 0;
width: 100%;
top: 0;
background: #fff;
padding: 20px 20px 20px 20px;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0 0 0 3px rgba(0, 0, 0, .2);
visibility: hidden;
background: #ffffff; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 10%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 10%,#efefef 100%); /* Opera 11.10+ */ /* IE10+ */
background: -webkit-linear-gradient(top, #ffffff 10%, #efefef 100%);
background: -o-linear-gradient(top, #ffffff 10%, #efefef 100%);
background: linear-gradient(to bottom, #ffffff 10%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
.ui-autocomplete {
position: relative;
width: 100%;
max-height: 265px;
overflow-y: auto;
overflow-x: hidden;
left: 0 !important;
top: 0 !important;
padding: 5px 10px 0 0;
border-top: 1px dotted #ccc;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui-autocomplete-category {
font-size: 15px;
line-height: 17px;
color: #ff6600;
padding: 8px 10px 0 0;
}
}
.ui-menu .ui-menu-item {
padding: 0 10px 0 5px;
margin-top: 2px;
}
.sf-autocomplete .sfa-wrap {
border-radius: 4px 0 4px 4px;
}
.ui-menu .ui-menu-item a {
color: #464646;
font-size: 15px;
line-height: 15px;
border: none;
padding: 2px 5px;
cursor: pointer;
}
.sf-autocomplete .sfa-wrap.show {
visibility: visible;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
color: #ff6600;
margin: 0;
}
.ui-autocomplete {
position: relative;
width: 100%;
max-height: 265px;
overflow-y: auto;
overflow-x: hidden;
left: 0 !important;
top: 0 !important;
padding: 5px 10px 0 0;
border-top: 1px dotted #ccc;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui-autocomplete-category {
font-size: 15px;
line-height: 17px;
color: #ff6600;
padding: 8px 10px 0 0;
}
.ui-menu .ui-menu-item a i {
font-style: normal;
color: #a2a2a2;
}
.ui-menu .ui-menu-item {
padding: 0 10px 0 5px;
margin-top: 2px;
}
.ui-menu .ui-menu-item a {
color: #464646;
font-size: 15px;
line-height: 15px;
border: none;
padding: 2px 5px;
cursor: pointer;
}
.mp-catalog {
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
color: #ff6600;
margin: 0;
}
}
.ui-menu .ui-menu-item a i {
font-style: normal;
color: #a2a2a2;
}
/* # clear all button*/
.in-search-form .modal-clear,
.search-form .modal-clear{
height: 40px;
border: 1px solid #fff;
padding: 0 25px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(0, 0, 0, .2);
}
/* end of search block*/
@ -4032,7 +4039,6 @@ form.s-message {
.c-select-box .csb-menu .q-sel {
width: 190px;
float: right;
margin-top: 1em;
}
@ -12013,6 +12019,21 @@ hr + .rq-note {
.mt-0{
margin-top: 0;
}
button.gray{
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top, #dbdbdb 0%, #bdbdbd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#bdbdbd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbdbdb 0%,#bdbdbd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbdbdb 0%,#bdbdbd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbdbdb 0%,#bdbdbd 100%); /* IE10+ */
background: linear-gradient(to bottom, #dbdbdb 0%,#bdbdbd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bdbdbd',GradientType=0 ); /* IE6-9 */
}
button.gray:hover{
background: #dbdbdb; /* Old browsers */
}
@ -12020,16 +12041,16 @@ hr + .rq-note {
# Модальное окно выбора тематики
\******************************/
.pw-subj .q-sel{
top: 0;
position: absolute;
right: 0;
margin-top: 1em;
.pw-subj .q-sel{
top: 0;
position: absolute;
right: 0;
margin-top: 1em;
}
.search_form .scroll-container{
overflow: hidden;
}
}
.search_form .scroll-container{
overflow: hidden;
}
/******************************\
# Модальное окно общий вид
\******************************/

4
templates/client/static_client/js/_modules/block.search.js
Unescape View File

@ -359,7 +359,7 @@ if (EXPO.searchBlock){
}
return false;
});
$('.clear', $modal).on('click', function () {
$('.modal-clear', $modal).on('click', function () {
self.resetList();
return false;
});
@ -1118,7 +1118,7 @@ if (EXPO.searchBlock){
/**
* clear all button behavior
*/
$('.clear',$modal).on('click', function () {
$('.modal-clear',$modal).on('click', function () {
self.resetList();
return false;
});

2
templates/client/static_client/js_min/_modules/block.search.min.js vendored
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save