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

clients dialog

Browse Source
remotes/origin/yandex
Bachurin Sergey 11 years ago
parent 24f28e8457
commit 9e86f77a0b
4 changed files with 91 additions and 58 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. 44
      project/static/css/style.css
  2. BIN
      project/static/img/save.png
  3. 4
      project/static/js/client.commons.js
  4. 101
      project/templates/customer/clients/form.html

44
project/static/css/style.css
Unescape View File

@ -225,6 +225,24 @@ h1, h2, h3 { line-height: normal; }
h1 {font-family:"Arial Narrow", Arial, sans-serif;font-size:30px;font-weight:normal;font-stretch:condensed;}
h2 {font-weight: normal;font-size:24px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-radius:none!important;
}
.ui-widget-content {
background:#fff;
}
.ui-dialog .ui-dialog-content {
background:#fff;
}
.ui-dialog .ui-dialog-buttonpane {
border:0;
position:absolute;
bottom:0;
right:100px;
padding:15px 0;
}
ul.messagelist { padding: 0 0 5px 0; margin: 0; }
ul.messagelist li {
font-size: 12px;
@ -238,6 +256,13 @@ ul.messagelist li {
ul.messagelist li.warning { background-image: url(../img/icon-alert.gif); }
ul.messagelist li.error { background-image: url(../img/icon-error.gif); }
.ui-dialog .save_btn {display:inline;font-family:"Arial Narrow", Arial, sans-serif;font-size:22px;text-transform:uppercase;font-weight:bold;border:none;width:215px;height:72px;background:#fed13e;border-radius:0;}
.ui-dialog .save_btn span {width:215px;display:table-cell;vertical-align:middle;text-align:right;text-transform:uppercase;text-decoration:none;font-size:22px;color:#4e5661;background:url(../img/save.png) no-repeat 20px top;}
.ui-dialog .cancel_btn {display:inline;font-family:"Arial Narrow", Arial, sans-serif;font-weight:bold;border:none;width:120px;height:72px;background:none;border-radius:0;}
.ui-dialog .cancel_btn span {width:215px;display:table-cell;vertical-align:middle;text-align:center;text-decoration:underline;font-size:14px;color:#498dd0;font-weight:normal;}
.reqs_btns .yellow-btn {color:#4e5661;}
.hidden {display:none; }
.errorlist { font-size: 8pt; overflow: hidden; }
@ -247,6 +272,8 @@ ul.messagelist li.error { background-image: url(../img/icon-error.gif); }
form { font-size: small; padding: 0; margin: 0; }
form label {font-style:italic;font-size:16px;}
.label {width:120px;text-align:right;font-size:14px;color:#646669;line-height:30px;}
.form-field: {width:210px;}
input, select, textarea { font-family: Arial,Helvetica,sans-serif; font-size: 46px;line-height:46px; background:#f8f8f8;background:#f8f8f8;}
@ -258,21 +285,28 @@ fieldset {
}
textarea { width: 99%; }
input[type=text], input[type=password], select, textarea { border: 1px solid #777; }
input[type=text], input[type=password], textarea, option { padding-left: 2px; margin-left: 2px; }
input[type=text], input[type=email], input[type=password], select, textarea { border: 1px inset #8c8c8c; }
input[type=text], input[type=email], input[type=password], textarea, option { padding-left: 2px; margin-left: 2px; }
.long-input input { width: 350px; }
.block { margin: 10px 0; }
.client-form .col1 { float: left; width: 350px; }
.client-form .col2 { float: left; width: 290px; }
.client-form input[type=text], .client-form input[type=password], .client-form textarea, .client-form option {
.client-form .col2 { float: left; width: 370px; }
.client-form .field {margin-top: 5px;}
.client-form input[type=text], .client-form input[type=password], .client-form input[type=email] {
height:28px;
}
.client-form input[type=text], .client-form input[type=password], .client-form input[type=email], .client-form textarea, .client-form option {
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
width: 200px;
font-size: 20px;
line-height:20px;
}
.client-form .bank-header {color:#646669;font-weight:bold;text-align:center;margin:15px 0;}
/*.client-form .buttons { padding: 10px 0 6px 33px; }*/
.profile-table {width:100%;overflow:hidden;border-collapse: separate; display:table;border-spacing:15px;background:url(../img/darker-bg.png);padding-bottom:85px;}

BIN
project/static/img/save.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 591 B

4
project/static/js/client.commons.js
Unescape View File

@ -3,19 +3,21 @@ function setup_client_edit_form(form) {
form.dialog({
modal: true,
autoOpen: false,
minWidth: 670,
minWidth: 830,
buttons: [
{
text: btn1_caption,
click: function(){
form.submit()
},
class: "save_btn"
},
{
text:"Отмена",
click: function(){
$(this).dialog("close");
},
class: "cancel_btn"
}
]
});

101
project/templates/customer/clients/form.html
Unescape View File

@ -15,13 +15,12 @@
{% if is_ajax %}<div class="errors-layout"></div>{% endif %}
<div class="col1">
<div style="margin-left: 128px; padding-top: 5px; font-weight: bold">&nbsp;</div>
<div id="name" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
Наименование:{% if form.name.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Наименование{% if form.name.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.name }}
{% if not is_ajax %}{{ form.name.errors }}{% endif %}
</div>
@ -29,10 +28,10 @@
</div>
<div id="inn" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
ИНН:{% if form.inn.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
ИНН{% if form.inn.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.inn }}
{% if not is_ajax %}{{ form.inn.errors }}{% endif %}
</div>
@ -40,10 +39,10 @@
</div>
<div id="kpp" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
КПП:{% if form.kpp.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
КПП{% if form.kpp.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.kpp }}
{% if not is_ajax %}{{ form.kpp.errors }}{% endif %}
</div>
@ -51,10 +50,10 @@
</div>
<div id="okpo" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
ОКПО:{% if form.okpo.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
ОКПО{% if form.okpo.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.okpo }}
{% if not is_ajax %}{{ form.okpo.errors }}{% endif %}
</div>
@ -62,23 +61,23 @@
</div>
<div id="address" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
Юр. адрес:{% if form.address.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Юр. адрес{% if form.address.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.address }}
{% if not is_ajax %}{{ form.address.errors }}{% endif %}
</div>
<div class="clear"></div>
</div>
<div style="margin-left: 128px; padding-top: 5px; font-weight: bold">Банковские реквизиты</div>
<div class="bank-header">Банковские реквизиты</div>
<div id="bank_bik" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
БИК:{% if form.bank_bik.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
БИК{% if form.bank_bik.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.bank_bik }}
{% if not is_ajax %}{{ form.bank_bik.errors }}{% endif %}
</div>
@ -86,10 +85,10 @@
</div>
<div id="bank_name" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
Наименование банка:{% if form.bank_name.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Наименование банка{% if form.bank_name.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.bank_name }}
{% if not is_ajax %}{{ form.bank_name.errors }}{% endif %}
</div>
@ -97,10 +96,10 @@
</div>
<div id="bank_address" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
Местонахождение:{% if form.bank_address.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Местонахождение{% if form.bank_address.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.bank_address }}
{% if not is_ajax %}{{ form.bank_address.errors }}{% endif %}
</div>
@ -108,10 +107,10 @@
</div>
<div id="bank_korr_account" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
К/сч.:{% if form.bank_korr_account.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
К/сч.{% if form.bank_korr_account.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.bank_korr_account }}
{% if not is_ajax %}{{ form.bank_korr_account.errors }}{% endif %}
</div>
@ -119,10 +118,10 @@
</div>
<div id="bank_account" class="field">
<div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
Р/сч.:{% if form.bank_account.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Р/сч.{% if form.bank_account.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.bank_account }}
{% if not is_ajax %}{{ form.bank_account.errors }}{% endif %}
</div>
@ -131,13 +130,11 @@
</div>
<div class="col2">
<div style="margin-left: 68px; padding-top: 5px; font-weight: bold">Контакты</div>
<div id="contact_name" class="field">
<div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
Имя:{% if form.contact_name.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Имя{% if form.contact_name.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.contact_name }}
{% if not is_ajax %}{{ form.contact_name.errors }}{% endif %}
</div>
@ -145,10 +142,10 @@
</div>
<div id="contact_email" class="field">
<div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
E-mail:{% if form.contact_email.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
E-mail{% if form.contact_email.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.contact_email }}
{% if not is_ajax %}{{ form.contact_email.errors }}{% endif %}
</div>
@ -156,10 +153,10 @@
</div>
<div id="contact_phone" class="field">
<div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
Телефон:{% if form.contact_phone.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Телефон{% if form.contact_phone.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.contact_phone }}
{% if not is_ajax %}{{ form.contact_phone.errors }}{% endif %}
</div>
@ -167,10 +164,10 @@
</div>
<div id="contact_icq" class="field">
<div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
ICQ:{% if form.contact_icq.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
ICQ{% if form.contact_icq.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.contact_icq }}
{% if not is_ajax %}{{ form.contact_icq.errors }}{% endif %}
</div>
@ -178,10 +175,10 @@
</div>
<div id="contact_skype" class="field">
<div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
Skype:{% if form.contact_skype.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Skype{% if form.contact_skype.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.contact_skype }}
{% if not is_ajax %}{{ form.contact_skype.errors }}{% endif %}
</div>
@ -189,10 +186,10 @@
</div>
<div id="contact_other" class="field">
<div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
Другое:{% if form.contact_other.field.required %} <span class="required">*</span>{% endif %}
<div class="left label">
Другое{% if form.contact_other.field.required %}<span class="required">*</span>{% endif %}:
</div>
<div style="float: left; width: 210px;">
<div class="form-field">
{{ form.contact_other }}
{% if not is_ajax %}{{ form.contact_other.errors }}{% endif %}
</div>

Write Preview
Loading…
Cancel
Save