refactor dialog of add user template

This commit is contained in:
Mike Ng
2018-06-01 13:22:54 +04:00
parent 0f61063684
commit 5fbe76e6e4
3 changed files with 76 additions and 6 deletions

View File

@@ -231,6 +231,74 @@ div.switch_right.unchecked {
.ui-datepicker {
z-index: 1500;
}
#template_add_dialog.ui-dialog-content {
margin-bottom: 0;
margin-top: 8px;
}
.template_add_dialog_container {
.ui-dialog-title {
font-family: Roboto;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4a4a4a;
}
.ui-dialog-titlebar-close {
border: none;
margin-right: 4px;
}
.ui-icon.ui-icon-closethick {
background-image: url("/assets/common/images/icons/button-close-gray.png");
background-position: center;
}
.ui-dialog-buttonpane .ui-button {
border-radius: 15px;
background-color: #ffffff;
border: solid 1px #4a4a4a;
font-family: Roboto;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #1d1d1d;
height: 30px;
min-width: 135px;
padding-left: 20px;
padding-right: 20px;
}
.ui-dialog-buttonpane .ui-button:nth-child(2) {
background-color: #4a4a4a;
color: #FFFFFF;
}
#template_add_dialog {
form {
margin-bottom: 10px;
}
label: {
font-family: Roboto;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #1d1d1d;
}
#template-add-input {
width: 94%;
background-color: #ffffff;
border: solid 1px #979797;
}
}
}
/******* BOARD ****************************************************************/
.board_section {
margin: 0 0 30px;

View File

@@ -105,7 +105,7 @@
<div id="template_add_dialog" title="{{ 'Creer un modele' | trans }}">
<form>
<label>{{ 'Nom du nouveau modele' | trans }}</label>
<input type="text" name="value" />
<input id="template-add-input" type="text" name="value"/>
<img src="/assets/common/images/icons/loaderFFF.gif" class="new_user_loader" style="display:none;"/>
</form>
</div>

View File

@@ -308,22 +308,24 @@
}).dialog('close');
var buttons = {};
buttons[language.create_template] = function () {
check_new_user(true);
};
buttons[language.annuler] = function () {
$('#template_add_dialog').dialog('close');
};
buttons[language.create_template] = function () {
check_new_user(true);
};
$('#template_add_dialog').dialog({
var templateAddDialog = $('#template_add_dialog').dialog({
buttons: buttons,
modal: true,
resizable: false,
draggable: false,
width: 500
width: 382,
}).dialog('close');
templateAddDialog.closest('.ui-dialog').addClass('template_add_dialog_container');
function check_new_user(is_template) {
var container = is_template ? $('#template_add_dialog') : $('#user_add_dialog');
$('#new_user_loader').show();