mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-24 10:23:17 +00:00
refactor dialog of add user template
This commit is contained in:
@@ -231,6 +231,74 @@ div.switch_right.unchecked {
|
|||||||
.ui-datepicker {
|
.ui-datepicker {
|
||||||
z-index: 1500;
|
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 ****************************************************************/
|
||||||
.board_section {
|
.board_section {
|
||||||
margin: 0 0 30px;
|
margin: 0 0 30px;
|
||||||
|
|||||||
@@ -105,7 +105,7 @@
|
|||||||
<div id="template_add_dialog" title="{{ 'Creer un modele' | trans }}">
|
<div id="template_add_dialog" title="{{ 'Creer un modele' | trans }}">
|
||||||
<form>
|
<form>
|
||||||
<label>{{ 'Nom du nouveau modele' | trans }}</label>
|
<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;"/>
|
<img src="/assets/common/images/icons/loaderFFF.gif" class="new_user_loader" style="display:none;"/>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -308,22 +308,24 @@
|
|||||||
}).dialog('close');
|
}).dialog('close');
|
||||||
|
|
||||||
var buttons = {};
|
var buttons = {};
|
||||||
buttons[language.create_template] = function () {
|
|
||||||
check_new_user(true);
|
|
||||||
};
|
|
||||||
buttons[language.annuler] = function () {
|
buttons[language.annuler] = function () {
|
||||||
$('#template_add_dialog').dialog('close');
|
$('#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,
|
buttons: buttons,
|
||||||
modal: true,
|
modal: true,
|
||||||
resizable: false,
|
resizable: false,
|
||||||
draggable: false,
|
draggable: false,
|
||||||
width: 500
|
width: 382,
|
||||||
|
|
||||||
}).dialog('close');
|
}).dialog('close');
|
||||||
|
|
||||||
|
templateAddDialog.closest('.ui-dialog').addClass('template_add_dialog_container');
|
||||||
|
|
||||||
function check_new_user(is_template) {
|
function check_new_user(is_template) {
|
||||||
var container = is_template ? $('#template_add_dialog') : $('#user_add_dialog');
|
var container = is_template ? $('#template_add_dialog') : $('#user_add_dialog');
|
||||||
$('#new_user_loader').show();
|
$('#new_user_loader').show();
|
||||||
|
|||||||
Reference in New Issue
Block a user