Skip to content

erp5
erp5
Commit e0e636be authored by Jérome Perrin's avatar Jérome Perrin
Browse files
Options

CUSTOM: add a confirmation for visa file gadgets in ERP5JS's form_dialog 

It would probably be better to implement something in the visa file
logistics gadget directly, but for now we are still using this. This
used to be a custom capago_rjs_gadget_erp5_pt_form_dialog_* in
capago.git , now we move the patch here.
parent 15ee08fb
Hide whitespace changes
Inline Side-by-side
Showing with 169 additions and 2 deletions
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_dialog_html.html
View file @ e0e636be
......@@ -6,6 +6,13 @@
data-i18n=Proceed
data-i18n=Cancel
data-i18n=Please fill all required fields to submit
data-i18n=Did not consider all available Visa Files, is this correct?
data-i18n=You are going to declare {visa_file_count} Visa Files as {validation_state}. Is this correct?
data-i18n=You are going to declare {visa_file_count} Visa Files as {validation_state}. However you did not consider all available Visa Files, is this correct?
data-i18n=delivered
data-i18n=received
data-i18n=rejected
data-i18n=shipped
-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
......@@ -24,8 +31,13 @@
<script src="gadget_erp5_global.js" type="text/javascript"></script>
<script src="gadget_erp5_pt_form_dialog.js" type="text/javascript"></script>
<!-- Capago dialog confirmation custom CSS -->
<link rel="stylesheet" href="gadget_dialog_custom.css" type="text/css" />
</head>
<body>
<!-- Capago custom confirmation for visa file actions -->
<section class="display_confirmation"></section>
<section class="ui-content-header-plain">
<h3></h3>
......
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_dialog_js.js
View file @ e0e636be
......@@ -340,7 +340,18 @@
});
})
.onEvent('submit', function submit() {
.onEvent('submit', function submit(evt) {
var el = this.element;
if (evt.target.className.indexOf("submit_confirmation") !== -1) {
if (el.querySelector("button[name='submit']").disabled) {
// Should not happen, I don't think any buggy browser would submit when
// clicking on a disabled submit button, but let's be safe.
return alert('Already submitted');
}
el.querySelector("button[name='submit']").disabled = true;
el.querySelector("button.cancel_submit").disabled = true;
return submitDialog.apply(this, [false]);
}
if (this.state.has_update_action === true) {
// default action on submit is update in case of its existence
return submitDialog.apply(this, [true]);
......@@ -349,9 +360,153 @@
}, false, true)
.onEvent('click', function click(evt) {
var form_gadget = this;
function cancelSubmit() {
var elem = form_gadget.element;
elem.querySelector(".display_confirmation").innerHTML = "";
elem.querySelector(".display_confirmation").style.display = "";
elem.querySelector(".ui-content-header-plain").style.display = "";
elem.querySelector(".field_container").style.display = "";
elem.querySelector(".dialog_button_container").style.display = "";
}
function formSubmitAfterConfirmation() {
return submitDialog.apply(form_gadget, [false]);
}
if (evt.target.name === "cancel") {
return cancelSubmit();
}
if (evt.target.name === "action_confirm") {
evt.preventDefault();
return submitDialog.apply(this, [false]);
return form_gadget
.getDeclaredGadget("erp5_form")
.push(function (erp5_form) {
return erp5_form.getContent();
})
.push(function (content_dict) {
var elem = form_gadget.element,
parsed_json,
captured_parsed_json,
validation_state_field,
validation_state,
message;
// XXX hardcoded for now
if (content_dict.available_visa_file_json !== undefined) {
validation_state_field = elem.querySelector(
".next_validation_state"
);
if (validation_state_field !== null) {
validation_state = validation_state_field.value;
} else {
validation_state = "shipped/received";
}
captured_parsed_json = JSON.parse(
content_dict.captured_visa_file_json
);
parsed_json = JSON.parse(content_dict.available_visa_file_json);
if (captured_parsed_json.row_list.length === 0) {
message = form_gadget.translate(
"Did not consider all available Visa Files, is this correct?"
);
} else if (parsed_json.row_list.length === 0) {
message = form_gadget
.translate(validation_state)
.then(function (translated_validation_state) {
return form_gadget
.translate(
"You are going to declare {visa_file_count} Visa Files as {validation_state}. Is this correct?"
)
.then(function (translated_string) {
return translated_string
.replace(
/{visa_file_count}/g,
captured_parsed_json.row_list.length
)
.replace(
/{validation_state}/g,
translated_validation_state
);
});
});
} else {
message = form_gadget
.translate(validation_state)
.then(function (translated_validation_state) {
return form_gadget
.translate(
"You are going to declare {visa_file_count} Visa Files as {validation_state}. However you did not consider all available Visa Files, is this correct?"
)
.then(function (translated_string) {
return translated_string
.replace(
/{visa_file_count}/g,
captured_parsed_json.row_list.length
)
.replace(
/{validation_state}/g,
translated_validation_state
);
});
});
}
return message.then(function (translatedMessage) {
var messageConfirmYes = "Yes, it is. Continue.",
messageConfirmNo = "No, it isn't. Go back.";
elem.querySelector(".ui-content-header-plain").style.display =
"none";
elem.querySelector(".field_container").style.display = "none";
elem.querySelector(".dialog_button_container").style.display =
"none";
return form_gadget.getTranslationList(
[messageConfirmYes, messageConfirmNo]
).then(
function(messageList){
var translatedMessageConfirmYes = messageList[0],
translatedMessageConfirmNo = messageList[1];
domsugar(
elem.querySelector(".display_confirmation"),
[domsugar(
"form",
{ class: "submit_confirmation" },
[
domsugar(
"label",
{ class: "dialog_confirm_message" },
[
translatedMessage,
domsugar(
"button",
{
name: "submit",
class: "dialog_confirm_button",
"data-i18n": messageConfirmYes,
},
[translatedMessageConfirmYes]
),
],
),
domsugar(
"button",
{
name: "cancel",
class: "cancel_submit dialog_confirm_button",
"data-i18n": messageConfirmNo,
},
[translatedMessageConfirmNo]
)
]
)
])
})
});
}
return formSubmitAfterConfirmation();
});
}
if (evt.target.name === "action_update") {
evt.preventDefault();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7