\");\n\t\tthis.country_code_picker = new PhonePicker({\n\t\t\tparent: picker_wrapper,\n\t\t\tcountries: this.country_codes,\n\t\t});\n\n\t\tthis.$wrapper\n\t\t\t.popover({\n\t\t\t\ttrigger: \"manual\",\n\t\t\t\toffset: `${-this.$wrapper.width() / 4.5}, 5`,\n\t\t\t\tboundary: \"viewport\",\n\t\t\t\tplacement: \"bottom\",\n\t\t\t\ttemplate: `\n\t\t\t\t
\n\t\t\t`,\n\t\t\t\tcontent: () => picker_wrapper,\n\t\t\t\thtml: true,\n\t\t\t})\n\t\t\t.on(\"show.bs.popover\", () => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.country_code_picker.refresh();\n\t\t\t\t\tthis.country_code_picker.search_input.focus();\n\t\t\t\t}, 10);\n\t\t\t})\n\t\t\t.on(\"hidden.bs.popover\", () => {\n\t\t\t\t$(\"body\").off(\"click.phone-popover\");\n\t\t\t\t$(window).off(\"hashchange.phone-popover\");\n\t\t\t});\n\n\t\t// Default icon when nothing is selected.\n\t\tthis.selected_icon = this.$wrapper.find(\".selected-phone\");\n\t\tlet input_value = this.get_input_value();\n\t\tif (!this.selected_icon.length) {\n\t\t\tthis.selected_icon = $(\n\t\t\t\t`
`\n\t\t\t);\n\t\t\tthis.selected_icon.insertAfter(this.$input);\n\t\t\tthis.selected_icon.append($(`
`));\n\t\t\tthis.$isd = this.selected_icon.find(\".country\");\n\t\t\tif (input_value && input_value.split(\"-\").length == 2) {\n\t\t\t\tthis.$isd.text(this.value.split(\"-\")[0]);\n\t\t\t}\n\t\t}\n\t}\n\n\trefresh() {\n\t\tsuper.refresh();\n\t\t// Previously opened doc values showing up on a new doc\n\t\t// Previously opened doc values showing up on other docs where phone fields is empty\n\n\t\tif (!this.get_value()) {\n\t\t\tthis.reset_input();\n\t\t}\n\t}\n\n\treset_input() {\n\t\tif (!this.$input) return;\n\t\tthis.$input.val(\"\");\n\t\tthis.$wrapper.find(\".country\").text(\"\");\n\t\tif (this.selected_icon.find(\"svg\").hasClass(\"hide\")) {\n\t\t\tthis.selected_icon.find(\"svg\").toggleClass(\"hide\");\n\t\t\tthis.selected_icon.find(\"img\").addClass(\"hide\");\n\t\t}\n\t\tthis.$input.css(\"padding-left\", 30);\n\t}\n\n\tasync set_formatted_input(value) {\n\t\tif (!this.country_codes) {\n\t\t\tawait this.setup_country_codes();\n\t\t}\n\t\tif (value && value.includes(\"-\") && value.split(\"-\").length == 2) {\n\t\t\tif (!this.selected_icon.find(\"svg\").hasClass(\"hide\")) {\n\t\t\t\tthis.selected_icon.find(\"svg\").toggleClass(\"hide\");\n\t\t\t}\n\t\t\tlet isd = this.value.split(\"-\")[0];\n\t\t\tthis.get_country_code_and_change_flag(isd);\n\t\t\tthis.country_code_picker.set_country(isd);\n\t\t\tthis.country_code_picker.refresh();\n\t\t\tif (\n\t\t\t\tthis.country_code_picker.country &&\n\t\t\t\tthis.country_code_picker.country !== this.$isd.text()\n\t\t\t) {\n\t\t\t\tthis.$isd.length && this.$isd.text(isd);\n\t\t\t}\n\t\t\tthis.update_padding();\n\t\t\tthis.$input.val(value.split(\"-\").pop());\n\t\t} else if (this.$isd.text().trim() && this.value) {\n\t\t\tlet code_number = this.$isd.text() + \"-\" + value;\n\t\t\tthis.set_value(code_number);\n\t\t}\n\t}\n\n\tget_value() {\n\t\treturn this.value;\n\t}\n\n\tset_flag(country_code) {\n\t\tthis.selected_icon.find(\"img\").attr(\"src\", `https://flagcdn.com/${country_code}.svg`);\n\t\tthis.$icon = this.selected_icon.find(\"img\");\n\t\tthis.$icon.hasClass(\"hide\") && this.$icon.toggleClass(\"hide\");\n\t}\n\n\t// country_code for India is 'in'\n\tget_country_code_and_change_flag(isd) {\n\t\tlet country_data = this.country_codes;\n\t\tlet flag = this.selected_icon.find(\"img\");\n\t\tfor (const country in country_data) {\n\t\t\tif (Object.values(country_data[country]).includes(isd)) {\n\t\t\t\tlet code = country_data[country].code;\n\t\t\t\tflag = this.selected_icon.find(\"img\");\n\t\t\t\tif (!flag.length) {\n\t\t\t\t\tthis.selected_icon.prepend(this.get_country_flag(country));\n\t\t\t\t\tthis.selected_icon.find(\"svg\").addClass(\"hide\");\n\t\t\t\t} else {\n\t\t\t\t\tthis.set_flag(code);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tget_country(country) {\n\t\tconst country_codes = this.country_codes;\n\t\treturn country_codes[country].isd;\n\t}\n\n\tget_country_flag(country) {\n\t\tconst country_codes = this.country_codes;\n\t\tlet code = country_codes[country].code;\n\t\treturn frappe.utils.flag(code);\n\t}\n\n\tupdate_padding() {\n\t\tlet len = this.$isd.text().length;\n\t\tlet diff = len - 2;\n\t\tif (len > 2) {\n\t\t\tthis.$input.css(\"padding-left\", 60 + diff * 7);\n\t\t} else {\n\t\t\tthis.$input.css(\"padding-left\", 60);\n\t\t}\n\t}\n};\n", "class PhonePicker {\n\tconstructor(opts) {\n\t\tthis.parent = opts.parent;\n\t\tthis.width = opts.width;\n\t\tthis.height = opts.height;\n\t\tthis.country = opts.country;\n\t\topts.country && this.set_country(opts.country);\n\t\tthis.countries = opts.countries;\n\t\tthis.setup_picker();\n\t}\n\n\trefresh() {\n\t\tthis.update_icon_selected(true);\n\t}\n\n\tsetup_picker() {\n\t\tthis.phone_picker_wrapper = $(`\n\t\t\t
\n\t\t`);\n\t\tthis.parent.append(this.phone_picker_wrapper);\n\t\tthis.phone_wrapper = this.phone_picker_wrapper.find(\".phones\");\n\t\tthis.search_input = this.phone_picker_wrapper.find(\".search-phones > input\");\n\t\tthis.refresh();\n\t\tthis.setup_countries();\n\t}\n\n\tsetup_countries() {\n\t\tObject.entries(this.countries).forEach(([country, info]) => {\n\t\t\tif (!info.isd) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tlet $country = $(`\n\t\t\t\t
\n\t\t\t`);\n\t\t\tthis.phone_wrapper.append($country);\n\t\t\tconst set_values = () => {\n\t\t\t\tthis.set_country(country);\n\t\t\t\tthis.update_icon_selected();\n\t\t\t};\n\t\t\t$country.on(\"click\", () => {\n\t\t\t\tset_values();\n\t\t\t});\n\t\t\t$country.hover(() => {\n\t\t\t\t$country.toggleClass(\"bg-gray-100\");\n\t\t\t});\n\t\t\tthis.search_input.keydown((e) => {\n\t\t\t\tconst key_code = e.keyCode;\n\t\t\t\tif ([13].includes(key_code)) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tset_values();\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.search_input.keyup((e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.filter_icons(country, info.isd);\n\t\t\t});\n\n\t\t\tthis.search_input.on(\"search\", () => {\n\t\t\t\tthis.filter_icons(country, info.isd);\n\t\t\t});\n\t\t});\n\t}\n\n\tfilter_icons(country, isd) {\n\t\tlet value = this.search_input.val();\n\t\tif (!value) {\n\t\t\tthis.phone_wrapper.find(\".phone-wrapper\").removeClass(\"hidden\");\n\t\t} else {\n\t\t\tif (!isd.includes(value) && !country.toLowerCase().includes(value.toLowerCase())) {\n\t\t\t\tthis.phone_wrapper\n\t\t\t\t\t.find(`.phone-wrapper[id='${country.toLowerCase()}']`)\n\t\t\t\t\t.addClass(\"hidden\");\n\t\t\t} else {\n\t\t\t\tthis.phone_wrapper\n\t\t\t\t\t.find(`.phone-wrapper[id='${country.toLowerCase()}']`)\n\t\t\t\t\t.removeClass(\"hidden\");\n\t\t\t}\n\t\t}\n\t}\n\n\tupdate_icon_selected(silent) {\n\t\t!silent && this.on_change && this.on_change(this.get_country());\n\t}\n\n\tset_country(country) {\n\t\tthis.country = country || \"\";\n\t}\n\n\tget_country() {\n\t\treturn this.country;\n\t}\n\n\treset() {\n\t\tthis.set_country();\n\t\tthis.update_icon_selected();\n\t}\n}\n\nexport default PhonePicker;\n", "frappe.ui.form.ControlJSON = class ControlCode extends frappe.ui.form.ControlCode {\n\tset_language() {\n\t\tthis.editor.session.setMode(\"ace/mode/json\");\n\t\tthis.editor.setKeyboardHandler(\"ace/keyboard/vscode\");\n\t}\n};\n", "// Copyright (c) 2015, Frappe Technologies Pvt. Ltd. and Contributors\n// MIT License. See license.txt\n\n// add a new dom element\nfrappe.provide(\"frappe.dom\");\n\nfrappe.dom = {\n\tid_count: 0,\n\tfreeze_count: 0,\n\tby_id: function (id) {\n\t\treturn document.getElementById(id);\n\t},\n\tget_unique_id: function () {\n\t\tconst id = \"unique-\" + frappe.dom.id_count;\n\t\tfrappe.dom.id_count++;\n\t\treturn id;\n\t},\n\tset_unique_id: function (ele) {\n\t\tvar $ele = $(ele);\n\t\tif ($ele.attr(\"id\")) {\n\t\t\treturn $ele.attr(\"id\");\n\t\t}\n\t\tvar id = \"unique-\" + frappe.dom.id_count;\n\t\t$ele.attr(\"id\", id);\n\t\tfrappe.dom.id_count++;\n\t\treturn id;\n\t},\n\teval: function (txt) {\n\t\tif (!txt) return;\n\t\tvar el = document.createElement(\"script\");\n\t\tel.appendChild(document.createTextNode(txt));\n\t\t// execute the script globally\n\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(el);\n\t},\n\n\tremove_script_and_style: function (txt) {\n\t\tconst evil_tags = [\"script\", \"style\", \"noscript\", \"title\", \"meta\", \"base\", \"head\"];\n\t\tconst unsafe_tags = [\"link\"];\n\n\t\tif (!this.unsafe_tags_regex) {\n\t\t\tconst evil_and_unsafe_tags = evil_tags.concat(unsafe_tags);\n\t\t\tconst regex_str = evil_and_unsafe_tags.map((t) => `<([\\\\s]*)${t}`).join(\"|\");\n\t\t\tthis.unsafe_tags_regex = new RegExp(regex_str, \"im\");\n\t\t}\n\n\t\t// if no unsafe tags are present return as is to prevent unncessary expensive parsing\n\t\tif (!txt || !this.unsafe_tags_regex.test(txt)) {\n\t\t\treturn txt;\n\t\t}\n\n\t\tconst parser = new DOMParser();\n\t\tconst doc = parser.parseFromString(txt, \"text/html\");\n\t\tconst body = doc.body;\n\t\tlet found = !!doc.head.innerHTML;\n\n\t\tfor (const tag of evil_tags) {\n\t\t\tfor (const element of body.getElementsByTagName(tag)) {\n\t\t\t\tfound = true;\n\t\t\t\telement.parentNode.removeChild(element);\n\t\t\t}\n\t\t}\n\n\t\tfor (const element of body.getElementsByTagName(\"link\")) {\n\t\t\tconst relation = element.getAttribute(\"rel\");\n\t\t\tif (relation && relation.toLowerCase().trim() === \"stylesheet\") {\n\t\t\t\tfound = true;\n\t\t\t\telement.parentNode.removeChild(element);\n\t\t\t}\n\t\t}\n\n\t\tif (found) {\n\t\t\treturn body.innerHTML;\n\t\t} else {\n\t\t\t// don't disturb\n\t\t\treturn txt;\n\t\t}\n\t},\n\tis_element_in_viewport: function (el, tolerance = 0) {\n\t\t//special bonus for those using jQuery\n\t\tif (typeof jQuery === \"function\" && el instanceof jQuery) {\n\t\t\tel = el[0];\n\t\t}\n\n\t\tvar rect = el.getBoundingClientRect();\n\n\t\treturn (\n\t\t\trect.top + tolerance >= 0 &&\n\t\t\trect.left + tolerance >= 0 &&\n\t\t\trect.bottom - tolerance <= $(window).height() &&\n\t\t\trect.right - tolerance <= $(window).width()\n\t\t);\n\t},\n\n\tis_element_in_modal(element) {\n\t\treturn Boolean($(element).parents(\".modal\").length);\n\t},\n\n\tset_style: function (txt, id) {\n\t\tif (!txt) return;\n\n\t\tvar se = document.createElement(\"style\");\n\t\tse.type = \"text/css\";\n\n\t\tif (id) {\n\t\t\tvar element = document.getElementById(id);\n\t\t\tif (element) {\n\t\t\t\telement.parentNode.removeChild(element);\n\t\t\t}\n\t\t\tse.id = id;\n\t\t}\n\n\t\tif (se.styleSheet) {\n\t\t\tse.styleSheet.cssText = txt;\n\t\t} else {\n\t\t\tse.appendChild(document.createTextNode(txt));\n\t\t}\n\t\tdocument.getElementsByTagName(\"head\")[0].appendChild(se);\n\t\treturn se;\n\t},\n\tadd: function (parent, newtag, className, cs, innerHTML, onclick) {\n\t\tif (parent && parent.substr) parent = frappe.dom.by_id(parent);\n\t\tvar c = document.createElement(newtag);\n\t\tif (parent) parent.appendChild(c);\n\n\t\t// if image, 3rd parameter is source\n\t\tif (className) {\n\t\t\tif (newtag.toLowerCase() == \"img\") c.src = className;\n\t\t\telse c.className = className;\n\t\t}\n\t\tif (cs) frappe.dom.css(c, cs);\n\t\tif (innerHTML) c.innerHTML = innerHTML;\n\t\tif (onclick) c.onclick = onclick;\n\t\treturn c;\n\t},\n\tcss: function (ele, s) {\n\t\tif (ele && s) {\n\t\t\t$.extend(ele.style, s);\n\t\t}\n\t\treturn ele;\n\t},\n\tactivate: function ($parent, $child, common_class, active_class = \"active\") {\n\t\t$parent.find(`.${common_class}.${active_class}`).removeClass(active_class);\n\t\t$child.addClass(active_class);\n\t},\n\tfreeze: function (msg, css_class) {\n\t\t// blur\n\t\tif (!$(\"#freeze\").length) {\n\t\t\tvar freeze = $('
')\n\t\t\t\t.on(\"click\", function () {\n\t\t\t\t\tif (cur_frm && cur_frm.cur_grid) {\n\t\t\t\t\t\tcur_frm.cur_grid.toggle_view();\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.appendTo(\"#body\");\n\n\t\t\tfreeze.html(\n\t\t\t\trepl(\n\t\t\t\t\t'
',\n\t\t\t\t\t{ msg: msg || \"\" }\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tsetTimeout(function () {\n\t\t\t\tfreeze.addClass(\"in\");\n\t\t\t}, 1);\n\t\t} else {\n\t\t\t$(\"#freeze\").addClass(\"in\");\n\t\t}\n\n\t\tif (css_class) {\n\t\t\t$(\"#freeze\").addClass(css_class);\n\t\t}\n\n\t\tfrappe.dom.freeze_count++;\n\t},\n\tunfreeze: function () {\n\t\tif (!frappe.dom.freeze_count) return; // anything open?\n\t\tfrappe.dom.freeze_count--;\n\t\tif (!frappe.dom.freeze_count) {\n\t\t\tvar freeze = $(\"#freeze\").removeClass(\"in\").remove();\n\t\t}\n\t},\n\tsave_selection: function () {\n\t\t// via http://stackoverflow.com/questions/5605401/insert-link-in-contenteditable-element\n\t\tif (window.getSelection) {\n\t\t\tvar sel = window.getSelection();\n\t\t\tif (sel.getRangeAt && sel.rangeCount) {\n\t\t\t\tvar ranges = [];\n\t\t\t\tfor (var i = 0, len = sel.rangeCount; i < len; ++i) {\n\t\t\t\t\tranges.push(sel.getRangeAt(i));\n\t\t\t\t}\n\t\t\t\treturn ranges;\n\t\t\t}\n\t\t} else if (document.selection && document.selection.createRange) {\n\t\t\treturn document.selection.createRange();\n\t\t}\n\t\treturn null;\n\t},\n\trestore_selection: function (savedSel) {\n\t\tif (savedSel) {\n\t\t\tif (window.getSelection) {\n\t\t\t\tvar sel = window.getSelection();\n\t\t\t\tsel.removeAllRanges();\n\t\t\t\tfor (var i = 0, len = savedSel.length; i < len; ++i) {\n\t\t\t\t\tsel.addRange(savedSel[i]);\n\t\t\t\t}\n\t\t\t} else if (document.selection && savedSel.select) {\n\t\t\t\tsavedSel.select();\n\t\t\t}\n\t\t}\n\t},\n\tis_touchscreen: function () {\n\t\treturn \"ontouchstart\" in window;\n\t},\n\thandle_broken_images(container) {\n\t\t$(container)\n\t\t\t.find(\"img\")\n\t\t\t.on(\"error\", (e) => {\n\t\t\t\tconst $img = $(e.currentTarget);\n\t\t\t\t$img.addClass(\"no-image\");\n\t\t\t});\n\t},\n\tscroll_to_bottom(container) {\n\t\tconst $container = $(container);\n\t\t$container.scrollTop($container[0].scrollHeight);\n\t},\n\tfile_to_base64(file_obj) {\n\t\treturn new Promise((resolve) => {\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onload = function () {\n\t\t\t\tresolve(reader.result);\n\t\t\t};\n\t\t\treader.readAsDataURL(file_obj);\n\t\t});\n\t},\n\tscroll_to_section(section_name) {\n\t\tsetTimeout(() => {\n\t\t\tconst section = $(`a:contains(\"${section_name}\")`);\n\t\t\tif (section.length) {\n\t\t\t\tif (section.parent().hasClass(\"collapsed\")) {\n\t\t\t\t\t// opens the section\n\t\t\t\t\tsection.click();\n\t\t\t\t}\n\t\t\t\tfrappe.ui.scroll(section.parent().parent());\n\t\t\t}\n\t\t}, 200);\n\t},\n\tpixel_to_inches(pixels) {\n\t\tconst div = $(\n\t\t\t'
'\n\t\t);\n\t\tdiv.appendTo(document.body);\n\n\t\tconst dpi_x = document.getElementById(\"dpi\").offsetWidth;\n\t\tconst inches = pixels / dpi_x;\n\t\tdiv.remove();\n\n\t\treturn inches;\n\t},\n};\n\nfrappe.ellipsis = function (text, max) {\n\tif (!max) max = 20;\n\ttext = cstr(text);\n\tif (text.length > max) {\n\t\ttext = text.substr(0, max) + \"...\";\n\t}\n\treturn text;\n};\n\nfrappe.run_serially = function (tasks) {\n\tvar result = Promise.resolve();\n\ttasks.forEach((task) => {\n\t\tif (task) {\n\t\t\tresult = result.then ? result.then(task) : Promise.resolve();\n\t\t}\n\t});\n\treturn result;\n};\n\nfrappe.load_image = (src, onload, onerror, preprocess = () => {}) => {\n\tvar tester = new Image();\n\ttester.onload = function () {\n\t\tonload(this);\n\t};\n\ttester.onerror = onerror;\n\n\tpreprocess(tester);\n\ttester.src = src;\n};\n\nfrappe.timeout = (seconds) => {\n\treturn new Promise((resolve) => {\n\t\tsetTimeout(() => resolve(), seconds * 1000);\n\t});\n};\n\nfrappe.scrub = frappe.slug = function (text, spacer = \"_\") {\n\treturn text.replace(/ /g, spacer).toLowerCase();\n};\n\nfrappe.unscrub = function (txt) {\n\treturn frappe.model.unscrub(txt);\n};\n\nfrappe.get_data_pill = (\n\tlabel,\n\ttarget_id = null,\n\tremove_action = null,\n\timage = null,\n\tcolored = false\n) => {\n\tlet color = \"\",\n\t\tstyle = \"\";\n\tif (colored) {\n\t\tcolor = frappe.get_palette(label);\n\t}\n\tstyle = `background-color: var(${color[0]}); color: var(${color[1]})`;\n\tlet data_pill_wrapper = $(`\n\t\t
\n\t\t`);\n\t\tif (typeof remove_action === \"function\") {\n\t\t\tremove_btn.click(() => {\n\t\t\t\tremove_action(target_id || label, data_pill_wrapper);\n\t\t\t});\n\t\t}\n\t\tdata_pill_wrapper.append(remove_btn);\n\t}\n\treturn data_pill_wrapper;\n};\n\nfrappe.get_modal = function (title, content) {\n\treturn $(`
`);\n};\n\nfrappe.is_online = function () {\n\tif (frappe.boot.developer_mode == 1) {\n\t\t// always online in developer_mode\n\t\treturn true;\n\t}\n\tif (\"onLine\" in navigator) {\n\t\treturn navigator.onLine;\n\t}\n\treturn true;\n};\n\nfrappe.create_shadow_element = function (wrapper, html, css, js) {\n\tlet random_id = \"custom-block-\" + frappe.utils.get_random(5).toLowerCase();\n\n\tclass CustomBlock extends HTMLElement {\n\t\tconstructor() {\n\t\t\tsuper();\n\n\t\t\t// html\n\t\t\tlet div = document.createElement(\"div\");\n\t\t\tdiv.innerHTML = frappe.dom.remove_script_and_style(html);\n\n\t\t\t// link global desk css\n\t\t\tlet link = document.createElement(\"link\");\n\t\t\tlink.rel = \"stylesheet\";\n\t\t\tlink.href = frappe.assets.bundled_asset(\"desk.bundle.css\");\n\n\t\t\t// css\n\t\t\tlet style = document.createElement(\"style\");\n\t\t\tstyle.textContent = css;\n\n\t\t\t// javascript\n\t\t\tlet script = document.createElement(\"script\");\n\t\t\tscript.textContent = `\n\t\t\t\t(function() {\n\t\t\t\t\tlet cname = ${JSON.stringify(random_id)};\n\t\t\t\t\tlet root_element = document.querySelector(cname).shadowRoot;\n\t\t\t\t\t${js}\n\t\t\t\t})();\n\t\t\t`;\n\n\t\t\tthis.attachShadow({ mode: \"open\" });\n\t\t\tthis.shadowRoot?.appendChild(link);\n\t\t\tthis.shadowRoot?.appendChild(div);\n\t\t\tthis.shadowRoot?.appendChild(style);\n\t\t\tthis.shadowRoot?.appendChild(script);\n\t\t}\n\t}\n\n\tif (!customElements.get(random_id)) {\n\t\tcustomElements.define(random_id, CustomBlock);\n\t}\n\twrapper.innerHTML = `<${random_id}>`;\n};\n\n// bind online/offline events\n$(window).on(\"online\", function () {\n\tif (document.hidden) return;\n\tfrappe.show_alert({\n\t\tindicator: \"green\",\n\t\tmessage: __(\"You are connected to internet.\"),\n\t});\n});\n\n$(window).on(\"offline\", function () {\n\tif (document.hidden) return;\n\tfrappe.show_alert({\n\t\tindicator: \"orange\",\n\t\tmessage: __(\"Connection lost. Some features might not work.\"),\n\t});\n});\n", "// Copyright (c) 2015, Frappe Technologies Pvt. Ltd. and Contributors\n// MIT License. See license.txt\n\n// for license information please see license.txt\n\nfrappe.provide(\"frappe.form.formatters\");\n\nfrappe.form.link_formatters = {};\n\nfrappe.form.formatters = {\n\t_right: function (value, options) {\n\t\tif (options && (options.inline || options.only_value)) {\n\t\t\treturn value;\n\t\t} else {\n\t\t\treturn \"
\";\n\t\t}\n\t},\n\t_apply_custom_formatter: function (value, df) {\n\t\t/* you can add a custom formatter in df.formatter\n\t\texample:\n\t\t\tfrappe.meta.docfield_map[df.parent][df.fieldname].formatter = (value) => {\n\t\t\t\tif (value==='Test') return '\uD83D\uDE1C';\n\t\t\t}\n\t\t*/\n\n\t\tif (df) {\n\t\t\tconst std_df =\n\t\t\t\tfrappe.meta.docfield_map[df.parent] &&\n\t\t\t\tfrappe.meta.docfield_map[df.parent][df.fieldname];\n\t\t\tif (std_df && std_df.formatter && typeof std_df.formatter === \"function\") {\n\t\t\t\tvalue = std_df.formatter(value, df);\n\t\t\t}\n\t\t}\n\t\treturn value;\n\t},\n\tData: function (value, df) {\n\t\tif (df && df.options == \"URL\") {\n\t\t\tif (!value) return;\n\t\t\treturn `
`;\n\t\t}\n\t\tvalue = value == null ? \"\" : value;\n\n\t\treturn frappe.form.formatters._apply_custom_formatter(value, df);\n\t},\n\tAutocomplete: function (value, df) {\n\t\treturn __(frappe.form.formatters[\"Data\"](value, df));\n\t},\n\tSelect: function (value, df) {\n\t\treturn __(frappe.form.formatters[\"Data\"](value, df));\n\t},\n\tFloat: function (value, docfield, options, doc) {\n\t\tif (value === null) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\t// don't allow 0 precision for Floats, hence or'ing with null\n\t\tvar precision =\n\t\t\tdocfield.precision ||\n\t\t\tcint(frappe.boot.sysdefaults && frappe.boot.sysdefaults.float_precision) ||\n\t\t\tnull;\n\t\tif (docfield.options && docfield.options.trim()) {\n\t\t\t// options points to a currency field, but expects precision of float!\n\t\t\tdocfield.precision = precision;\n\t\t\treturn frappe.form.formatters.Currency(value, docfield, options, doc);\n\t\t} else {\n\t\t\t// show 1.000000 as 1\n\t\t\tif (!(options || {}).always_show_decimals && !is_null(value)) {\n\t\t\t\tvar temp = cstr(value).split(\".\");\n\t\t\t\tif (temp[1] == undefined || cint(temp[1]) === 0) {\n\t\t\t\t\tprecision = 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvalue = value == null || value === \"\" ? \"\" : value;\n\n\t\t\treturn frappe.form.formatters._right(format_number(value, null, precision), options);\n\t\t}\n\t},\n\tInt: function (value, docfield, options) {\n\t\tif (value === null) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tif (cstr(docfield.options).trim() === \"File Size\") {\n\t\t\treturn frappe.form.formatters.FileSize(value);\n\t\t}\n\t\treturn frappe.form.formatters._right(value == null ? \"\" : cint(value), options);\n\t},\n\tPercent: function (value, docfield, options) {\n\t\tif (value === null) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst precision =\n\t\t\tdocfield.precision ||\n\t\t\tcint(frappe.boot.sysdefaults && frappe.boot.sysdefaults.float_precision) ||\n\t\t\t2;\n\t\treturn frappe.form.formatters._right(flt(value, precision) + \"%\", options);\n\t},\n\tRating: function (value, docfield) {\n\t\tlet rating_html = \"\";\n\t\tlet number_of_stars = docfield.options || 5;\n\t\tvalue = value * number_of_stars;\n\t\tvalue = Math.round(value * 2) / 2; // roundoff number to nearest 0.5\n\t\tArray.from({ length: cint(number_of_stars) }, (_, i) => i + 1).forEach((i) => {\n\t\t\trating_html += `
`;\n\t},\n\tCurrency: function (value, docfield, options, doc) {\n\t\tif (value === null) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tvar currency = frappe.meta.get_field_currency(docfield, doc);\n\n\t\tlet precision;\n\t\tif (typeof docfield.precision == \"number\") {\n\t\t\tprecision = docfield.precision;\n\t\t} else {\n\t\t\tprecision = cint(\n\t\t\t\tdocfield.precision || frappe.boot.sysdefaults.currency_precision || 2\n\t\t\t);\n\t\t}\n\n\t\t// If you change anything below, it's going to hurt a company in UAE, a bit.\n\t\tif (precision > 2) {\n\t\t\tvar parts = cstr(value).split(\".\"); // should be minimum 2, comes from the DB\n\t\t\tvar decimals = parts.length > 1 ? parts[1] : \"\"; // parts.length == 2 ???\n\n\t\t\tif (decimals.length < 3 || decimals.length < precision) {\n\t\t\t\tconst fraction =\n\t\t\t\t\tfrappe.model.get_value(\":Currency\", currency, \"fraction_units\") || 100; // if not set, minimum 2.\n\n\t\t\t\tif (decimals.length < cstr(fraction).length) {\n\t\t\t\t\tprecision = cstr(fraction).length - 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tvalue = value == null || value === \"\" ? \"\" : value;\n\t\tvalue = format_currency(value, currency, precision);\n\n\t\tif (options && options.only_value) {\n\t\t\treturn value;\n\t\t} else {\n\t\t\treturn frappe.form.formatters._right(value, options);\n\t\t}\n\t},\n\tCheck: function (value) {\n\t\treturn `
`;\n\t},\n\tLink: function (value, docfield, options, doc) {\n\t\tvar doctype = docfield._options || docfield.options;\n\t\tvar original_value = value;\n\t\tlet link_title = frappe.utils.get_link_title(doctype, value);\n\n\t\tif (link_title === value) {\n\t\t\tlink_title = null;\n\t\t}\n\n\t\tif (value && value.match && value.match(/^['\"].*['\"]$/)) {\n\t\t\tvalue.replace(/^.(.*).$/, \"$1\");\n\t\t}\n\n\t\tif (options && (options.for_print || options.only_value)) {\n\t\t\treturn link_title || value;\n\t\t}\n\n\t\tif (frappe.form.link_formatters[doctype]) {\n\t\t\t// don't apply formatters in case of composite (parent field of same type)\n\t\t\tif (doc && doctype !== doc.doctype) {\n\t\t\t\tvalue = frappe.form.link_formatters[doctype](value, doc, docfield);\n\t\t\t}\n\t\t}\n\n\t\tif (!value) {\n\t\t\treturn \"\";\n\t\t}\n\t\tif (value[0] == \"'\" && value[value.length - 1] == \"'\") {\n\t\t\treturn value.substring(1, value.length - 1);\n\t\t}\n\t\tif (docfield && docfield.link_onclick) {\n\t\t\treturn repl('
', {\n\t\t\t\tonclick: docfield.link_onclick.replace(/\"/g, \""\") + \"; return false;\",\n\t\t\t\tvalue: value,\n\t\t\t});\n\t\t} else if (docfield && doctype) {\n\t\t\tif (frappe.model.can_read(doctype)) {\n\t\t\t\tconst a = document.createElement(\"a\");\n\t\t\t\ta.href = `/app/${encodeURIComponent(\n\t\t\t\t\tfrappe.router.slug(doctype)\n\t\t\t\t)}/${encodeURIComponent(original_value)}`;\n\t\t\t\ta.dataset.doctype = doctype;\n\t\t\t\ta.dataset.name = original_value;\n\t\t\t\ta.dataset.value = original_value;\n\t\t\t\ta.innerText = __((options && options.label) || link_title || value);\n\t\t\t\treturn a.outerHTML;\n\t\t\t} else {\n\t\t\t\treturn link_title || value;\n\t\t\t}\n\t\t} else {\n\t\t\treturn link_title || value;\n\t\t}\n\t},\n\tDate: function (value) {\n\t\tif (!frappe.datetime.str_to_user) {\n\t\t\treturn value;\n\t\t}\n\t\tif (value) {\n\t\t\tvalue = frappe.datetime.str_to_user(value, false, true);\n\t\t\t// handle invalid date\n\t\t\tif (value === \"Invalid date\") {\n\t\t\t\tvalue = null;\n\t\t\t}\n\t\t}\n\n\t\treturn value || \"\";\n\t},\n\tDateRange: function (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\treturn __(\"{0} to {1}\", [\n\t\t\t\tfrappe.datetime.str_to_user(value[0]),\n\t\t\t\tfrappe.datetime.str_to_user(value[1]),\n\t\t\t]);\n\t\t} else {\n\t\t\treturn value || \"\";\n\t\t}\n\t},\n\tDatetime: function (value) {\n\t\tif (value) {\n\t\t\treturn moment(frappe.datetime.convert_to_user_tz(value)).format(\n\t\t\t\tfrappe.boot.sysdefaults.date_format.toUpperCase() +\n\t\t\t\t\t\" \" +\n\t\t\t\t\t(frappe.boot.sysdefaults.time_format || \"HH:mm:ss\")\n\t\t\t);\n\t\t} else {\n\t\t\treturn \"\";\n\t\t}\n\t},\n\tText: function (value, df) {\n\t\tif (value) {\n\t\t\tvar tags = [\"
\n\t\t\t\t\t${v}\n\t\t\t\t`;\n\t\t});\n\t\treturn html;\n\t},\n\tComment: function (value) {\n\t\treturn value;\n\t},\n\tAssign: function (value) {\n\t\tvar html = \"\";\n\t\t$.each(JSON.parse(value || \"[]\"), function (i, v) {\n\t\t\tif (v)\n\t\t\t\thtml +=\n\t\t\t\t\t'' +\n\t\t\t\t\tv +\n\t\t\t\t\t\"\";\n\t\t});\n\t\treturn html;\n\t},\n\tSmallText: function (value) {\n\t\treturn frappe.form.formatters.Text(value);\n\t},\n\tTextEditor: function (value) {\n\t\tlet formatted_value = frappe.form.formatters.Text(value);\n\t\t// to use ql-editor styles\n\t\ttry {\n\t\t\tif (\n\t\t\t\t!$(formatted_value).find(\".ql-editor\").length &&\n\t\t\t\t!$(formatted_value).hasClass(\"ql-editor\")\n\t\t\t) {\n\t\t\t\tformatted_value = `${formatted_value}
`;\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tformatted_value = `${formatted_value}
`;\n\t\t}\n\n\t\treturn formatted_value;\n\t},\n\tCode: function (value) {\n\t\treturn \"\" + (value == null ? \"\" : $(\"\").text(value).html()) + \"\";\n\t},\n\tWorkflowState: function (value) {\n\t\tvar workflow_state = frappe.get_doc(\"Workflow State\", value);\n\t\tif (workflow_state) {\n\t\t\treturn repl(\n\t\t\t\t\"
\\\n\t\t\t\t %(value)s\",\n\t\t\t\t{\n\t\t\t\t\tvalue: value,\n\t\t\t\t\tstyle: workflow_state.style.toLowerCase(),\n\t\t\t\t\ticon: workflow_state.icon,\n\t\t\t\t}\n\t\t\t);\n\t\t} else {\n\t\t\treturn \"
\" + value + \"\";\n\t\t}\n\t},\n\tEmail: function (value) {\n\t\treturn $(\"
\").text(value).html();\n\t},\n\tFileSize: function (value) {\n\t\tvalue = cint(value);\n\t\tif (value > 1048576) {\n\t\t\treturn (value / 1048576).toFixed(2) + \"M\";\n\t\t} else if (value > 1024) {\n\t\t\treturn (value / 1024).toFixed(2) + \"K\";\n\t\t}\n\t\treturn value;\n\t},\n\tTableMultiSelect: function (rows, df, options) {\n\t\trows = rows || [];\n\t\tconst meta = frappe.get_meta(df.options);\n\t\tconst link_field = meta.fields.find((df) => df.fieldtype === \"Link\");\n\t\tconst formatted_values = rows.map((row) => {\n\t\t\tconst value = row[link_field.fieldname];\n\t\t\treturn `
\n\t\t\t\t${frappe.format(value, link_field, options, row)}\n\t\t\t`;\n\t\t});\n\t\treturn formatted_values.join(\", \");\n\t},\n\tColor: (value) => {\n\t\treturn value\n\t\t\t? `
\n\t\t\t
\n\t\t\t
${value}\n\t\t
`\n\t\t\t: \"\";\n\t},\n\tIcon: (value) => {\n\t\treturn value\n\t\t\t? `
\n\t\t\t
${frappe.utils.icon(value, \"md\")}
\n\t\t\t
${value}\n\t\t
`\n\t\t\t: \"\";\n\t},\n\tAttach: format_attachment_url,\n\tAttachImage: format_attachment_url,\n};\n\nfunction format_attachment_url(url) {\n\treturn url ? `
${url}` : \"\";\n}\n\nfrappe.form.get_formatter = function (fieldtype) {\n\tif (!fieldtype) fieldtype = \"Data\";\n\treturn frappe.form.formatters[fieldtype.replace(/ /g, \"\")] || frappe.form.formatters.Data;\n};\n\nfrappe.format = function (value, df, options, doc) {\n\tif (!df) df = { fieldtype: \"Data\" };\n\tif (df.fieldname == \"_user_tags\") df = { ...df, fieldtype: \"Tag\" };\n\tvar fieldtype = df.fieldtype || \"Data\";\n\n\t// format Dynamic Link as a Link\n\tif (fieldtype === \"Dynamic Link\") {\n\t\tfieldtype = \"Link\";\n\t\tdf._options = doc ? doc[df.options] : null;\n\t}\n\n\tvar formatter = df.formatter || frappe.form.get_formatter(fieldtype);\n\n\tvar formatted = formatter(value, df, options, doc);\n\n\tif (typeof formatted == \"string\") formatted = frappe.dom.remove_script_and_style(formatted);\n\n\treturn formatted;\n};\n\nfrappe.get_format_helper = function (doc) {\n\tvar helper = {\n\t\tget_formatted: function (fieldname) {\n\t\t\tvar df = frappe.meta.get_docfield(doc.doctype, fieldname);\n\t\t\tif (!df) {\n\t\t\t\tconsole.log(\"fieldname not found: \" + fieldname);\n\t\t\t}\n\t\t\treturn frappe.format(doc[fieldname], df, { inline: 1 }, doc);\n\t\t},\n\t};\n\t$.extend(helper, doc);\n\treturn helper;\n};\n\nfrappe.form.link_formatters[\"User\"] = function (value, doc, docfield) {\n\tlet full_name = doc && (doc.full_name || (docfield && doc[`${docfield.fieldname}_full_name`]));\n\treturn full_name || value;\n};\n", "export default class Section {\n\tconstructor(parent, df, card_layout, layout) {\n\t\tthis.layout = layout;\n\t\tthis.card_layout = card_layout;\n\t\tthis.parent = parent;\n\t\tthis.df = df || {};\n\t\tthis.columns = [];\n\t\tthis.fields_list = [];\n\t\tthis.fields_dict = {};\n\n\t\tthis.make();\n\n\t\tif (\n\t\t\tthis.df.label &&\n\t\t\tthis.df.collapsible &&\n\t\t\tlocalStorage.getItem(df.css_class + \"-closed\")\n\t\t) {\n\t\t\tthis.collapse();\n\t\t}\n\n\t\tthis.row = {\n\t\t\twrapper: this.wrapper,\n\t\t};\n\n\t\tthis.refresh();\n\t}\n\n\tmake() {\n\t\tlet make_card = this.card_layout;\n\t\tthis.wrapper = $(`
\n\t\t\t`).appendTo(this.parent);\n\n\t\tif (this.df) {\n\t\t\tif (this.df.label && !this.df.hide_label) {\n\t\t\t\tthis.make_head();\n\t\t\t}\n\t\t\tif (this.df.description) {\n\t\t\t\tthis.description_wrapper = $(\n\t\t\t\t\t`
\n\t\t\t\t\t\t${__(this.df.description)}\n\t\t\t\t\t
`\n\t\t\t\t);\n\n\t\t\t\tthis.wrapper.append(this.description_wrapper);\n\t\t\t}\n\t\t\tif (this.df.css_class) {\n\t\t\t\tthis.wrapper.addClass(this.df.css_class);\n\t\t\t}\n\t\t\tif (this.df.hide_border) {\n\t\t\t\tthis.wrapper.toggleClass(\"hide-border\", true);\n\t\t\t}\n\t\t}\n\n\t\tthis.body = $('
').appendTo(this.wrapper);\n\n\t\tif (this.df.body_html) {\n\t\t\tthis.body.append(this.df.body_html);\n\t\t}\n\t}\n\n\tmake_head() {\n\t\tthis.head = $(`\n\t\t\t
\n\t\t\t\t${__(this.df.label, null, this.df.parent)}\n\t\t\t\t\n\t\t\t
\n\t\t`);\n\n\t\tthis.head.appendTo(this.wrapper);\n\t\tthis.indicator = this.head.find(\".collapse-indicator\");\n\t\tthis.indicator.hide();\n\n\t\tif (this.df.collapsible) {\n\t\t\tthis.head.addClass(\"collapsible\");\n\t\t\t// show / hide based on status\n\t\t\tthis.collapse_link = this.head.on(\"click\", () => {\n\t\t\t\tthis.collapse();\n\t\t\t});\n\t\t\tthis.set_icon();\n\t\t\tthis.indicator.show();\n\t\t}\n\t}\n\n\treplace_field(fieldname, fieldobj) {\n\t\tif (this.fields_dict[fieldname]?.df) {\n\t\t\tconst olfldobj = this.fields_dict[fieldname];\n\t\t\tconst idx = this.fields_list.findIndex((e) => e == olfldobj);\n\t\t\tthis.fields_list.splice(idx, 1, fieldobj);\n\t\t\tthis.fields_dict[fieldname] = fieldobj;\n\t\t\tfieldobj.section = this;\n\t\t}\n\t}\n\n\tadd_field(fieldobj) {\n\t\tthis.fields_list.push(fieldobj);\n\t\tthis.fields_dict[fieldobj.df.fieldname] = fieldobj;\n\t\tfieldobj.section = this;\n\t}\n\n\trefresh(hide) {\n\t\tif (!this.df) return;\n\t\t// hide if explicitly hidden\n\t\thide = hide || this.df.hidden || this.df.hidden_due_to_dependency;\n\t\tthis.wrapper.toggleClass(\"hide-control\", !!hide);\n\t}\n\n\tcollapse(hide) {\n\t\t// unknown edge case\n\t\tif (!(this.head && this.body)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (hide === undefined) {\n\t\t\thide = !this.body.hasClass(\"hide\");\n\t\t}\n\n\t\tthis.body.toggleClass(\"hide\", hide);\n\t\tthis.head && this.head.toggleClass(\"collapsed\", hide);\n\n\t\tthis.set_icon(hide);\n\n\t\tthis.fields_list.forEach((f) => f.on_section_collapse && f.on_section_collapse(hide));\n\n\t\t// save state for next reload ('' is falsy)\n\t\tif (this.df.css_class)\n\t\t\tlocalStorage.setItem(this.df.css_class + \"-closed\", hide ? \"1\" : \"\");\n\t}\n\n\tset_icon(hide) {\n\t\tlet indicator_icon = hide ? \"es-line-down\" : \"es-line-up\";\n\t\tthis.indicator && this.indicator.html(frappe.utils.icon(indicator_icon, \"sm\", \"mb-1\"));\n\t}\n\n\tis_collapsed() {\n\t\treturn this.body.hasClass(\"hide\");\n\t}\n\n\thas_missing_mandatory() {\n\t\tlet missing_mandatory = false;\n\t\tfor (let j = 0, l = this.fields_list.length; j < l; j++) {\n\t\t\tconst section_df = this.fields_list[j].df;\n\t\t\tif (section_df.reqd && this.layout.doc[section_df.fieldname] == null) {\n\t\t\t\tmissing_mandatory = true;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\treturn missing_mandatory;\n\t}\n\n\thide() {\n\t\tthis.on_section_toggle(false);\n\t}\n\n\tshow() {\n\t\tthis.on_section_toggle(true);\n\t}\n\n\ton_section_toggle(show) {\n\t\tthis.wrapper.toggleClass(\"hide-control\", !show);\n\t\t// this.on_section_toggle && this.on_section_toggle(show);\n\t}\n}\n", "export default class Tab {\n\tconstructor(layout, df, frm, tab_link_container, tabs_content) {\n\t\tthis.layout = layout;\n\t\tthis.df = df || {};\n\t\tthis.frm = frm;\n\t\tthis.doctype = this.frm?.doctype ?? this.df.parent;\n\t\tthis.label = this.df && this.df.label;\n\t\tthis.tab_link_container = tab_link_container;\n\t\tthis.tabs_content = tabs_content;\n\t\tthis.make();\n\t\tthis.setup_listeners();\n\t\tthis.refresh();\n\t}\n\n\tmake() {\n\t\tconst id = `${frappe.scrub(this.doctype, \"-\")}-${this.df.fieldname}`;\n\t\tthis.tab_link = $(`\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t${__(this.label, null, this.doctype)}\n\t\t\t\t\n\t\t\t\n\t\t`).appendTo(this.tab_link_container);\n\n\t\tthis.wrapper = $(`
`).appendTo(this.tabs_content);\n\t}\n\n\trefresh() {\n\t\tif (!this.df) return;\n\n\t\t// hide if explicitly hidden\n\t\tlet hide = this.df.hidden || this.df.hidden_due_to_dependency;\n\n\t\t// hide if no read permission\n\t\tif (!hide && this.frm && !this.frm.get_perm(this.df.permlevel || 0, \"read\")) {\n\t\t\thide = true;\n\t\t}\n\n\t\tif (!hide) {\n\t\t\t// show only if there is at least one visible section or control\n\t\t\thide = true;\n\t\t\tif (\n\t\t\t\tthis.wrapper.find(\n\t\t\t\t\t\".form-section:not(.hide-control, .empty-section), .form-dashboard-section:not(.hide-control, .empty-section)\"\n\t\t\t\t).length\n\t\t\t) {\n\t\t\t\thide = false;\n\t\t\t}\n\t\t}\n\n\t\tthis.toggle(!hide);\n\t}\n\n\ttoggle(show) {\n\t\tthis.tab_link.toggleClass(\"hide\", !show);\n\t\tthis.wrapper.toggleClass(\"hide\", !show);\n\t\tthis.tab_link.toggleClass(\"show\", show);\n\t\tthis.wrapper.toggleClass(\"show\", show);\n\t\tthis.hidden = !show;\n\t}\n\n\tshow() {\n\t\tthis.tab_link.show();\n\t}\n\n\thide() {\n\t\tthis.tab_link.hide();\n\t}\n\n\tadd_field(fieldobj) {\n\t\tfieldobj.tab = this;\n\t}\n\n\treplace_field(fieldobj) {\n\t\tfieldobj.tab = this;\n\t}\n\n\tset_active() {\n\t\tthis.tab_link.find(\".nav-link\").tab(\"show\");\n\t\tthis.wrapper.addClass(\"show\");\n\t\tthis.frm?.set_active_tab?.(this);\n\t}\n\n\tis_active() {\n\t\treturn this.wrapper.hasClass(\"active\");\n\t}\n\n\tis_hidden() {\n\t\treturn this.wrapper.hasClass(\"hide\") && this.tab_link.hasClass(\"hide\");\n\t}\n\n\tsetup_listeners() {\n\t\tthis.tab_link.find(\".nav-link\").on(\"shown.bs.tab\", () => {\n\t\t\tthis.frm?.set_active_tab?.(this);\n\t\t});\n\t}\n}\n", "export default class Column {\n\tconstructor(section, df) {\n\t\tif (!df) df = {};\n\n\t\tthis.df = df;\n\t\tthis.section = section;\n\t\tthis.section.columns.push(this);\n\t\tthis.make();\n\t\tthis.resize_all_columns();\n\t}\n\n\tmake() {\n\t\tthis.wrapper = $(`\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t`).appendTo(this.section.body);\n\n\t\tthis.form = this.wrapper.find(\"form\").on(\"submit\", () => false);\n\n\t\tif (this.df.description) {\n\t\t\t$(`\n\t\t\t\t
\n\t\t\t\t\t${__(this.df.description)}\n\t\t\t\t
\n\t\t\t`).prependTo(this.wrapper);\n\t\t}\n\n\t\tif (this.df.label) {\n\t\t\t$(`\n\t\t\t\t
\n\t\t\t`).prependTo(this.wrapper);\n\t\t}\n\t}\n\n\tresize_all_columns() {\n\t\t// distribute all columns equally\n\t\tlet columns = this.section.wrapper.find(\".form-column\").length;\n\t\tlet colspan = cint(12 / columns);\n\n\t\tif (columns == 5) {\n\t\t\tcolspan = 20;\n\t\t}\n\n\t\tthis.section.wrapper\n\t\t\t.find(\".form-column\")\n\t\t\t.removeClass()\n\t\t\t.addClass(\"form-column\")\n\t\t\t.addClass(\"col-sm-\" + colspan);\n\t}\n\n\tadd_field() {}\n\n\trefresh() {\n\t\tthis.section.refresh();\n\t}\n}\n", "import Section from \"./section.js\";\nimport Tab from \"./tab.js\";\nimport Column from \"./column.js\";\n\nfrappe.ui.form.Layout = class Layout {\n\tconstructor(opts) {\n\t\tthis.views = {};\n\t\tthis.pages = [];\n\t\tthis.tabs = [];\n\t\tthis.sections = [];\n\t\tthis.page_breaks = [];\n\t\tthis.sections_dict = {};\n\t\tthis.fields_list = [];\n\t\tthis.fields_dict = {};\n\t\tthis.section_count = 0;\n\t\tthis.column_count = 0;\n\n\t\t$.extend(this, opts);\n\t}\n\n\tmake() {\n\t\tif (!this.parent && this.body) {\n\t\t\tthis.parent = this.body;\n\t\t}\n\t\tthis.wrapper = $('
').appendTo(this.parent);\n\t\tthis.message = $('
').appendTo(\n\t\t\tthis.wrapper\n\t\t);\n\t\tthis.page = $('
').appendTo(this.wrapper);\n\n\t\tif (!this.fields) {\n\t\t\tthis.fields = this.get_doctype_fields();\n\t\t}\n\n\t\tif (this.is_tabbed_layout()) {\n\t\t\tthis.setup_tabbed_layout();\n\t\t}\n\n\t\tthis.setup_tab_events();\n\t\tthis.frm && this.setup_tooltip_events();\n\t\tthis.render();\n\t}\n\n\tsetup_tabbed_layout() {\n\t\t$(`\n\t\t\t
\n\t\t`).appendTo(this.page);\n\t\tthis.tab_link_container = this.page.find(\".form-tabs\");\n\t\tthis.tabs_content = $(`
`).appendTo(\n\t\t\tthis.page\n\t\t);\n\t\tthis.setup_events();\n\t}\n\n\tget_doctype_fields() {\n\t\tlet fields = [this.get_new_name_field()];\n\t\tif (this.doctype_layout) {\n\t\t\tfields = fields.concat(this.get_fields_from_layout());\n\t\t} else {\n\t\t\tfields = fields.concat(\n\t\t\t\tfrappe.meta.sort_docfields(frappe.meta.docfield_map[this.doctype])\n\t\t\t);\n\t\t}\n\n\t\treturn fields;\n\t}\n\n\tget_new_name_field() {\n\t\treturn {\n\t\t\tparent: this.frm.doctype,\n\t\t\tfieldtype: \"Data\",\n\t\t\tfieldname: \"__newname\",\n\t\t\treqd: 1,\n\t\t\thidden: 1,\n\t\t\tlabel: __(\"Name\"),\n\t\t\tget_status: function (field) {\n\t\t\t\tif (\n\t\t\t\t\tfield.frm &&\n\t\t\t\t\tfield.frm.is_new() &&\n\t\t\t\t\tfield.frm.meta.autoname &&\n\t\t\t\t\t[\"prompt\", \"name\"].includes(field.frm.meta.autoname.toLowerCase())\n\t\t\t\t) {\n\t\t\t\t\treturn \"Write\";\n\t\t\t\t}\n\t\t\t\treturn \"None\";\n\t\t\t},\n\t\t};\n\t}\n\n\tget_fields_from_layout() {\n\t\tconst fields = [];\n\t\tfor (let f of this.doctype_layout.fields) {\n\t\t\tconst docfield = copy_dict(frappe.meta.docfield_map[this.doctype][f.fieldname]);\n\t\t\tdocfield.label = f.label;\n\t\t\tfields.push(docfield);\n\t\t}\n\t\treturn fields;\n\t}\n\n\t/**Render a message block with its own color and close button\n\t * @param {String} html - message or HTML to be displayed\n\t * @param {String} color - color of the block. One of \"yellow\", \"blue\", \"red\", \"green\" or \"orange\". Defaults to \"blue\".\n\t * @param {Boolean} permanent - if true, the block will not have a close button\n\t */\n\tshow_message(html, color, permanent = false) {\n\t\tif (!html) {\n\t\t\tthis.message.empty().addClass(\"hidden\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Prepare Block\n\t\tlet $html;\n\t\tif (!frappe.utils.is_html(html)) {\n\t\t\t// wrap in a block if `html` does not contain html tags\n\t\t\t$html = $(\"
\").text(html);\n\t\t} else {\n\t\t\t$html = $(html);\n\t\t\t$html.addClass(\"form-message border-bottom\");\n\t\t}\n\n\t\t// Add close button to block if not permanent\n\t\tconst close_message = $(`
${frappe.utils.icon(\"close\")}
`);\n\t\tif (!permanent) {\n\t\t\tclose_message.appendTo($html);\n\t\t\tclose_message.on(\"click\", () => $html.remove());\n\t\t}\n\n\t\t// Add block color and append to parent container `form-message-container`\n\t\tconst block_color =\n\t\t\tcolor && [\"yellow\", \"blue\", \"red\", \"green\", \"orange\"].includes(color) ? color : \"blue\";\n\t\t$html.addClass(block_color).appendTo(this.message);\n\n\t\t// Show parent container if hidden\n\t\tthis.message.removeClass(\"hidden\");\n\t}\n\n\trender(new_fields) {\n\t\tlet fields = new_fields || this.fields;\n\n\t\tthis.section = null;\n\t\tthis.column = null;\n\n\t\tif (this.no_opening_section() && !this.is_tabbed_layout()) {\n\t\t\tthis.fields.unshift({ fieldtype: \"Section Break\" });\n\t\t}\n\n\t\tif (this.is_tabbed_layout()) {\n\t\t\t// add a tab without `fieldname` to avoid conflicts\n\t\t\tlet default_tab = {\n\t\t\t\tlabel: __(\"Details\"),\n\t\t\t\tfieldtype: \"Tab Break\",\n\t\t\t\tfieldname: \"__details\",\n\t\t\t};\n\n\t\t\tlet first_field_visible = this.fields.find((element) => element.hidden == false);\n\t\t\tlet first_tab =\n\t\t\t\tfirst_field_visible?.fieldtype === \"Tab Break\" ? first_field_visible : null;\n\n\t\t\tif (!first_tab) {\n\t\t\t\tthis.fields.splice(0, 0, default_tab);\n\t\t\t} else {\n\t\t\t\t// reshuffle __newname field to accomodate under 1st Tab Break\n\t\t\t\tlet newname_field = this.fields.find((df) => df.fieldname === \"__newname\");\n\t\t\t\tif (newname_field && newname_field.get_status(this) === \"Write\") {\n\t\t\t\t\tthis.fields.splice(0, 1);\n\t\t\t\t\tthis.fields.splice(1, 0, newname_field);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfields.forEach((df) => {\n\t\t\tswitch (df.fieldtype) {\n\t\t\t\tcase \"Fold\":\n\t\t\t\t\tthis.make_page(df);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Page Break\":\n\t\t\t\t\tthis.make_page_break();\n\t\t\t\t\tthis.make_section(df);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Section Break\":\n\t\t\t\t\tthis.make_section(df);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Column Break\":\n\t\t\t\t\tthis.make_column(df);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Tab Break\":\n\t\t\t\t\tthis.make_tab(df);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tthis.make_field(df);\n\t\t\t}\n\t\t});\n\t}\n\n\tno_opening_section() {\n\t\treturn (\n\t\t\t(this.fields[0] && this.fields[0].fieldtype != \"Section Break\") || !this.fields.length\n\t\t);\n\t}\n\n\tno_opening_tab() {\n\t\treturn (this.fields[1] && this.fields[1].fieldtype != \"Tab Break\") || !this.fields.length;\n\t}\n\n\tis_tabbed_layout() {\n\t\treturn this.fields.find((f) => f.fieldtype === \"Tab Break\");\n\t}\n\n\treplace_field(fieldname, df, render) {\n\t\tdf.fieldname = fieldname; // change of fieldname is avoided\n\t\tif (this.fields_dict[fieldname] && this.fields_dict[fieldname].df) {\n\t\t\tconst prev_fieldobj = this.fields_dict[fieldname];\n\t\t\tconst fieldobj = this.init_field(df, prev_fieldobj.parent, render);\n\t\t\tprev_fieldobj.$wrapper.replaceWith(fieldobj.$wrapper);\n\t\t\tconst idx = this.fields_list.findIndex((e) => e == prev_fieldobj);\n\t\t\tthis.fields_list.splice(idx, 1, fieldobj);\n\t\t\tthis.fields_dict[fieldname] = fieldobj;\n\t\t\tthis.sections.forEach((section) => section.replace_field(fieldname, fieldobj));\n\t\t\tprev_fieldobj.tab?.replace_field(fieldobj);\n\t\t\tthis.refresh_fields([df]);\n\t\t}\n\t}\n\n\tmake_field(df, colspan, render) {\n\t\t!this.section && this.make_section();\n\t\t!this.column && this.make_column();\n\n\t\tconst parent = this.column.form.get(0);\n\t\tconst fieldobj = this.init_field(df, parent, render);\n\n\t\t// An invalid control name will return in a null fieldobj\n\t\tif (!fieldobj) return;\n\n\t\tthis.fields_list.push(fieldobj);\n\t\tthis.fields_dict[df.fieldname] = fieldobj;\n\n\t\tthis.section.add_field(fieldobj);\n\t\tthis.column.add_field(fieldobj);\n\n\t\tif (this.current_tab) {\n\t\t\tthis.current_tab.add_field(fieldobj);\n\t\t}\n\t}\n\n\tinit_field(df, parent, render = false) {\n\t\tconst fieldobj = frappe.ui.form.make_control({\n\t\t\tdf: df,\n\t\t\tdoctype: this.doctype,\n\t\t\tparent: parent,\n\t\t\tfrm: this.frm,\n\t\t\trender_input: render,\n\t\t\tdoc: this.doc,\n\t\t\tlayout: this,\n\t\t});\n\n\t\t// make_control can return null for invalid control names\n\t\tif (fieldobj) {\n\t\t\tfieldobj.layout = this;\n\t\t}\n\n\t\treturn fieldobj;\n\t}\n\n\tmake_page_break() {\n\t\tthis.page = $('
').appendTo(this.wrapper);\n\t}\n\n\tmake_page(df) {\n\t\tlet me = this;\n\t\tlet head = $(`\n\t\t\t
\n\t\t`).appendTo(this.wrapper);\n\n\t\tthis.page = $('
').appendTo(this.wrapper);\n\n\t\tthis.fold_btn = head.find(\".btn-fold\").on(\"click\", function () {\n\t\t\tlet page = $(this).parent().next();\n\t\t\tif (page.hasClass(\"hide\")) {\n\t\t\t\t$(this).removeClass(\"btn-fold\").html(__(\"Hide details\"));\n\t\t\t\tpage.removeClass(\"hide\");\n\t\t\t\tfrappe.utils.scroll_to($(this), true, 30);\n\t\t\t\tme.folded = false;\n\t\t\t} else {\n\t\t\t\t$(this).addClass(\"btn-fold\").html(__(\"Show more details\"));\n\t\t\t\tpage.addClass(\"hide\");\n\t\t\t\tme.folded = true;\n\t\t\t}\n\t\t});\n\n\t\tthis.section = null;\n\t\tthis.folded = true;\n\t}\n\n\tunfold() {\n\t\tthis.fold_btn.trigger(\"click\");\n\t}\n\n\tmake_section(df = {}) {\n\t\tthis.section_count++;\n\t\tif (!df.fieldname) {\n\t\t\tdf.fieldname = `__section_${this.section_count}`;\n\t\t\tdf.fieldtype = \"Section Break\";\n\t\t}\n\n\t\tthis.section = new Section(\n\t\t\tthis.current_tab ? this.current_tab.wrapper : this.page,\n\t\t\tdf,\n\t\t\tthis.card_layout,\n\t\t\tthis\n\t\t);\n\t\tthis.sections.push(this.section);\n\t\tthis.sections_dict[df.fieldname] = this.section;\n\n\t\t// append to layout fields\n\t\tif (df) {\n\t\t\tthis.fields_dict[df.fieldname] = this.section;\n\t\t\tthis.fields_list.push(this.section);\n\t\t}\n\n\t\tthis.column = null;\n\t}\n\n\tmake_column(df = {}) {\n\t\tthis.column_count++;\n\t\tif (!df.fieldname) {\n\t\t\tdf.fieldname = `__column_${this.section_count}`;\n\t\t\tdf.fieldtype = \"Column Break\";\n\t\t}\n\n\t\tthis.column = new Column(this.section, df);\n\t\tif (df && df.fieldname) {\n\t\t\tthis.fields_list.push(this.column);\n\t\t}\n\t}\n\n\tmake_tab(df) {\n\t\tthis.section = null;\n\t\tlet tab = new Tab(this, df, this.frm, this.tab_link_container, this.tabs_content);\n\t\tthis.current_tab = tab;\n\t\tthis.make_section({ fieldtype: \"Section Break\" });\n\t\tthis.tabs.push(tab);\n\t\treturn tab;\n\t}\n\n\trefresh(doc) {\n\t\tif (doc) this.doc = doc;\n\n\t\tif (this.frm) {\n\t\t\tthis.wrapper.find(\".empty-form-alert\").remove();\n\t\t}\n\n\t\t// NOTE this might seem redundant at first, but it needs to be executed when frm.refresh_fields is called\n\t\tthis.attach_doc_and_docfields(true);\n\n\t\tif (this.frm && this.frm.wrapper) {\n\t\t\t$(this.frm.wrapper).trigger(\"refresh-fields\");\n\t\t}\n\n\t\t// dependent fields\n\t\tthis.refresh_dependency();\n\n\t\t// refresh sections\n\t\tthis.refresh_sections();\n\n\t\tif (this.frm) {\n\t\t\t// collapse sections\n\t\t\tthis.refresh_section_collapse();\n\t\t}\n\n\t\tif (document.activeElement) {\n\t\t\tif (document.activeElement.tagName == \"INPUT\" && this.is_numeric_field_active()) {\n\t\t\t\tdocument.activeElement.select();\n\t\t\t}\n\t\t}\n\t}\n\n\tis_numeric_field_active() {\n\t\tconst control = $(document.activeElement).closest(\".frappe-control\");\n\t\tconst fieldtype = (control.data() || {}).fieldtype;\n\t\treturn frappe.model.numeric_fieldtypes.includes(fieldtype);\n\t}\n\n\trefresh_sections() {\n\t\t// hide invisible sections\n\t\tthis.wrapper.find(\".form-section:not(.hide-control)\").each(function () {\n\t\t\tconst section = $(this).removeClass(\"empty-section visible-section\");\n\t\t\tif (section.find(\".frappe-control:not(.hide-control)\").length) {\n\t\t\t\tsection.addClass(\"visible-section\");\n\t\t\t} else if (\n\t\t\t\tsection.parent().hasClass(\"tab-pane\") ||\n\t\t\t\tsection.parent().hasClass(\"form-page\")\n\t\t\t) {\n\t\t\t\t// nothing visible, hide the section\n\t\t\t\tsection.addClass(\"empty-section\");\n\t\t\t}\n\t\t});\n\n\t\t// refresh tabs\n\t\tthis.is_tabbed_layout() && this.refresh_tabs();\n\t}\n\n\trefresh_tabs() {\n\t\tfor (let tab of this.tabs) {\n\t\t\ttab.refresh();\n\t\t}\n\n\t\tconst visible_tabs = this.tabs.filter((tab) => !tab.hidden);\n\t\tif (visible_tabs && visible_tabs.length == 1) {\n\t\t\tvisible_tabs[0].tab_link.toggleClass(\"hide show\");\n\t\t}\n\t\tthis.set_tab_as_active();\n\t}\n\n\tselect_tab(label_or_fieldname) {\n\t\tfor (let tab of this.tabs) {\n\t\t\tif (\n\t\t\t\ttab.label.toLowerCase() === label_or_fieldname.toLowerCase() ||\n\t\t\t\ttab.df.fieldname?.toLowerCase() === label_or_fieldname.toLowerCase()\n\t\t\t) {\n\t\t\t\ttab.set_active();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n\n\tset_tab_as_active() {\n\t\t// Set active tab based on hash\n\t\tconst tab_from_hash = window.location.hash.replace(\"#\", \"\");\n\t\tconst tab = this.tabs.find((tab) => tab.df.fieldname === tab_from_hash);\n\t\tif (tab) {\n\t\t\ttab.set_active();\n\t\t\treturn;\n\t\t}\n\n\t\tlet frm_active_tab = this.frm?.get_active_tab?.();\n\t\tif (frm_active_tab) {\n\t\t\tfrm_active_tab.set_active();\n\t\t} else if (this.tabs.length) {\n\t\t\t// set first tab as active when opening for first time, or new doc\n\t\t\tlet first_visible_tab = this.tabs.find((tab) => !tab.is_hidden());\n\t\t\tfirst_visible_tab && first_visible_tab.set_active();\n\t\t}\n\t}\n\n\trefresh_fields(fields) {\n\t\tlet fieldnames = fields.map((field) => {\n\t\t\tif (field.fieldname) return field.fieldname;\n\t\t});\n\n\t\tthis.fields_list.map((fieldobj) => {\n\t\t\tif (fieldnames.includes(fieldobj.df.fieldname)) {\n\t\t\t\tfieldobj.refresh();\n\t\t\t\tif (fieldobj.df[\"default\"]) {\n\t\t\t\t\tfieldobj.set_input(fieldobj.df[\"default\"]);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tadd_fields(fields) {\n\t\tthis.render(fields);\n\t\tthis.refresh_fields(fields);\n\t}\n\n\trefresh_section_collapse() {\n\t\tif (!(this.sections && this.sections.length)) return;\n\n\t\tfor (let i = 0; i < this.sections.length; i++) {\n\t\t\tlet section = this.sections[i];\n\t\t\tlet df = section.df;\n\t\t\tif (df && df.collapsible) {\n\t\t\t\tlet collapse = true;\n\n\t\t\t\tif (df.collapsible_depends_on) {\n\t\t\t\t\tcollapse = !this.evaluate_depends_on_value(df.collapsible_depends_on);\n\t\t\t\t}\n\n\t\t\t\tif (collapse && section.has_missing_mandatory()) {\n\t\t\t\t\tcollapse = false;\n\t\t\t\t}\n\n\t\t\t\tsection.collapse(collapse);\n\t\t\t}\n\t\t}\n\t}\n\n\tattach_doc_and_docfields(refresh) {\n\t\tlet me = this;\n\t\tfor (let i = 0, l = this.fields_list.length; i < l; i++) {\n\t\t\tlet fieldobj = this.fields_list[i];\n\t\t\tif (me.doc) {\n\t\t\t\tfieldobj.doc = me.doc;\n\t\t\t\tfieldobj.doctype = me.doc.doctype;\n\t\t\t\tfieldobj.docname = me.doc.name;\n\t\t\t\tfieldobj.df =\n\t\t\t\t\tfrappe.meta.get_docfield(me.doc.doctype, fieldobj.df.fieldname, me.doc.name) ||\n\t\t\t\t\tfieldobj.df;\n\t\t\t}\n\t\t\trefresh && fieldobj.df && fieldobj.refresh && fieldobj.refresh();\n\t\t}\n\t}\n\n\trefresh_section_count() {\n\t\tthis.wrapper.find(\".section-count-label:visible\").each(function (i) {\n\t\t\t$(this).html(i + 1);\n\t\t});\n\t}\n\n\tsetup_events() {\n\t\tlet last_scroll = 0;\n\t\tlet tabs_list = $(\".form-tabs-list\");\n\t\tlet tabs_content = this.tabs_content[0];\n\t\tif (!tabs_list.length) return;\n\n\t\t$(\".main-section\").scroll(\n\t\t\tfrappe.utils.throttle(() => {\n\t\t\t\tlet current_scroll = document.documentElement.scrollTop;\n\t\t\t\tif (current_scroll > 0 && last_scroll <= current_scroll) {\n\t\t\t\t\ttabs_list.removeClass(\"form-tabs-sticky-down\");\n\t\t\t\t\ttabs_list.addClass(\"form-tabs-sticky-up\");\n\t\t\t\t} else {\n\t\t\t\t\ttabs_list.removeClass(\"form-tabs-sticky-up\");\n\t\t\t\t\ttabs_list.addClass(\"form-tabs-sticky-down\");\n\t\t\t\t}\n\t\t\t\tlast_scroll = current_scroll;\n\t\t\t}, 500)\n\t\t);\n\n\t\tthis.tab_link_container.off(\"click\").on(\"click\", \".nav-link\", (e) => {\n\t\t\te.preventDefault();\n\t\t\te.stopImmediatePropagation();\n\t\t\t$(e.currentTarget).tab(\"show\");\n\t\t\tif (tabs_content.getBoundingClientRect().top < 100) {\n\t\t\t\ttabs_content.scrollIntoView();\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t$(\".page-head\").css(\"top\", \"-15px\");\n\t\t\t\t\t$(\".form-tabs-list\").removeClass(\"form-tabs-sticky-down\");\n\t\t\t\t\t$(\".form-tabs-list\").addClass(\"form-tabs-sticky-up\");\n\t\t\t\t}, 3);\n\t\t\t}\n\t\t});\n\t}\n\n\tsetup_tab_events() {\n\t\tthis.wrapper.on(\"keydown\", (ev) => {\n\t\t\tif (ev.which == 9) {\n\t\t\t\tlet current = $(ev.target);\n\t\t\t\tlet doctype = current.attr(\"data-doctype\");\n\t\t\t\tlet fieldname = current.attr(\"data-fieldname\");\n\t\t\t\tif (doctype) {\n\t\t\t\t\treturn this.handle_tab(doctype, fieldname, ev.shiftKey);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tsetup_tooltip_events() {\n\t\t$(document).on(\"keydown\", (e) => {\n\t\t\tif (e.altKey) {\n\t\t\t\tthis.wrapper.addClass(\"show-tooltip\");\n\t\t\t}\n\t\t});\n\t\t$(document).on(\"keyup\", (e) => {\n\t\t\tif (!e.altKey) {\n\t\t\t\tthis.wrapper.removeClass(\"show-tooltip\");\n\t\t\t}\n\t\t});\n\t\tthis.frm.page &&\n\t\t\tfrappe.ui.keys.add_shortcut({\n\t\t\t\tshortcut: \"alt+hover\",\n\t\t\t\tpage: this.frm.page,\n\t\t\t\tdescription: __(\"Show Fieldname (click to copy on clipboard)\"),\n\t\t\t});\n\t}\n\n\thandle_tab(doctype, fieldname, shift) {\n\t\tlet grid_row = null,\n\t\t\tprev = null,\n\t\t\tfields = this.fields_list,\n\t\t\tfocused = false;\n\n\t\t// in grid\n\t\tif (doctype != this.doctype) {\n\t\t\tgrid_row = this.get_open_grid_row();\n\t\t\tif (!grid_row || !grid_row.layout) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tfields = grid_row.layout.fields_list;\n\t\t}\n\n\t\tfor (let i = 0, len = fields.length; i < len; i++) {\n\t\t\tif (fields[i].df.fieldname == fieldname) {\n\t\t\t\tif (shift) {\n\t\t\t\t\tif (prev) {\n\t\t\t\t\t\tthis.set_focus(prev);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$(this.primary_button).focus();\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tif (i < len - 1) {\n\t\t\t\t\tfocused = this.focus_on_next_field(i, fields);\n\t\t\t\t}\n\n\t\t\t\tif (focused) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (this.is_visible(fields[i])) prev = fields[i];\n\t\t}\n\n\t\tif (!focused) {\n\t\t\t// last field in this group\n\t\t\tif (grid_row) {\n\t\t\t\t// in grid\n\t\t\t\tif (grid_row.doc.idx == grid_row.grid.grid_rows.length) {\n\t\t\t\t\t// last row, close it and find next field\n\t\t\t\t\tgrid_row.toggle_view(false, function () {\n\t\t\t\t\t\tgrid_row.grid.frm.layout.handle_tab(\n\t\t\t\t\t\t\tgrid_row.grid.df.parent,\n\t\t\t\t\t\t\tgrid_row.grid.df.fieldname\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t// next row\n\t\t\t\t\tgrid_row.grid.grid_rows[grid_row.doc.idx].toggle_view(true);\n\t\t\t\t}\n\t\t\t} else if (!shift) {\n\t\t\t\t// End of tab navigation\n\t\t\t\t$(this.primary_button).focus();\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tfocus_on_next_field(start_idx, fields) {\n\t\t// loop to find next eligible fields\n\t\tfor (let i = start_idx + 1, len = fields.length; i < len; i++) {\n\t\t\tlet field = fields[i];\n\t\t\tif (this.is_visible(field)) {\n\t\t\t\tif (field.df.fieldtype === \"Table\") {\n\t\t\t\t\t// open table grid\n\t\t\t\t\tif (!(field.grid.grid_rows && field.grid.grid_rows.length)) {\n\t\t\t\t\t\t// empty grid, add a new row\n\t\t\t\t\t\tfield.grid.add_new_row();\n\t\t\t\t\t}\n\t\t\t\t\t// show grid row (if exists)\n\t\t\t\t\tfield.grid.grid_rows[0].show_form();\n\t\t\t\t\treturn true;\n\t\t\t\t} else if (\n\t\t\t\t\tfield.df.fieldtype === \"Table MultiSelect\" ||\n\t\t\t\t\t!frappe.model.no_value_type.includes(field.df.fieldtype)\n\t\t\t\t) {\n\t\t\t\t\tthis.set_focus(field);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tis_visible(field) {\n\t\treturn (\n\t\t\tfield.disp_status === \"Write\" && field.df && \"hidden\" in field.df && !field.df.hidden\n\t\t);\n\t}\n\n\tset_focus(field) {\n\t\tif (field.tab) {\n\t\t\tfield.tab.set_active();\n\t\t}\n\t\t// next is table, show the table\n\t\tif (field.df.fieldtype == \"Table\") {\n\t\t\tif (!field.grid.grid_rows.length) {\n\t\t\t\tfield.grid.add_new_row(1);\n\t\t\t} else {\n\t\t\t\tfield.grid.grid_rows[0].toggle_view(true);\n\t\t\t}\n\t\t} else if (field.editor) {\n\t\t\tfield.editor.set_focus();\n\t\t} else if (field.$input) {\n\t\t\tfield.$input.focus();\n\t\t}\n\t}\n\n\tget_open_grid_row() {\n\t\treturn $(\".grid-row-open\").data(\"grid_row\");\n\t}\n\n\trefresh_dependency() {\n\t\t/**\n\t\t\tResolve \"depends_on\" and show / hide accordingly\n\t\t\tbuild dependants' dictionary\n\t\t*/\n\n\t\tlet has_dep = false;\n\n\t\tconst fields = this.fields_list.concat(this.tabs);\n\n\t\tfor (let fkey in fields) {\n\t\t\tlet f = fields[fkey];\n\t\t\tif (f.df.depends_on || f.df.mandatory_depends_on || f.df.read_only_depends_on) {\n\t\t\t\thas_dep = true;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tif (!has_dep) return;\n\n\t\t// show / hide based on values\n\t\tfor (let i = fields.length - 1; i >= 0; i--) {\n\t\t\tlet f = fields[i];\n\t\t\tf.guardian_has_value = true;\n\t\t\tif (f.df.depends_on) {\n\t\t\t\t// evaluate guardian\n\n\t\t\t\tf.guardian_has_value = this.evaluate_depends_on_value(f.df.depends_on);\n\n\t\t\t\t// show / hide\n\t\t\t\tif (f.guardian_has_value) {\n\t\t\t\t\tif (f.df.hidden_due_to_dependency) {\n\t\t\t\t\t\tf.df.hidden_due_to_dependency = false;\n\t\t\t\t\t\tf.refresh();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (!f.df.hidden_due_to_dependency) {\n\t\t\t\t\t\tf.df.hidden_due_to_dependency = true;\n\t\t\t\t\t\tf.refresh();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (f.df.mandatory_depends_on) {\n\t\t\t\tthis.set_dependant_property(f.df.mandatory_depends_on, f.df.fieldname, \"reqd\");\n\t\t\t}\n\n\t\t\tif (f.df.read_only_depends_on) {\n\t\t\t\tthis.set_dependant_property(\n\t\t\t\t\tf.df.read_only_depends_on,\n\t\t\t\t\tf.df.fieldname,\n\t\t\t\t\t\"read_only\"\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tthis.refresh_section_count();\n\t}\n\n\tset_dependant_property(condition, fieldname, property) {\n\t\tlet set_property = this.evaluate_depends_on_value(condition);\n\t\tlet value = set_property ? 1 : 0;\n\t\tlet form_obj;\n\n\t\tif (this.frm) {\n\t\t\tform_obj = this.frm;\n\t\t} else if (this.is_dialog || this.doctype === \"Web Form\") {\n\t\t\tform_obj = this;\n\t\t}\n\t\tif (form_obj) {\n\t\t\tif (this.doc && this.doc.parent && this.doc.parentfield) {\n\t\t\t\tform_obj.setting_dependency = true;\n\t\t\t\tform_obj.set_df_property(\n\t\t\t\t\tthis.doc.parentfield,\n\t\t\t\t\tproperty,\n\t\t\t\t\tvalue,\n\t\t\t\t\tthis.doc.parent,\n\t\t\t\t\tfieldname,\n\t\t\t\t\tthis.doc.name\n\t\t\t\t);\n\t\t\t\tform_obj.setting_dependency = false;\n\t\t\t\t// refresh child fields\n\t\t\t\tthis.fields_dict[fieldname] && this.fields_dict[fieldname].refresh();\n\t\t\t} else {\n\t\t\t\tform_obj.set_df_property(fieldname, property, value);\n\t\t\t}\n\t\t}\n\t}\n\n\tevaluate_depends_on_value(expression) {\n\t\tlet out = null;\n\t\tlet doc = this.doc;\n\n\t\tif (!doc && this.get_values) {\n\t\t\tdoc = this.get_values(true);\n\t\t}\n\n\t\tif (!doc) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet parent = this.frm ? this.frm.doc : this.doc || null;\n\n\t\tif (typeof expression === \"boolean\") {\n\t\t\tout = expression;\n\t\t} else if (typeof expression === \"function\") {\n\t\t\tout = expression(doc);\n\t\t} else if (expression.substr(0, 5) == \"eval:\") {\n\t\t\ttry {\n\t\t\t\tout = frappe.utils.eval(expression.substr(5), { doc, parent });\n\t\t\t\tif (parent && parent.istable && expression.includes(\"is_submittable\")) {\n\t\t\t\t\tout = true;\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tfrappe.throw(__('Invalid \"depends_on\" expression'));\n\t\t\t}\n\t\t} else if (expression.substr(0, 3) == \"fn:\" && this.frm) {\n\t\t\tout = this.frm.script_manager.trigger(\n\t\t\t\texpression.substr(3),\n\t\t\t\tthis.doctype,\n\t\t\t\tthis.docname\n\t\t\t);\n\t\t} else {\n\t\t\tvar value = doc[expression];\n\t\t\tif ($.isArray(value)) {\n\t\t\t\tout = !!value.length;\n\t\t\t} else {\n\t\t\t\tout = !!value;\n\t\t\t}\n\t\t}\n\n\t\treturn out;\n\t}\n};\n", "import \"../form/layout\";\n\nfrappe.provide(\"frappe.ui\");\n\nfrappe.ui.FieldGroup = class FieldGroup extends frappe.ui.form.Layout {\n\tconstructor(opts) {\n\t\tsuper(opts);\n\t\tthis.dirty = false;\n\t\tthis.fetch_dict = {};\n\n\t\t$.each(this.fields || [], function (i, f) {\n\t\t\tif (!f.fieldname && f.label) {\n\t\t\t\tf.fieldname = f.label.replace(/ /g, \"_\").toLowerCase();\n\t\t\t}\n\t\t});\n\t\tif (this.values) {\n\t\t\tthis.set_values(this.values);\n\t\t}\n\t}\n\n\tmake() {\n\t\tlet me = this;\n\t\tif (this.fields) {\n\t\t\tsuper.make();\n\t\t\tthis.refresh();\n\t\t\t// set default\n\t\t\t$.each(this.fields_list, function (i, field) {\n\t\t\t\tif (field.df[\"default\"]) {\n\t\t\t\t\tlet def_value = field.df[\"default\"];\n\n\t\t\t\t\tif (def_value == \"Today\" && field.df[\"fieldtype\"] == \"Date\") {\n\t\t\t\t\t\tdef_value = frappe.datetime.get_today();\n\t\t\t\t\t}\n\n\t\t\t\t\tfield.set_input(def_value);\n\t\t\t\t\t// if default and has depends_on, render its fields.\n\t\t\t\t\tme.refresh_dependency();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (!this.no_submit_on_enter) {\n\t\t\t\tthis.catch_enter_as_submit();\n\t\t\t}\n\n\t\t\t$(this.wrapper)\n\t\t\t\t.find(\"input, select\")\n\t\t\t\t.on(\"change awesomplete-selectcomplete\", () => {\n\t\t\t\t\tthis.dirty = true;\n\t\t\t\t\tfrappe.run_serially([\n\t\t\t\t\t\t() => frappe.timeout(0.1),\n\t\t\t\t\t\t() => me.refresh_dependency(),\n\t\t\t\t\t]);\n\t\t\t\t});\n\t\t}\n\t}\n\n\tfocus_on_first_input() {\n\t\tif (this.no_focus) return;\n\t\t$.each(this.fields_list, function (i, f) {\n\t\t\tif (![\"Date\", \"Datetime\", \"Time\", \"Check\"].includes(f.df.fieldtype) && f.set_focus) {\n\t\t\t\tf.set_focus();\n\t\t\t\treturn false;\n\t\t\t}\n\t\t});\n\t}\n\n\tcatch_enter_as_submit() {\n\t\tlet me = this;\n\t\t$(this.body)\n\t\t\t.find('input[type=\"text\"], input[type=\"password\"], select')\n\t\t\t.keypress(function (e) {\n\t\t\t\tif (e.which == 13) {\n\t\t\t\t\tif (me.has_primary_action) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tme.get_primary_btn().trigger(\"click\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tget_input(fieldname) {\n\t\tlet field = this.fields_dict[fieldname];\n\t\tif (!field) return \"\";\n\t\treturn $(field.txt ? field.txt : field.input);\n\t}\n\n\tget_field(fieldname) {\n\t\treturn this.fields_dict[fieldname];\n\t}\n\n\tget_values(ignore_errors, check_invalid) {\n\t\tlet ret = {};\n\t\tlet errors = [];\n\t\tlet invalid = [];\n\n\t\tfor (let key in this.fields_dict) {\n\t\t\tlet f = this.fields_dict[key];\n\t\t\tif (f.get_value) {\n\t\t\t\tlet v = f.get_value();\n\t\t\t\tif (f.df.reqd && is_null(typeof v === \"string\" ? strip_html(v) : v))\n\t\t\t\t\terrors.push(__(f.df.label));\n\n\t\t\t\tif (f.df.reqd && f.df.fieldtype === \"Text Editor\" && is_null(strip_html(cstr(v))))\n\t\t\t\t\terrors.push(__(f.df.label));\n\n\t\t\t\tif (!is_null(v)) ret[f.df.fieldname] = v;\n\t\t\t}\n\n\t\t\tif (this.is_dialog && f.df.reqd && !f.value) {\n\t\t\t\tf.refresh_input();\n\t\t\t}\n\n\t\t\tif (f.df.invalid) {\n\t\t\t\tinvalid.push(__(f.df.label));\n\t\t\t}\n\t\t}\n\n\t\tif (errors.length && !ignore_errors) {\n\t\t\tfrappe.msgprint({\n\t\t\t\ttitle: __(\"Missing Values Required\"),\n\t\t\t\tmessage:\n\t\t\t\t\t__(\"Following fields have missing values:\") +\n\t\t\t\t\t\"
- \" +\n\t\t\t\t\terrors.join(\"
- \") +\n\t\t\t\t\t\"
\",\n\t\t\t\tindicator: \"orange\",\n\t\t\t});\n\t\t\treturn null;\n\t\t}\n\n\t\tif (invalid.length && check_invalid) {\n\t\t\tfrappe.msgprint({\n\t\t\t\ttitle: __(\"Invalid Values\"),\n\t\t\t\tmessage:\n\t\t\t\t\t__(\"Following fields have invalid values:\") +\n\t\t\t\t\t\"
- \" +\n\t\t\t\t\tinvalid.join(\"
- \") +\n\t\t\t\t\t\"
\",\n\t\t\t\tindicator: \"orange\",\n\t\t\t});\n\t\t\treturn null;\n\t\t}\n\t\treturn ret;\n\t}\n\n\tget_value(key) {\n\t\tlet f = this.fields_dict[key];\n\t\treturn f && (f.get_value ? f.get_value() : null);\n\t}\n\n\tset_value(key, val) {\n\t\treturn new Promise((resolve) => {\n\t\t\tlet f = this.fields_dict[key];\n\t\t\tif (f) {\n\t\t\t\tf.set_value(val).then(() => {\n\t\t\t\t\tf.set_input?.(val);\n\t\t\t\t\tthis.refresh_dependency();\n\t\t\t\t\tresolve();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tresolve();\n\t\t\t}\n\t\t});\n\t}\n\n\thas_field(fieldname) {\n\t\treturn !!this.fields_dict[fieldname];\n\t}\n\n\tset_input(key, val) {\n\t\treturn this.set_value(key, val);\n\t}\n\n\tset_values(dict) {\n\t\tlet promises = [];\n\t\tfor (let key in dict) {\n\t\t\tif (this.fields_dict[key]) {\n\t\t\t\tpromises.push(this.set_value(key, dict[key]));\n\t\t\t}\n\t\t}\n\n\t\treturn Promise.all(promises);\n\t}\n\n\tclear() {\n\t\tfor (let key in this.fields_dict) {\n\t\t\tlet f = this.fields_dict[key];\n\t\t\tif (f && f.set_input) {\n\t\t\t\tf.set_input(f.df[\"default\"] || \"\");\n\t\t\t}\n\t\t}\n\t}\n\n\tset_df_property(fieldname, prop, value) {\n\t\tif (!fieldname) {\n\t\t\treturn;\n\t\t}\n\t\tconst field = this.get_field(fieldname);\n\t\tfield.df[prop] = value;\n\t\tfield.refresh();\n\t}\n\n\tset_query(fieldname, opt1, opt2) {\n\t\tif (opt2) {\n\t\t\t// on child table\n\t\t\t// set_query(fieldname, parent fieldname, query)\n\t\t\tif (this.fields_dict[opt1])\n\t\t\t\tthis.fields_dict[opt1].grid.get_field(fieldname).get_query = opt2;\n\t\t} else {\n\t\t\t// on parent table\n\t\t\t// set_query(fieldname, query)\n\t\t\tif (this.fields_dict[fieldname]) {\n\t\t\t\tthis.fields_dict[fieldname].get_query = opt1;\n\t\t\t}\n\t\t}\n\t}\n\n\t// UTILITIES\n\tadd_fetch(link_field, source_field, target_field, target_doctype) {\n\t\t/*\n\t\tExample fetch dict to get sender_email from email_id field in sender:\n\t\t\t{\n\t\t\t\t\"Notification\": {\n\t\t\t\t\t\"sender\": {\n\t\t\t\t\t\t\"sender_email\": \"email_id\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t*/\n\n\t\tif (!target_doctype) target_doctype = \"*\";\n\n\t\t// Target field kept as key because source field could be non-unique\n\t\tthis.fetch_dict.setDefault(target_doctype, {}).setDefault(link_field, {})[target_field] =\n\t\t\tsource_field;\n\t}\n\n\tis_new() {\n\t\treturn this.doc.__islocal;\n\t}\n};\n", "// Copyright (c) 2018, Frappe Technologies Pvt. Ltd. and Contributors\n// MIT License. See license.txt\n\nfrappe.ui.form.LinkSelector = class LinkSelector {\n\tconstructor(opts) {\n\t\t/* help: Options: doctype, get_query, target */\n\t\t$.extend(this, opts);\n\n\t\tvar me = this;\n\t\tif (this.doctype != \"[Select]\") {\n\t\t\tfrappe.model.with_doctype(this.doctype, function (r) {\n\t\t\t\tme.make();\n\t\t\t});\n\t\t} else {\n\t\t\tthis.make();\n\t\t}\n\t}\n\tmake() {\n\t\tvar me = this;\n\n\t\tthis.start = 0;\n\t\tthis.page_length = 10;\n\t\tthis.dialog = new frappe.ui.Dialog({\n\t\t\ttitle: __(\"Select {0}\", [this.doctype == \"[Select]\" ? __(\"value\") : __(this.doctype)]),\n\t\t\tfields: [\n\t\t\t\t{\n\t\t\t\t\tfieldtype: \"Data\",\n\t\t\t\t\tfieldname: \"txt\",\n\t\t\t\t\tlabel: __(\"Beginning with\"),\n\t\t\t\t\tdescription: __(\"You can use wildcard %\"),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tfieldtype: \"HTML\",\n\t\t\t\t\tfieldname: \"results\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tfieldtype: \"Button\",\n\t\t\t\t\tfieldname: \"more\",\n\t\t\t\t\tlabel: __(\"More\"),\n\t\t\t\t\tclick: () => {\n\t\t\t\t\t\tme.start += me.page_length;\n\t\t\t\t\t\tme.search();\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t],\n\t\t\tprimary_action_label: __(\"Search\"),\n\t\t\tprimary_action: function () {\n\t\t\t\tme.start = 0;\n\t\t\t\tme.search();\n\t\t\t},\n\t\t});\n\n\t\tif (this.txt) this.dialog.fields_dict.txt.set_input(this.txt);\n\n\t\tthis.dialog.get_input(\"txt\").on(\"keypress\", function (e) {\n\t\t\tif (e.which === 13) {\n\t\t\t\tme.start = 0;\n\t\t\t\tme.search();\n\t\t\t}\n\t\t});\n\t\tthis.dialog.show();\n\t\tthis.search();\n\t}\n\tsearch() {\n\t\tvar args = {\n\t\t\ttxt: this.dialog.fields_dict.txt.get_value(),\n\t\t\tsearchfield: \"name\",\n\t\t\tstart: this.start,\n\t\t\tpage_length: this.page_length,\n\t\t};\n\t\tvar me = this;\n\n\t\tif (this.target.set_custom_query) {\n\t\t\tthis.target.set_custom_query(args);\n\t\t}\n\n\t\t// load custom query from grid\n\t\tif (\n\t\t\tthis.target.is_grid &&\n\t\t\tthis.target.fieldinfo[this.fieldname] &&\n\t\t\tthis.target.fieldinfo[this.fieldname].get_query\n\t\t) {\n\t\t\t$.extend(args, this.target.fieldinfo[this.fieldname].get_query(cur_frm.doc));\n\t\t}\n\n\t\tfrappe.link_search(\n\t\t\tthis.doctype,\n\t\t\targs,\n\t\t\tfunction (results) {\n\t\t\t\tvar parent = me.dialog.fields_dict.results.$wrapper;\n\t\t\t\tif (args.start === 0) {\n\t\t\t\t\tparent.empty();\n\t\t\t\t}\n\n\t\t\t\tif (results.length) {\n\t\t\t\t\tfor (const v of results) {\n\t\t\t\t\t\tvar row = $(\n\t\t\t\t\t\t\trepl(\n\t\t\t\t\t\t\t\t'
\\\n\t\t\t\t\t\t
\\\n\t\t\t\t\t\t
\\\n\t\t\t\t\t\t\t%(values)s
\\\n\t\t\t\t\t\t
',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tname: v[0],\n\t\t\t\t\t\t\t\t\tvalues: v.splice(1).join(\", \"),\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t).appendTo(parent);\n\n\t\t\t\t\t\trow.find(\"a\")\n\t\t\t\t\t\t\t.attr(\"data-value\", v[0])\n\t\t\t\t\t\t\t.click(function () {\n\t\t\t\t\t\t\t\tvar value = $(this).attr(\"data-value\");\n\t\t\t\t\t\t\t\tif (me.target.is_grid) {\n\t\t\t\t\t\t\t\t\t// set in grid\n\t\t\t\t\t\t\t\t\t// call search after value is set to get latest filtered results\n\t\t\t\t\t\t\t\t\tme.set_in_grid(value).then(() => me.search());\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (me.target.doctype)\n\t\t\t\t\t\t\t\t\t\tme.target.parse_validate_and_set_in_model(value);\n\t\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\t\tme.target.set_input(value);\n\t\t\t\t\t\t\t\t\t\tme.target.$input.trigger(\"change\");\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tme.dialog.hide();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t$(\n\t\t\t\t\t\t'
' +\n\t\t\t\t\t\t\t__(\"No Results\") +\n\t\t\t\t\t\t\t\"\" +\n\t\t\t\t\t\t\t(frappe.model.can_create(me.doctype)\n\t\t\t\t\t\t\t\t? '
' +\n\t\t\t\t\t\t\t\t __(\"Create a new {0}\", [__(me.doctype)]) +\n\t\t\t\t\t\t\t\t \"\"\n\t\t\t\t\t\t\t\t: \"\") +\n\t\t\t\t\t\t\t\"
\"\n\t\t\t\t\t)\n\t\t\t\t\t\t.appendTo(parent)\n\t\t\t\t\t\t.find(\".new-doc\")\n\t\t\t\t\t\t.click(function () {\n\t\t\t\t\t\t\tfrappe.new_doc(me.doctype);\n\t\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tvar more_btn = me.dialog.fields_dict.more.$wrapper;\n\t\t\t\tif (results.length < me.page_length) {\n\t\t\t\t\tmore_btn.hide();\n\t\t\t\t} else {\n\t\t\t\t\tmore_btn.show();\n\t\t\t\t}\n\t\t\t},\n\t\t\tthis.dialog.get_primary_btn()\n\t\t);\n\t}\n\tset_in_grid(value) {\n\t\treturn new Promise((resolve) => {\n\t\t\tif (this.qty_fieldname) {\n\t\t\t\tfrappe.prompt(\n\t\t\t\t\t{\n\t\t\t\t\t\tfieldname: \"qty\",\n\t\t\t\t\t\tfieldtype: \"Float\",\n\t\t\t\t\t\tlabel: \"Qty\",\n\t\t\t\t\t\tdefault: 1,\n\t\t\t\t\t\treqd: 1,\n\t\t\t\t\t},\n\t\t\t\t\t(data) => {\n\t\t\t\t\t\tlet updated = (this.target.frm.doc[this.target.df.fieldname] || []).some(\n\t\t\t\t\t\t\t(d) => {\n\t\t\t\t\t\t\t\tif (d[this.fieldname] === value) {\n\t\t\t\t\t\t\t\t\tfrappe.model\n\t\t\t\t\t\t\t\t\t\t.set_value(d.doctype, d.name, this.qty_fieldname, data.qty)\n\t\t\t\t\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t\t\t\t\tfrappe.show_alert(\n\t\t\t\t\t\t\t\t\t\t\t\t__(\"Added {0} ({1})\", [\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t\t\t\t\td[this.qty_fieldname],\n\t\t\t\t\t\t\t\t\t\t\t\t])\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tresolve();\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (!updated) {\n\t\t\t\t\t\t\tlet d = null;\n\t\t\t\t\t\t\tfrappe.run_serially([\n\t\t\t\t\t\t\t\t() => (d = this.target.add_new_row()),\n\t\t\t\t\t\t\t\t() => frappe.timeout(0.1),\n\t\t\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t\t\tlet args = {};\n\t\t\t\t\t\t\t\t\targs[this.fieldname] = value;\n\t\t\t\t\t\t\t\t\targs[this.qty_fieldname] = data.qty;\n\t\t\t\t\t\t\t\t\treturn frappe.model.set_value(d.doctype, d.name, args);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t() => frappe.show_alert(__(\"Added {0} ({1})\", [value, data.qty])),\n\t\t\t\t\t\t\t\t() => resolve(),\n\t\t\t\t\t\t\t]);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t__(\"Set Quantity\"),\n\t\t\t\t\t__(\"Set Quantity\")\n\t\t\t\t);\n\t\t\t} else if (this.dynamic_link_field) {\n\t\t\t\tlet d = this.target.add_new_row();\n\t\t\t\tfrappe.model.set_value(\n\t\t\t\t\td.doctype,\n\t\t\t\t\td.name,\n\t\t\t\t\tthis.dynamic_link_field,\n\t\t\t\t\tthis.dynamic_link_reference\n\t\t\t\t);\n\t\t\t\tfrappe.model.set_value(d.doctype, d.name, this.fieldname, value).then(() => {\n\t\t\t\t\tfrappe.show_alert(__(\"{0} {1} added\", [this.dynamic_link_reference, value]));\n\t\t\t\t\tresolve();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlet d = this.target.add_new_row();\n\t\t\t\tfrappe.model.set_value(d.doctype, d.name, this.fieldname, value).then(() => {\n\t\t\t\t\tfrappe.show_alert(__(\"{0} added\", [value]));\n\t\t\t\t\tresolve();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n};\n\nfrappe.link_search = function (doctype, args, callback, btn) {\n\tif (!args) {\n\t\targs = {\n\t\t\ttxt: \"\",\n\t\t};\n\t}\n\targs.doctype = doctype;\n\tif (!args.searchfield) {\n\t\targs.searchfield = \"name\";\n\t}\n\n\tfrappe.call({\n\t\tmethod: \"frappe.desk.search.search_widget\",\n\t\ttype: \"GET\",\n\t\targs: args,\n\t\tcallback: function (r) {\n\t\t\tcallback && callback(r.message);\n\t\t},\n\t\tbtn: btn,\n\t});\n};\n", "frappe.ui.form.MultiSelectDialog = class MultiSelectDialog {\n\tconstructor(opts) {\n\t\t/* Options: doctype, target, setters, get_query, action, add_filters_group, data_fields, primary_action_label, columns */\n\t\tObject.assign(this, opts);\n\t\tthis.for_select = this.doctype == \"[Select]\";\n\t\tif (!this.for_select) {\n\t\t\tfrappe.model.with_doctype(this.doctype, () => this.init());\n\t\t} else {\n\t\t\tthis.init();\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.page_length = 20;\n\t\tthis.child_page_length = 20;\n\t\tthis.fields = this.get_fields();\n\n\t\tthis.make();\n\n\t\tthis.selected_fields = new Set();\n\t}\n\n\tget_fields() {\n\t\tconst primary_fields = this.get_primary_filters();\n\t\tconst result_fields = this.get_result_fields();\n\t\tconst data_fields = this.get_data_fields();\n\t\tconst child_selection_fields = this.get_child_selection_fields();\n\n\t\treturn [...primary_fields, ...result_fields, ...data_fields, ...child_selection_fields];\n\t}\n\n\tget_result_fields() {\n\t\tconst show_next_page = () => {\n\t\t\tthis.page_length += 20;\n\t\t\tthis.get_results();\n\t\t};\n\t\treturn [\n\t\t\t{\n\t\t\t\tfieldtype: \"HTML\",\n\t\t\t\tfieldname: \"results_area\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tfieldtype: \"Button\",\n\t\t\t\tfieldname: \"more_btn\",\n\t\t\t\tlabel: __(\"More\"),\n\t\t\t\tclick: show_next_page.bind(this),\n\t\t\t},\n\t\t];\n\t}\n\n\tget_data_fields() {\n\t\tif (this.data_fields && this.data_fields.length) {\n\t\t\t// Custom Data Fields\n\t\t\treturn [{ fieldtype: \"Section Break\" }, ...this.data_fields];\n\t\t} else {\n\t\t\treturn [];\n\t\t}\n\t}\n\n\tget_child_selection_fields() {\n\t\tconst fields = [];\n\t\tif (this.allow_child_item_selection && this.child_fieldname) {\n\t\t\tconst show_more_child_results = () => {\n\t\t\t\tthis.child_page_length += 20;\n\t\t\t\tthis.show_child_results();\n\t\t\t};\n\t\t\tfields.push({ fieldtype: \"HTML\", fieldname: \"child_selection_area\" });\n\t\t\tfields.push({\n\t\t\t\tfieldtype: \"Button\",\n\t\t\t\tfieldname: \"more_child_btn\",\n\t\t\t\thidden: 1,\n\t\t\t\tlabel: __(\"More\"),\n\t\t\t\tclick: show_more_child_results.bind(this),\n\t\t\t});\n\t\t}\n\t\treturn fields;\n\t}\n\n\tmake() {\n\t\tlet title = __(\"Select {0}\", [this.for_select ? __(\"value\") : __(this.doctype)]);\n\n\t\tthis.dialog = new frappe.ui.Dialog({\n\t\t\ttitle: title,\n\t\t\tfields: this.fields,\n\t\t\tsize: this.size,\n\t\t\tprimary_action_label: this.primary_action_label || __(\"Get Items\"),\n\t\t\tsecondary_action_label: __(\"Make {0}\", [__(this.doctype)]),\n\t\t\tprimary_action: () => {\n\t\t\t\tlet filters_data = this.get_custom_filters();\n\t\t\t\tconst data_values = cur_dialog.get_values(); // to pass values of data fields\n\t\t\t\tconst filtered_children = this.get_selected_child_names();\n\t\t\t\tconst selected_documents = [\n\t\t\t\t\t...this.get_checked_values(),\n\t\t\t\t\t...this.get_parent_name_of_selected_children(),\n\t\t\t\t];\n\t\t\t\tthis.action(selected_documents, {\n\t\t\t\t\t...this.args,\n\t\t\t\t\t...data_values,\n\t\t\t\t\t...filters_data,\n\t\t\t\t\tfiltered_children,\n\t\t\t\t});\n\t\t\t},\n\t\t\tsecondary_action: this.make_new_document.bind(this),\n\t\t});\n\n\t\tif (this.add_filters_group) {\n\t\t\tthis.make_filter_area();\n\t\t}\n\n\t\tthis.args = {};\n\n\t\tthis.setup_results();\n\t\tthis.bind_events();\n\t\tthis.get_results();\n\t\tthis.dialog.show();\n\t}\n\n\tmake_new_document(e) {\n\t\t// If user wants to close the modal\n\t\tif (e) {\n\t\t\tthis.set_route_options();\n\t\t\tfrappe.new_doc(this.doctype, true);\n\t\t}\n\t}\n\n\tset_route_options() {\n\t\t// set route options to get pre-filled form fields\n\t\tfrappe.route_options = {};\n\t\tif (Array.isArray(this.setters)) {\n\t\t\tfor (let df of this.setters) {\n\t\t\t\tfrappe.route_options[df.fieldname] =\n\t\t\t\t\tthis.dialog.fields_dict[df.fieldname].get_value() || undefined;\n\t\t\t}\n\t\t} else {\n\t\t\tObject.keys(this.setters).forEach((setter) => {\n\t\t\t\tfrappe.route_options[setter] =\n\t\t\t\t\tthis.dialog.fields_dict[setter].get_value() || undefined;\n\t\t\t});\n\t\t}\n\t}\n\n\tsetup_results() {\n\t\tthis.$parent = $(this.dialog.body);\n\t\tthis.$wrapper = this.dialog.fields_dict.results_area.$wrapper\n\t\t\t.append(`
`);\n\n\t\tthis.$results = this.$wrapper.find(\".results\");\n\t\tthis.$results.append(this.make_list_row());\n\t}\n\n\tshow_child_results() {\n\t\tthis.get_child_result().then((r) => {\n\t\t\tthis.child_results = r.message || [];\n\t\t\tthis.render_child_datatable();\n\n\t\t\tthis.$wrapper.addClass(\"hidden\");\n\t\t\tthis.$child_wrapper.removeClass(\"hidden\");\n\t\t\tthis.dialog.fields_dict.more_btn.$wrapper.hide();\n\t\t});\n\t}\n\n\tis_child_selection_enabled() {\n\t\treturn this.dialog.fields_dict[\"allow_child_item_selection\"]?.get_value();\n\t}\n\n\ttoggle_child_selection() {\n\t\tif (this.is_child_selection_enabled()) {\n\t\t\tthis.show_child_results();\n\t\t} else {\n\t\t\tthis.child_results = [];\n\t\t\tthis.get_results();\n\t\t\tthis.$wrapper.removeClass(\"hidden\");\n\t\t\tthis.$child_wrapper.addClass(\"hidden\");\n\t\t}\n\t}\n\n\trender_child_datatable() {\n\t\tif (!this.child_datatable) {\n\t\t\tthis.setup_child_datatable();\n\t\t} else {\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.child_datatable.rowmanager.checkMap = [];\n\t\t\t\tthis.child_datatable.refresh(this.get_child_datatable_rows());\n\t\t\t\tthis.$child_wrapper.find(\".dt-scrollable\").css(\"height\", \"300px\");\n\t\t\t\tthis.$child_wrapper.find(\".dt-scrollable\").css(\"overflow-y\", \"scroll\");\n\t\t\t}, 500);\n\t\t}\n\t}\n\n\tget_child_datatable_columns() {\n\t\tconst parent = this.doctype;\n\t\treturn [parent, ...this.child_columns].map((d) => ({\n\t\t\tname: frappe.unscrub(d),\n\t\t\teditable: false,\n\t\t}));\n\t}\n\n\tget_child_datatable_rows() {\n\t\tif (this.child_results.length > this.child_page_length) {\n\t\t\tthis.dialog.fields_dict.more_child_btn.toggle(true);\n\t\t} else {\n\t\t\tthis.dialog.fields_dict.more_child_btn.toggle(false);\n\t\t}\n\t\treturn this.child_results\n\t\t\t.slice(0, this.child_page_length)\n\t\t\t.map((d) => Object.values(d).slice(1)); // slice name field\n\t}\n\n\tsetup_child_datatable() {\n\t\tconst header_columns = this.get_child_datatable_columns();\n\t\tconst rows = this.get_child_datatable_rows();\n\t\tthis.$child_wrapper = this.dialog.fields_dict.child_selection_area.$wrapper;\n\t\tthis.$child_wrapper.addClass(\"my-3\");\n\n\t\tthis.child_datatable = new frappe.DataTable(this.$child_wrapper.get(0), {\n\t\t\tcolumns: header_columns,\n\t\t\tdata: rows,\n\t\t\tlayout: \"fluid\",\n\t\t\tinlineFilters: true,\n\t\t\tserialNoColumn: false,\n\t\t\tcheckboxColumn: true,\n\t\t\tcellHeight: 35,\n\t\t\tnoDataMessage: __(\"No Data\"),\n\t\t\tdisableReorderColumn: true,\n\t\t});\n\t\tthis.$child_wrapper.find(\".dt-scrollable\").css(\"height\", \"300px\");\n\t}\n\n\tget_primary_filters() {\n\t\tlet fields = [];\n\n\t\tlet columns = new Array(3);\n\n\t\t// Hack for three column layout\n\t\t// To add column break\n\t\tcolumns[0] = [\n\t\t\t{\n\t\t\t\tfieldtype: \"Data\",\n\t\t\t\tlabel: __(\"Name\"),\n\t\t\t\tfieldname: \"search_term\",\n\t\t\t},\n\t\t];\n\t\tcolumns[1] = [];\n\t\tcolumns[2] = [];\n\n\t\tif ($.isArray(this.setters)) {\n\t\t\tthis.setters.forEach((setter, index) => {\n\t\t\t\tcolumns[(index + 1) % 3].push(setter);\n\t\t\t});\n\t\t} else {\n\t\t\tObject.keys(this.setters).forEach((setter, index) => {\n\t\t\t\tlet df_prop = frappe.meta.docfield_map[this.doctype][setter];\n\n\t\t\t\t// Index + 1 to start filling from index 1\n\t\t\t\t// Since Search is a standrd field already pushed\n\t\t\t\tcolumns[(index + 1) % 3].push({\n\t\t\t\t\tfieldtype: df_prop.fieldtype,\n\t\t\t\t\tlabel: df_prop.label,\n\t\t\t\t\tfieldname: setter,\n\t\t\t\t\toptions: df_prop.options,\n\t\t\t\t\tread_only:\n\t\t\t\t\t\t(this?.read_only_setters && this.read_only_setters.includes(setter)) || 0,\n\t\t\t\t\tdefault: this.setters[setter],\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\t// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/seal\n\t\tif (Object.seal) {\n\t\t\tObject.seal(columns);\n\t\t\t// now a is a fixed-size array with mutable entries\n\t\t}\n\n\t\tif (this.allow_child_item_selection) {\n\t\t\tthis.child_doctype = frappe.meta.get_docfield(\n\t\t\t\tthis.doctype,\n\t\t\t\tthis.child_fieldname\n\t\t\t).options;\n\t\t\tcolumns[0].push({\n\t\t\t\tfieldtype: \"Check\",\n\t\t\t\tlabel: __(\"Select {0}\", [__(this.child_doctype)]),\n\t\t\t\tfieldname: \"allow_child_item_selection\",\n\t\t\t\tonchange: this.toggle_child_selection.bind(this),\n\t\t\t});\n\t\t}\n\n\t\tfields = [\n\t\t\t...columns[0],\n\t\t\t{ fieldtype: \"Column Break\" },\n\t\t\t...columns[1],\n\t\t\t{ fieldtype: \"Column Break\" },\n\t\t\t...columns[2],\n\t\t\t{ fieldtype: \"Section Break\", fieldname: \"primary_filters_sb\" },\n\t\t];\n\n\t\tif (this.add_filters_group) {\n\t\t\tfields.push({\n\t\t\t\tfieldtype: \"HTML\",\n\t\t\t\tfieldname: \"filter_area\",\n\t\t\t});\n\t\t}\n\n\t\treturn fields;\n\t}\n\n\tmake_filter_area() {\n\t\tthis.filter_group = new frappe.ui.FilterGroup({\n\t\t\tparent: this.dialog.get_field(\"filter_area\").$wrapper,\n\t\t\tdoctype: this.doctype,\n\t\t\ton_change: () => {\n\t\t\t\tif (this.is_child_selection_enabled()) {\n\t\t\t\t\tthis.show_child_results();\n\t\t\t\t} else {\n\t\t\t\t\tthis.get_results();\n\t\t\t\t}\n\t\t\t},\n\t\t});\n\t\t// 'Apply Filter' breaks since the filers are not in a popover\n\t\t// Hence keeping it hidden\n\t\tthis.filter_group.wrapper.find(\".apply-filters\").hide();\n\t}\n\n\tget_custom_filters() {\n\t\tif (this.add_filters_group && this.filter_group) {\n\t\t\treturn this.filter_group.get_filters().reduce((acc, filter) => {\n\t\t\t\treturn Object.assign(acc, {\n\t\t\t\t\t[filter[1]]: [filter[2], filter[3]],\n\t\t\t\t});\n\t\t\t}, {});\n\t\t} else {\n\t\t\treturn {};\n\t\t}\n\t}\n\n\tbind_events() {\n\t\tlet me = this;\n\n\t\tthis.$results.on(\"click\", \".list-item-container\", function (e) {\n\t\t\tif (!$(e.target).is(\":checkbox\") && !$(e.target).is(\"a\")) {\n\t\t\t\t$(this).find(\":checkbox\").trigger(\"click\");\n\t\t\t}\n\t\t\tlet name = $(this).attr(\"data-item-name\").trim();\n\t\t\tif ($(this).find(\":checkbox\").is(\":checked\")) {\n\t\t\t\tme.selected_fields.add(name);\n\t\t\t} else {\n\t\t\t\tme.selected_fields.delete(name);\n\t\t\t}\n\t\t});\n\n\t\tthis.$results.on(\"click\", \".list-item--head :checkbox\", (e) => {\n\t\t\tlet checked = $(e.target).is(\":checked\");\n\t\t\tthis.$results.find(\".list-item-container .list-row-check\").each(function () {\n\t\t\t\t$(this).prop(\"checked\", checked);\n\t\t\t\tconst name = $(this).closest(\".list-item-container\").attr(\"data-item-name\").trim();\n\t\t\t\tif (checked) {\n\t\t\t\t\tme.selected_fields.add(name);\n\t\t\t\t} else {\n\t\t\t\t\tme.selected_fields.delete(name);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tthis.$parent.find(\".input-with-feedback\").on(\"change\", () => {\n\t\t\tfrappe.flags.auto_scroll = false;\n\t\t\tif (this.is_child_selection_enabled()) {\n\t\t\t\tthis.show_child_results();\n\t\t\t} else {\n\t\t\t\tthis.get_results();\n\t\t\t}\n\t\t});\n\n\t\tthis.$parent.find('[data-fieldtype=\"Data\"]').on(\"input\", () => {\n\t\t\tvar $this = $(this);\n\t\t\tclearTimeout($this.data(\"timeout\"));\n\t\t\t$this.data(\n\t\t\t\t\"timeout\",\n\t\t\t\tsetTimeout(function () {\n\t\t\t\t\tfrappe.flags.auto_scroll = false;\n\t\t\t\t\tif (me.is_child_selection_enabled()) {\n\t\t\t\t\t\tme.show_child_results();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tme.empty_list();\n\t\t\t\t\t\tme.get_results();\n\t\t\t\t\t}\n\t\t\t\t}, 300)\n\t\t\t);\n\t\t});\n\t}\n\n\tget_parent_name_of_selected_children() {\n\t\tif (!this.child_datatable || !this.child_datatable.datamanager.rows.length) return [];\n\n\t\tlet parent_names = this.child_datatable.rowmanager.checkMap.reduce(\n\t\t\t(parent_names, checked, index) => {\n\t\t\t\tif (checked == 1) {\n\t\t\t\t\tconst parent_name = this.child_results[index].parent;\n\t\t\t\t\tif (!parent_names.includes(parent_name)) {\n\t\t\t\t\t\tparent_names.push(parent_name);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn parent_names;\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\treturn parent_names;\n\t}\n\n\tget_selected_child_names() {\n\t\tif (!this.child_datatable || !this.child_datatable.datamanager.rows.length) return [];\n\n\t\tlet checked_names = this.child_datatable.rowmanager.checkMap.reduce(\n\t\t\t(checked_names, checked, index) => {\n\t\t\t\tif (checked == 1) {\n\t\t\t\t\tconst child_row_name = this.child_results[index].name;\n\t\t\t\t\tchecked_names.push(child_row_name);\n\t\t\t\t}\n\t\t\t\treturn checked_names;\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\treturn checked_names;\n\t}\n\n\tget_checked_values() {\n\t\t// Return name of checked value.\n\t\treturn this.$results\n\t\t\t.find(\".list-item-container\")\n\t\t\t.map(function () {\n\t\t\t\tif ($(this).find(\".list-row-check:checkbox:checked\").length > 0) {\n\t\t\t\t\treturn $(this).attr(\"data-item-name\");\n\t\t\t\t}\n\t\t\t})\n\t\t\t.get();\n\t}\n\n\tget_checked_items() {\n\t\t// Return checked items with all the column values.\n\t\tlet checked_values = this.get_checked_values();\n\t\treturn this.results.filter((res) => checked_values.includes(res.name));\n\t}\n\n\tget_datatable_columns() {\n\t\tif (this.get_query && this.get_query().query && this.columns) return this.columns;\n\n\t\tif (Array.isArray(this.setters))\n\t\t\treturn [\"name\", ...this.setters.map((df) => df.fieldname)];\n\n\t\treturn [\"name\", ...Object.keys(this.setters)];\n\t}\n\n\tmake_list_row(result = {}) {\n\t\tvar me = this;\n\t\t// Make a head row by default (if result not passed)\n\t\tlet head = Object.keys(result).length === 0;\n\n\t\tlet contents = ``;\n\t\tthis.get_datatable_columns().forEach(function (column) {\n\t\t\tcontents += `
\n\t\t\t\t${\n\t\t\t\t\thead\n\t\t\t\t\t\t? `
${__(frappe.model.unscrub(column))}`\n\t\t\t\t\t\t: column !== \"name\"\n\t\t\t\t\t\t? `
${__(result[column] || \"\")}`\n\t\t\t\t\t\t: `
\n\t\t\t\t\t\t\t${__(result[column] || \"\")}`\n\t\t\t\t}\n\t\t\t
`;\n\t\t});\n\n\t\tlet $row = $(`
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t${contents}\n\t\t
`);\n\n\t\thead\n\t\t\t? $row.addClass(\"list-item--head\")\n\t\t\t: ($row = $(\n\t\t\t\t\t`
`\n\t\t\t ).append($row));\n\n\t\treturn $row;\n\t}\n\n\trender_result_list(results, more = 0, empty = true) {\n\t\tvar me = this;\n\t\tvar more_btn = me.dialog.fields_dict.more_btn.$wrapper;\n\n\t\t// Make empty result set if filter is set\n\t\tif (!frappe.flags.auto_scroll && empty) {\n\t\t\tthis.empty_list();\n\t\t}\n\t\tmore_btn.hide();\n\t\t$(\".modal-dialog .list-item--head\").css(\"z-index\", 1);\n\n\t\tif (results.length === 0) return;\n\t\tif (more) more_btn.show();\n\n\t\tlet checked = this.get_checked_values();\n\n\t\tresults\n\t\t\t.filter((result) => !checked.includes(result.name))\n\t\t\t.forEach((result) => {\n\t\t\t\tme.$results.append(me.make_list_row(result));\n\t\t\t});\n\n\t\tthis.$results.find(\".list-item--head\").css(\"z-index\", 1);\n\n\t\tif (frappe.flags.auto_scroll) {\n\t\t\tthis.$results.animate({ scrollTop: me.$results.prop(\"scrollHeight\") }, 500);\n\t\t}\n\t}\n\n\tempty_list() {\n\t\t// Store all checked items\n\t\tlet checked = this.results\n\t\t\t.filter((result) => this.selected_fields.has(result.name))\n\t\t\t.map((item) => ({\n\t\t\t\t...item,\n\t\t\t\tchecked: true,\n\t\t\t}));\n\n\t\t// Remove **all** items\n\t\tthis.$results.find(\".list-item-container\").remove();\n\n\t\t// Rerender checked items\n\t\tthis.render_result_list(checked, 0, false);\n\t}\n\n\tget_filters_from_setters() {\n\t\tlet me = this;\n\t\tlet filters = (this.get_query ? this.get_query().filters : {}) || {};\n\t\tlet filter_fields = [];\n\n\t\tif ($.isArray(this.setters)) {\n\t\t\tfor (let df of this.setters) {\n\t\t\t\tfilters[df.fieldname] =\n\t\t\t\t\tme.dialog.fields_dict[df.fieldname].get_value() || undefined;\n\t\t\t\tme.args[df.fieldname] = filters[df.fieldname];\n\t\t\t\tfilter_fields.push(df.fieldname);\n\t\t\t}\n\t\t} else {\n\t\t\tObject.keys(this.setters).forEach(function (setter) {\n\t\t\t\tvar value = me.dialog.fields_dict[setter].get_value();\n\t\t\t\tif (me.dialog.fields_dict[setter].df.fieldtype == \"Data\" && value) {\n\t\t\t\t\tfilters[setter] = [\"like\", \"%\" + value + \"%\"];\n\t\t\t\t} else {\n\t\t\t\t\tfilters[setter] = value || undefined;\n\t\t\t\t\tme.args[setter] = filters[setter];\n\t\t\t\t\tfilter_fields.push(setter);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\treturn [filters, filter_fields];\n\t}\n\n\tget_args_for_search() {\n\t\tlet [filters, filter_fields] = this.get_filters_from_setters();\n\n\t\tlet custom_filters = this.get_custom_filters();\n\t\tObject.assign(filters, custom_filters);\n\n\t\treturn {\n\t\t\tdoctype: this.doctype,\n\t\t\ttxt: this.dialog.fields_dict[\"search_term\"].get_value(),\n\t\t\tfilters: filters,\n\t\t\tfilter_fields: filter_fields,\n\t\t\tpage_length: this.page_length + 5,\n\t\t\tquery: this.get_query ? this.get_query().query : \"\",\n\t\t\tas_dict: 1,\n\t\t};\n\t}\n\n\tasync perform_search(args) {\n\t\tconst res = await frappe.call({\n\t\t\ttype: \"GET\",\n\t\t\tmethod: \"frappe.desk.search.search_widget\",\n\t\t\tno_spinner: true,\n\t\t\targs: args,\n\t\t});\n\t\tconst more = res.message.length && res.message.length > this.page_length ? 1 : 0;\n\n\t\treturn [res.message, more];\n\t}\n\n\tasync get_results() {\n\t\tconst args = this.get_args_for_search();\n\t\tlet [results, more] = await this.perform_search(args);\n\n\t\tif (more) {\n\t\t\tresults = results.splice(0, this.page_length);\n\t\t}\n\n\t\tthis.results = [];\n\t\tif (results.length) {\n\t\t\tresults.forEach((result) => {\n\t\t\t\tresult.checked = 0;\n\t\t\t\tthis.results.push(result);\n\t\t\t});\n\t\t}\n\t\tthis.render_result_list(this.results, more);\n\t}\n\n\tasync get_filtered_parents_for_child_search() {\n\t\tconst parent_search_args = this.get_args_for_search();\n\t\tparent_search_args.filter_fields = [\"name\"];\n\t\tconst [results, _] = await this.perform_search(parent_search_args);\n\n\t\tlet parent_names = [];\n\t\tif (results.length) {\n\t\t\tparent_names = results.map((v) => v.name);\n\t\t}\n\t\treturn parent_names;\n\t}\n\n\tasync add_parent_filters(filters) {\n\t\tconst parent_names = await this.get_filtered_parents_for_child_search();\n\t\tif (parent_names.length) {\n\t\t\tfilters.push([\"parent\", \"in\", parent_names]);\n\t\t}\n\t}\n\n\tadd_custom_child_filters(filters) {\n\t\tif (this.add_filters_group && this.filter_group) {\n\t\t\tthis.filter_group.get_filters().forEach((filter) => {\n\t\t\t\tif (filter[0] == this.child_doctype) {\n\t\t\t\t\tfilters.push([filter[1], filter[2], filter[3]]);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tasync get_child_result() {\n\t\tlet filters = [[\"parentfield\", \"=\", this.child_fieldname]];\n\n\t\tawait this.add_parent_filters(filters);\n\t\tthis.add_custom_child_filters(filters);\n\n\t\treturn frappe.call({\n\t\t\tmethod: \"frappe.client.get_list\",\n\t\t\targs: {\n\t\t\t\tdoctype: this.child_doctype,\n\t\t\t\tfilters: filters,\n\t\t\t\tfields: [\"name\", \"parent\", ...this.child_columns],\n\t\t\t\tparent: this.doctype,\n\t\t\t\tlimit_page_length: this.child_page_length + 5,\n\t\t\t\torder_by: \"parent\",\n\t\t\t},\n\t\t});\n\t}\n};\n", "import \"./field_group\";\nimport \"../dom\";\n\nfrappe.provide(\"frappe.ui\");\n\nwindow.cur_dialog = null;\n\nfrappe.ui.open_dialogs = [];\n\nfrappe.ui.Dialog = class Dialog extends frappe.ui.FieldGroup {\n\tconstructor(opts) {\n\t\tsuper();\n\t\tthis.display = false;\n\t\tthis.is_dialog = true;\n\n\t\t$.extend(this, { animate: true, size: null, auto_make: true }, opts);\n\t\tif (this.auto_make) {\n\t\t\tthis.make();\n\t\t}\n\t}\n\n\tmake() {\n\t\tthis.$wrapper = frappe.get_modal(\"\", \"\");\n\n\t\tif (this.static) {\n\t\t\tthis.$wrapper.modal({\n\t\t\t\tbackdrop: \"static\",\n\t\t\t\tkeyboard: false,\n\t\t\t});\n\t\t\tthis.get_close_btn().hide();\n\t\t}\n\n\t\tif (!this.size) this.set_modal_size();\n\n\t\tthis.wrapper = this.$wrapper.find(\".modal-dialog\").get(0);\n\t\tif (this.size == \"small\") $(this.wrapper).addClass(\"modal-sm\");\n\t\telse if (this.size == \"large\") $(this.wrapper).addClass(\"modal-lg\");\n\t\telse if (this.size == \"extra-large\") $(this.wrapper).addClass(\"modal-xl\");\n\n\t\tthis.make_head();\n\t\tthis.modal_body = this.$wrapper.find(\".modal-body\");\n\t\tthis.$body = $(\"
\").appendTo(this.modal_body);\n\t\tthis.body = this.$body.get(0);\n\t\tthis.$message = $('
').appendTo(this.modal_body);\n\t\tthis.header = this.$wrapper.find(\".modal-header\");\n\t\tthis.footer = this.$wrapper.find(\".modal-footer\");\n\t\tthis.standard_actions = this.footer.find(\".standard-actions\");\n\t\tthis.custom_actions = this.footer.find(\".custom-actions\");\n\t\tthis.set_indicator();\n\n\t\t// make fields (if any)\n\t\tsuper.make();\n\n\t\tthis.refresh_section_collapse();\n\n\t\t// show footer\n\t\tthis.action = this.action || { primary: {}, secondary: {} };\n\t\tif (this.primary_action || (this.action.primary && this.action.primary.onsubmit)) {\n\t\t\tthis.set_primary_action(\n\t\t\t\tthis.primary_action_label ||\n\t\t\t\t\tthis.action.primary.label ||\n\t\t\t\t\t__(\"Submit\", null, \"Primary action in dialog\"),\n\t\t\t\tthis.primary_action || this.action.primary.onsubmit\n\t\t\t);\n\t\t}\n\n\t\tif (this.secondary_action) {\n\t\t\tthis.set_secondary_action(this.secondary_action);\n\t\t}\n\n\t\tif (\n\t\t\tthis.secondary_action_label ||\n\t\t\t(this.action.secondary && this.action.secondary.label)\n\t\t) {\n\t\t\tthis.set_secondary_action_label(\n\t\t\t\tthis.secondary_action_label || this.action.secondary.label\n\t\t\t);\n\t\t}\n\n\t\tif (this.minimizable) {\n\t\t\tthis.header\n\t\t\t\t.find(\".title-section\")\n\t\t\t\t.click(() => this.is_minimized && this.toggle_minimize());\n\t\t\tthis.get_minimize_btn()\n\t\t\t\t.removeClass(\"hide\")\n\t\t\t\t.on(\"click\", () => this.toggle_minimize());\n\t\t}\n\n\t\tvar me = this;\n\t\tthis.$wrapper\n\t\t\t.on(\"hide.bs.modal\", function () {\n\t\t\t\tme.display = false;\n\t\t\t\tme.is_minimized = false;\n\t\t\t\tme.hide_scrollbar(false);\n\t\t\t\t// hide any grid row form if open\n\t\t\t\tfrappe.ui.form.get_open_grid_form?.()?.hide_form();\n\n\t\t\t\tif (frappe.ui.open_dialogs[frappe.ui.open_dialogs.length - 1] === me) {\n\t\t\t\t\tfrappe.ui.open_dialogs.pop();\n\t\t\t\t\tif (frappe.ui.open_dialogs.length) {\n\t\t\t\t\t\twindow.cur_dialog =\n\t\t\t\t\t\t\tfrappe.ui.open_dialogs[frappe.ui.open_dialogs.length - 1];\n\t\t\t\t\t} else {\n\t\t\t\t\t\twindow.cur_dialog = null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tme.onhide && me.onhide();\n\t\t\t\tme.on_hide && me.on_hide();\n\t\t\t})\n\t\t\t.on(\"shown.bs.modal\", function () {\n\t\t\t\t// focus on first input\n\t\t\t\tme.display = true;\n\t\t\t\twindow.cur_dialog = me;\n\t\t\t\tfrappe.ui.open_dialogs.push(me);\n\t\t\t\tme.focus_on_first_input();\n\t\t\t\tme.hide_scrollbar(true);\n\t\t\t\tme.on_page_show && me.on_page_show();\n\t\t\t\t$(document).trigger(\"frappe.ui.Dialog:shown\");\n\t\t\t\t$(document).off(\"focusin.modal\");\n\t\t\t})\n\t\t\t.on(\"scroll\", function () {\n\t\t\t\tvar $input = $(\"input:focus\");\n\t\t\t\tif (\n\t\t\t\t\t$input.length &&\n\t\t\t\t\t[\"Date\", \"Datetime\", \"Time\"].includes($input.attr(\"data-fieldtype\"))\n\t\t\t\t) {\n\t\t\t\t\t$input.blur();\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tset_modal_size() {\n\t\tif (!this.fields) {\n\t\t\tthis.size = \"\";\n\t\t\treturn;\n\t\t}\n\n\t\tlet col_brk = 0;\n\t\tlet cur_col_brk = 0;\n\n\t\t// if fields have more than 2 Column Breaks before encountering Section Break, make it large\n\t\tthis.fields.forEach((field) => {\n\t\t\tif (field.fieldtype == \"Column Break\") {\n\t\t\t\tcur_col_brk++;\n\n\t\t\t\tif (cur_col_brk > col_brk) {\n\t\t\t\t\tcol_brk = cur_col_brk;\n\t\t\t\t}\n\t\t\t} else if (field.fieldtype == \"Section Break\") {\n\t\t\t\tcur_col_brk = 0;\n\t\t\t}\n\t\t});\n\n\t\tthis.size = col_brk >= 4 ? \"extra-large\" : col_brk >= 2 ? \"large\" : \"\";\n\t}\n\n\tget_primary_btn() {\n\t\treturn this.standard_actions.find(\".btn-primary\");\n\t}\n\n\tget_minimize_btn() {\n\t\treturn this.$wrapper.find(\".modal-header .btn-modal-minimize\");\n\t}\n\n\tset_alert(text, alert_class = \"info\") {\n\t\tthis.clear_alert();\n\t\tthis.$alert = $(`
${text}
`).prependTo(\n\t\t\tthis.body\n\t\t);\n\t\tthis.$message.text(text);\n\t}\n\n\tclear_alert() {\n\t\tif (this.$alert) {\n\t\t\tthis.$alert.remove();\n\t\t}\n\t}\n\n\tset_message(text) {\n\t\tthis.$message.removeClass(\"hide\");\n\t\tthis.$body.addClass(\"hide\");\n\t\tthis.$message.text(text);\n\t}\n\n\tclear_message() {\n\t\tthis.$message.addClass(\"hide\");\n\t\tthis.$body.removeClass(\"hide\");\n\t}\n\n\tclear() {\n\t\tsuper.clear();\n\t\tthis.clear_message();\n\t}\n\n\tset_primary_action(label, click) {\n\t\tthis.footer.removeClass(\"hide\");\n\t\tthis.has_primary_action = true;\n\t\tvar me = this;\n\t\tconst primary_btn = this.get_primary_btn().removeClass(\"hide\").html(label);\n\t\tif (typeof click == \"function\") {\n\t\t\tprimary_btn.off(\"click\").on(\"click\", function () {\n\t\t\t\tme.primary_action_fulfilled = true;\n\t\t\t\t// get values and send it\n\t\t\t\t// as first parameter to click callback\n\t\t\t\t// if no values then return\n\t\t\t\tvar values = me.get_values();\n\t\t\t\tif (!values) return;\n\t\t\t\tclick && click.apply(me, [values]);\n\t\t\t});\n\t\t}\n\t\treturn primary_btn;\n\t}\n\n\tset_secondary_action(click) {\n\t\tthis.footer.removeClass(\"hide\");\n\t\treturn this.get_secondary_btn().removeClass(\"hide\").off(\"click\").on(\"click\", click);\n\t}\n\n\tset_secondary_action_label(label) {\n\t\tthis.get_secondary_btn().removeClass(\"hide\").html(label);\n\t}\n\n\tdisable_primary_action() {\n\t\tthis.get_primary_btn().addClass(\"disabled\");\n\t}\n\n\tenable_primary_action() {\n\t\tthis.get_primary_btn().removeClass(\"disabled\");\n\t}\n\n\tmake_head() {\n\t\tthis.set_title(this.title);\n\t}\n\n\tset_title(t) {\n\t\tthis.$wrapper.find(\".modal-title\").html(t);\n\t}\n\n\tset_indicator() {\n\t\tif (this.indicator) {\n\t\t\tthis.header\n\t\t\t\t.find(\".indicator\")\n\t\t\t\t.removeClass()\n\t\t\t\t.addClass(\"indicator \" + this.indicator);\n\t\t}\n\t}\n\n\tshow() {\n\t\t// show it\n\t\tif (this.animate) {\n\t\t\tthis.$wrapper.addClass(\"fade\");\n\t\t} else {\n\t\t\tthis.$wrapper.removeClass(\"fade\");\n\t\t}\n\t\tthis.$wrapper.modal(\"show\");\n\n\t\tthis.$wrapper.removeClass(\"modal-minimize\");\n\n\t\tif (this.minimizable && this.is_minimized) {\n\t\t\t$(\".modal-backdrop\").toggle();\n\t\t\tthis.is_minimized = false;\n\t\t}\n\n\t\t// clear any message\n\t\tthis.clear_message();\n\n\t\tthis.primary_action_fulfilled = false;\n\t\tthis.is_visible = true;\n\t\treturn this;\n\t}\n\n\thide() {\n\t\tthis.$wrapper.modal(\"hide\");\n\t\tthis.is_visible = false;\n\t}\n\n\tget_close_btn() {\n\t\treturn this.$wrapper.find(\".btn-modal-close\");\n\t}\n\n\tget_secondary_btn() {\n\t\treturn this.standard_actions.find(\".btn-modal-secondary\");\n\t}\n\n\tno_cancel() {\n\t\tthis.get_close_btn().toggle(false);\n\t}\n\n\tcancel() {\n\t\tthis.get_close_btn().trigger(\"click\");\n\t}\n\n\ttoggle_minimize() {\n\t\t$(\".modal-backdrop\").toggle();\n\t\tlet modal = this.$wrapper.closest(\".modal\").toggleClass(\"modal-minimize\");\n\t\tmodal.attr(\"tabindex\") ? modal.removeAttr(\"tabindex\") : modal.attr(\"tabindex\", -1);\n\t\tthis.is_minimized = !this.is_minimized;\n\t\tconst icon = this.is_minimized ? \"expand\" : \"collapse\";\n\t\tthis.get_minimize_btn().html(frappe.utils.icon(icon));\n\t\tthis.on_minimize_toggle && this.on_minimize_toggle(this.is_minimized);\n\t\tthis.header.find(\".modal-title\").toggleClass(\"cursor-pointer\");\n\t\tthis.hide_scrollbar(!this.is_minimized);\n\t}\n\n\thide_scrollbar(bool) {\n\t\t$(\"body\").css(\"overflow\", bool ? \"hidden\" : \"auto\");\n\t}\n\n\tadd_custom_action(label, action, css_class = null) {\n\t\tthis.footer.removeClass(\"hide\");\n\t\tlet action_button = $(`\n\t\t\t
\n\t\t`);\n\t\tthis.custom_actions.append(action_button);\n\n\t\taction && action_button.click(action);\n\t}\n\n\tadd_custom_button() {}\n};\n\nfrappe.ui.hide_open_dialog = () => {\n\t// hide open dialog\n\tif (window.cur_dialog) {\n\t\tif (!cur_dialog.minimizable) {\n\t\t\tcur_dialog.hide();\n\t\t} else if (!cur_dialog.is_minimized) {\n\t\t\tcur_dialog.toggle_minimize();\n\t\t}\n\t}\n};\n", "// This file is used to make sure that `moment` is bound to the window\n// before the bundle finishes loading, due to imports (datetime.js) in the bundle\n// that depend on `moment`.\nimport momentTimezone from \"moment-timezone/builds/moment-timezone-with-data-10-year-range.min.js\";\nwindow.moment = momentTimezone;\n", "frappe.provide(\"frappe.ui.keys\");\n\nlet shortcut_groups = new WeakMap();\nlet shortcut_group_list = [];\nfrappe.ui.keys.shortcut_groups = shortcut_groups;\n\nfrappe.ui.keys.get_shortcut_group = (parent) => {\n\t// parent must be an object\n\tif (!shortcut_groups.has(parent)) {\n\t\tshortcut_groups.set(parent, new frappe.ui.keys.AltShortcutGroup());\n\t}\n\treturn shortcut_groups.get(parent);\n};\n\nlet listener_added = false;\nlet $current_dropdown = null;\nlet $body = $(document.body);\n\nfrappe.ui.keys.bind_shortcut_group_event = () => {\n\tif (listener_added) return;\n\tlistener_added = true;\n\n\tfunction highlight_alt_shortcuts() {\n\t\tif ($current_dropdown) {\n\t\t\t$current_dropdown.addClass(\"alt-pressed\");\n\t\t\t$body.removeClass(\"alt-pressed\");\n\t\t} else {\n\t\t\t$body.addClass(\"alt-pressed\");\n\t\t\t$current_dropdown && $current_dropdown.removeClass(\"alt-pressed\");\n\t\t}\n\t}\n\n\tfunction unhighlight_alt_shortcuts() {\n\t\t$current_dropdown && $current_dropdown.removeClass(\"alt-pressed\");\n\t\t$body.removeClass(\"alt-pressed\");\n\t}\n\n\t$(document).on(\"keydown\", (e) => {\n\t\tlet key = (frappe.ui.keys.key_map[e.which] || \"\").toLowerCase();\n\n\t\tif (key === \"alt\") {\n\t\t\thighlight_alt_shortcuts();\n\t\t}\n\n\t\tif (e.shiftKey || e.ctrlKey || e.metaKey) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (key && e.altKey) {\n\t\t\tlet shortcut = get_shortcut_for_key(key);\n\t\t\tif (shortcut) {\n\t\t\t\te.preventDefault();\n\t\t\t\tshortcut.$target[0].click();\n\t\t\t}\n\t\t\thighlight_alt_shortcuts();\n\t\t}\n\t});\n\t$(document).on(\"keyup\", (e) => {\n\t\tif (e.key === \"Alt\") {\n\t\t\tunhighlight_alt_shortcuts();\n\t\t}\n\t});\n\t$(document).on(\"mousemove\", () => {\n\t\tunhighlight_alt_shortcuts();\n\t});\n};\n\nfunction get_shortcut_for_key(key) {\n\t// Get the shortcut for combination of alt+key\n\t// Priority 1: Open dropdown\n\t// Priority 2: Current Page\n\n\tlet shortcuts = shortcut_group_list\n\t\t.filter((shortcut_group) => key in shortcut_group.shortcuts_dict)\n\t\t.map((shortcut_group) => shortcut_group.shortcuts_dict[key])\n\t\t.filter((shortcut) => shortcut.$target.is(\":visible\"));\n\n\tlet shortcut = null;\n\n\tif ($current_dropdown && $current_dropdown.is(\".open\")) {\n\t\tshortcut = shortcuts.find((shortcut) =>\n\t\t\t$.contains($current_dropdown[0], shortcut.$target[0])\n\t\t);\n\t}\n\n\tif (shortcut) return shortcut;\n\n\tshortcut = shortcuts.find((shortcut) =>\n\t\t$.contains(window.cur_page.page.page.wrapper[0], shortcut.$target[0])\n\t);\n\n\treturn shortcut;\n}\n\nfrappe.ui.keys.AltShortcutGroup = class AltShortcutGroup {\n\tconstructor() {\n\t\tthis.shortcuts_dict = {};\n\t\t$current_dropdown = null;\n\t\tthis.bind_events();\n\t\tfrappe.ui.keys.bind_shortcut_group_event();\n\t\tshortcut_group_list.push(this);\n\t}\n\n\tbind_events() {\n\t\t$(document).on(\"show.bs.dropdown\", (e) => {\n\t\t\t$current_dropdown && $current_dropdown.removeClass(\"alt-pressed\");\n\t\t\tlet $target = $(e.target);\n\t\t\tif ($target.is(\".dropdown, .btn-group\")) {\n\t\t\t\t$current_dropdown = $target;\n\t\t\t}\n\t\t});\n\t\t$(document).on(\"hide.bs.dropdown\", () => {\n\t\t\t$current_dropdown && $current_dropdown.removeClass(\"alt-pressed\");\n\t\t\t$current_dropdown = null;\n\t\t});\n\t}\n\n\tadd($target, $text_el) {\n\t\tif (!$text_el) {\n\t\t\t$text_el = $target;\n\t\t}\n\t\tlet text_content = $text_el.text().trim();\n\t\tlet letters = text_content.split(\"\");\n\t\t// first unused letter\n\t\tlet shortcut_letter = letters.find((letter) => {\n\t\t\tletter = letter.toLowerCase();\n\t\t\tlet is_valid_char = letter >= \"a\" && letter <= \"z\";\n\t\t\treturn !this.is_taken(letter) && is_valid_char;\n\t\t});\n\t\tif (!shortcut_letter) {\n\t\t\t$text_el.attr(\"data-label\", encodeURIComponent(text_content));\n\t\t\treturn;\n\t\t}\n\t\tfor (let key in this.shortcuts_dict) {\n\t\t\tlet shortcut = this.shortcuts_dict[key];\n\t\t\tif (shortcut.text === text_content) {\n\t\t\t\tshortcut.$target = $target;\n\t\t\t\tshortcut.$text_el = $text_el;\n\t\t\t\tthis.underline_text(shortcut);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tlet shortcut = {\n\t\t\t$target,\n\t\t\t$text_el,\n\t\t\tletter: shortcut_letter,\n\t\t\ttext: text_content,\n\t\t};\n\t\tthis.shortcuts_dict[shortcut_letter.toLowerCase()] = shortcut;\n\t\tthis.underline_text(shortcut);\n\t}\n\n\tunderline_text(shortcut) {\n\t\tif (frappe.boot.lang === \"eo\") {\n\t\t\t// The language code \"eo\" is used to trigger the In-Context Translation feature.\n\t\t\t// In this case we don't want shortcuts to rip apart the ID of the translatable text.\n\t\t\treturn;\n\t\t}\n\t\tshortcut.$text_el.attr(\"data-label\", encodeURIComponent(shortcut.text));\n\t\tlet underline_el_found = false;\n\t\tlet text_html = shortcut.text\n\t\t\t.split(\"\")\n\t\t\t.map((letter) => {\n\t\t\t\tif (letter === shortcut.letter && !underline_el_found) {\n\t\t\t\t\tletter = `
${letter}`;\n\t\t\t\t\tunderline_el_found = true;\n\t\t\t\t}\n\t\t\t\treturn letter;\n\t\t\t})\n\t\t\t.join(\"\");\n\t\ttext_html = `
${text_html}`;\n\t\tlet original_text_html = shortcut.$text_el.html();\n\t\ttext_html = original_text_html.replace(shortcut.text.trim(), text_html.trim());\n\t\tshortcut.$text_el.html(text_html);\n\t}\n\n\tis_taken(letter) {\n\t\tlet is_in_global_shortcut = frappe.ui.keys.standard_shortcuts\n\t\t\t.filter((s) => !s.page)\n\t\t\t.some((s) => s.shortcut === `alt+${letter}`);\n\t\treturn letter in this.shortcuts_dict || is_in_global_shortcut;\n\t}\n};\n", "import \"./alt_keyboard_shortcuts\";\n\nfrappe.provide(\"frappe.ui.keys.handlers\");\n\nfrappe.ui.keys.setup = function () {\n\t$(window).on(\"keydown\", function (e) {\n\t\tvar key = frappe.ui.keys.get_key(e);\n\t\tif (frappe.ui.keys.handlers[key]) {\n\t\t\tvar out = null;\n\t\t\tfor (var i = 0, l = frappe.ui.keys.handlers[key].length; i < l; i++) {\n\t\t\t\tvar handler = frappe.ui.keys.handlers[key][i];\n\t\t\t\tvar _out = handler.apply(this, [e]);\n\t\t\t\tif (_out === false) {\n\t\t\t\t\tout = _out;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn out;\n\t\t}\n\t});\n};\n\nlet standard_shortcuts = [];\nfrappe.ui.keys.standard_shortcuts = standard_shortcuts;\nfrappe.ui.keys.add_shortcut = ({\n\tshortcut,\n\taction,\n\tdescription,\n\tpage,\n\ttarget,\n\tcondition,\n\tignore_inputs = false,\n} = {}) => {\n\tif (target instanceof jQuery) {\n\t\tlet $target = target;\n\t\taction = () => {\n\t\t\t$target[0].click();\n\t\t};\n\t}\n\tif (!condition) {\n\t\tcondition = () => true;\n\t}\n\tlet handler = (e) => {\n\t\tlet $focused_element = $(document.activeElement);\n\t\tlet is_input_focused = $focused_element.is(\n\t\t\t\"input, select, textarea, [contenteditable=true]\"\n\t\t);\n\t\tif (is_input_focused && !ignore_inputs) return;\n\t\tif (!condition()) return;\n\n\t\tif (action && (!page || page.wrapper.is(\":visible\"))) {\n\t\t\tlet prevent_default = action(e);\n\t\t\t// prevent default if true is explicitly returned\n\t\t\t// or nothing returned (undefined)\n\t\t\tif (prevent_default || prevent_default === undefined) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t}\n\t};\n\t// monkey patch page to handler\n\thandler.page = page;\n\t// remove handler with the same page attached to it\n\tfrappe.ui.keys.off(shortcut, page);\n\t// attach new handler\n\tfrappe.ui.keys.on(shortcut, handler);\n\n\t// update standard shortcut list\n\tlet existing_shortcut_index = standard_shortcuts.findIndex((s) => s.shortcut === shortcut);\n\tlet new_shortcut = { shortcut, action, description, page, condition };\n\tif (existing_shortcut_index === -1) {\n\t\tstandard_shortcuts.push(new_shortcut);\n\t} else {\n\t\tstandard_shortcuts[existing_shortcut_index] = new_shortcut;\n\t}\n};\n\nfrappe.ui.keys.show_keyboard_shortcut_dialog = () => {\n\tif (frappe.ui.keys.is_dialog_shown) return;\n\n\tlet global_shortcuts = standard_shortcuts.filter((shortcut) => !shortcut.page);\n\tlet current_page_shortcuts = standard_shortcuts.filter(\n\t\t(shortcut) => shortcut.page && shortcut.page === window.cur_page.page.page\n\t);\n\n\tlet grid_shortcuts = standard_shortcuts.filter(\n\t\t(shortcut) => shortcut.page && shortcut.page === window.cur_page.page.frm\n\t);\n\n\tfunction generate_shortcuts_html(shortcuts, heading) {\n\t\tif (!shortcuts.length) {\n\t\t\treturn \"\";\n\t\t}\n\t\tlet html = shortcuts\n\t\t\t.filter((s) => (s.condition ? s.condition() : true))\n\t\t\t.filter((s) => !!s.description)\n\t\t\t.map((shortcut) => {\n\t\t\t\tlet shortcut_label = shortcut.shortcut\n\t\t\t\t\t.split(\"+\")\n\t\t\t\t\t.map(frappe.utils.to_title_case)\n\t\t\t\t\t.join(\"+\");\n\t\t\t\tif (frappe.utils.is_mac()) {\n\t\t\t\t\tshortcut_label = shortcut_label.replace(\"Ctrl\", \"\u2318\").replace(\"Alt\", \"\u2325\");\n\t\t\t\t}\n\n\t\t\t\tshortcut_label = shortcut_label.replace(\"Shift\", \"\u21E7\");\n\n\t\t\t\treturn `
\n\t\t\t\t\t| ${shortcut_label} | \n\t\t\t\t\t${shortcut.description || \"\"} | \n\t\t\t\t
`;\n\t\t\t})\n\t\t\t.join(\"\");\n\t\tif (!html) return \"\";\n\n\t\thtml = `
${heading}
\n\t\t\t
\n\t\t\t\t${html}\n\t\t\t
`;\n\t\treturn html;\n\t}\n\n\tlet global_shortcuts_html = generate_shortcuts_html(global_shortcuts, __(\"Global Shortcuts\"));\n\tlet current_page_shortcuts_html = generate_shortcuts_html(\n\t\tcurrent_page_shortcuts,\n\t\t__(\"Page Shortcuts\")\n\t);\n\tlet grid_shortcuts_html = generate_shortcuts_html(grid_shortcuts, __(\"Grid Shortcuts\"));\n\n\tlet dialog = new frappe.ui.Dialog({\n\t\ttitle: __(\"Keyboard Shortcuts\"),\n\t\ton_hide() {\n\t\t\tfrappe.ui.keys.is_dialog_shown = false;\n\t\t},\n\t});\n\n\tdialog.$body.append(global_shortcuts_html);\n\tdialog.$body.append(current_page_shortcuts_html);\n\tdialog.$body.append(grid_shortcuts_html);\n\tdialog.$body.append(`\n\t\t
\n\t\t\t${__(\"Press Alt Key to trigger additional shortcuts in Menu and Sidebar\")}\n\t\t
\n\t`);\n\n\tdialog.show();\n\tfrappe.ui.keys.is_dialog_shown = true;\n};\n\nfrappe.ui.keys.get_key = function (e) {\n\tvar keycode = e.keyCode || e.which;\n\tvar key = frappe.ui.keys.key_map[keycode] || String.fromCharCode(keycode);\n\n\tif (e.ctrlKey || e.metaKey) {\n\t\t// add ctrl+ the key\n\t\tkey = \"ctrl+\" + key;\n\t}\n\tif (e.shiftKey) {\n\t\t// add shift+ the key\n\t\tkey = \"shift+\" + key;\n\t}\n\tif (e.altKey) {\n\t\t// add alt+ the key\n\t\tkey = \"alt+\" + key;\n\t}\n\tif (e.altKey && e.ctrlKey) {\n\t\t// add alt+ctrl+ the key or single key e.g f1,f2,etc..\n\t\treturn key.toLowerCase();\n\t}\n\treturn key.toLowerCase();\n};\n\nfrappe.ui.keys.on = function (key, handler) {\n\tif (!frappe.ui.keys.handlers[key]) {\n\t\tfrappe.ui.keys.handlers[key] = [];\n\t}\n\tfrappe.ui.keys.handlers[key].push(handler);\n};\n\nfrappe.ui.keys.off = function (key, page) {\n\tlet handlers = frappe.ui.keys.handlers[key];\n\tif (!handlers || handlers.length === 0) return;\n\tfrappe.ui.keys.handlers[key] = handlers.filter((h) => {\n\t\tif (!page) return false;\n\t\treturn h.page !== page;\n\t});\n};\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"ctrl+s\",\n\taction: function (e) {\n\t\tdocument.activeElement?.blur();\n\t\tfrappe.app.trigger_primary_action();\n\t\te.preventDefault();\n\t\treturn false;\n\t},\n\tdescription: __(\"Trigger Primary Action\"),\n\tignore_inputs: true,\n});\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"ctrl+g\",\n\taction: function (e) {\n\t\t$(\"#navbar-search\").focus();\n\t\te.preventDefault();\n\t\treturn false;\n\t},\n\tdescription: __(\"Open Awesomebar\"),\n});\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"ctrl+k\",\n\taction: function (e) {\n\t\t$(\"#navbar-search\").focus();\n\t\te.preventDefault();\n\t\treturn false;\n\t},\n\tdescription: __(\"Open Awesomebar\"),\n});\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"alt+s\",\n\taction: function (e) {\n\t\te.preventDefault();\n\t\t$(\".dropdown-navbar-user button\").eq(0).click();\n\t},\n\tdescription: __(\"Open Settings\"),\n});\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"shift+/\",\n\taction: function () {\n\t\tfrappe.ui.keys.show_keyboard_shortcut_dialog();\n\t},\n\tdescription: __(\"Show Keyboard Shortcuts\"),\n});\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"alt+h\",\n\taction: function (e) {\n\t\te.preventDefault();\n\t\t$(\".dropdown-help button\").eq(0).click();\n\t},\n\tdescription: __(\"Open Help\"),\n});\n\nfrappe.ui.keys.on(\"escape\", function (e) {\n\thandle_escape_key();\n});\n\nfrappe.ui.keys.on(\"esc\", function (e) {\n\thandle_escape_key();\n});\n\nfrappe.ui.keys.on(\"enter\", function (e) {\n\tif (window.cur_dialog && cur_dialog.confirm_dialog) {\n\t\tcur_dialog.get_primary_btn().trigger(\"click\");\n\t}\n});\n\nfrappe.ui.keys.on(\"ctrl+down\", function (e) {\n\tconst grid_row = frappe.ui.form.get_open_grid_form();\n\tif (grid_row?.has_next()) {\n\t\tgrid_row.toggle_view(false, function () {\n\t\t\tgrid_row.open_next();\n\t\t});\n\t} else {\n\t\te.preventDefault();\n\t}\n});\n\nfrappe.ui.keys.on(\"ctrl+up\", function (e) {\n\tconst grid_row = frappe.ui.form.get_open_grid_form();\n\tif (grid_row?.has_prev()) {\n\t\tgrid_row.toggle_view(false, function () {\n\t\t\tgrid_row.open_prev();\n\t\t});\n\t} else {\n\t\te.preventDefault();\n\t}\n});\n\nfrappe.ui.keys.add_shortcut({\n\tshortcut: \"shift+ctrl+r\",\n\taction: function () {\n\t\tfrappe.ui.toolbar.clear_cache();\n\t},\n\tdescription: __(\"Clear Cache and Reload\"),\n});\n\nfrappe.ui.keys.key_map = {\n\t8: \"backspace\",\n\t9: \"tab\",\n\t13: \"enter\",\n\t16: \"shift\",\n\t17: \"ctrl\",\n\t91: \"meta\",\n\t18: \"alt\",\n\t27: \"escape\",\n\t37: \"left\",\n\t39: \"right\",\n\t38: \"up\",\n\t40: \"down\",\n\t32: \"space\",\n\t112: \"f1\",\n\t113: \"f2\",\n\t114: \"f3\",\n\t115: \"f4\",\n\t116: \"f5\",\n\t191: \"/\",\n\t188: \"<\",\n\t190: \">\",\n};\n\n\"abcdefghijklmnopqrstuvwxyz\".split(\"\").forEach((letter, i) => {\n\tfrappe.ui.keys.key_map[65 + i] = letter;\n});\n\n// keyCode map\nfrappe.ui.keyCode = {\n\tESCAPE: 27,\n\tLEFT: 37,\n\tRIGHT: 39,\n\tUP: 38,\n\tDOWN: 40,\n\tENTER: 13,\n\tTAB: 9,\n\tSPACE: 32,\n\tBACKSPACE: 8,\n};\n\nfunction handle_escape_key() {\n\tclose_grid_and_dialog();\n\tdocument.activeElement?.blur();\n}\n\nfunction close_grid_and_dialog() {\n\t// close open grid row\n\tvar open_row = $(\".grid-row-open\");\n\tif (open_row.length) {\n\t\tvar grid_row = open_row.data(\"grid_row\");\n\t\tgrid_row.toggle_view(false);\n\t\treturn false;\n\t}\n\n\t// close open dialog\n\tif (cur_dialog && !cur_dialog.no_cancel_flag && !cur_dialog.static) {\n\t\tcur_dialog.cancel();\n\t\treturn false;\n\t}\n}\n", "// Copyright (c) 2015, Frappe Technologies Pvt. Ltd. and Contributors\n// MIT License. See license.txt\n\nfrappe.provide(\"frappe.datetime\");\n\nfrappe.defaultDateFormat = \"YYYY-MM-DD\";\nfrappe.defaultTimeFormat = \"HH:mm:ss\";\nfrappe.defaultDatetimeFormat = frappe.defaultDateFormat + \" \" + frappe.defaultTimeFormat;\nmoment.defaultFormat = frappe.defaultDateFormat;\n\nfrappe.provide(\"frappe.datetime\");\n\n$.extend(frappe.datetime, {\n\tconvert_to_user_tz: function (date, format) {\n\t\t// format defaults to true\n\t\t// Converts the datetime string to system time zone first since the database only stores datetime in\n\t\t// system time zone and then convert the string to user time zone(from User doctype).\n\t\tlet date_obj = null;\n\t\tif (frappe.boot.time_zone && frappe.boot.time_zone.system && frappe.boot.time_zone.user) {\n\t\t\tdate_obj = moment\n\t\t\t\t.tz(date, frappe.boot.time_zone.system)\n\t\t\t\t.clone()\n\t\t\t\t.tz(frappe.boot.time_zone.user);\n\t\t} else {\n\t\t\tdate_obj = moment(date);\n\t\t}\n\n\t\treturn format === false ? date_obj : date_obj.format(frappe.defaultDatetimeFormat);\n\t},\n\n\tconvert_to_system_tz: function (date, format) {\n\t\t// format defaults to true\n\t\t// Converts the datetime string to user time zone (from User doctype) first since this fn is called in datetime which accepts datetime\n\t\t// in user time zone then convert the string to user time zone.\n\t\t// This is done so that only one timezone is present in database and we do not end up storing local timezone since it changes\n\t\t// as per the location of user.\n\t\tlet date_obj = null;\n\t\tif (frappe.boot.time_zone && frappe.boot.time_zone.system && frappe.boot.time_zone.user) {\n\t\t\tdate_obj = moment\n\t\t\t\t.tz(date, frappe.boot.time_zone.user)\n\t\t\t\t.clone()\n\t\t\t\t.tz(frappe.boot.time_zone.system);\n\t\t} else {\n\t\t\tdate_obj = moment(date);\n\t\t}\n\n\t\treturn format === false ? date_obj : date_obj.format(frappe.defaultDatetimeFormat);\n\t},\n\n\tis_system_time_zone: function () {\n\t\tif (frappe.boot.time_zone && frappe.boot.time_zone.system && frappe.boot.time_zone.user) {\n\t\t\treturn (\n\t\t\t\tmoment().tz(frappe.boot.time_zone.system).utcOffset() ===\n\t\t\t\tmoment().tz(frappe.boot.time_zone.user).utcOffset()\n\t\t\t);\n\t\t}\n\n\t\treturn true;\n\t},\n\n\tis_timezone_same: function () {\n\t\treturn frappe.datetime.is_system_time_zone();\n\t},\n\n\tstr_to_obj: function (d) {\n\t\treturn moment(d, frappe.defaultDatetimeFormat)._d;\n\t},\n\n\tobj_to_str: function (d) {\n\t\treturn moment(d).locale(\"en\").format();\n\t},\n\n\tobj_to_user: function (d) {\n\t\treturn moment(d).format(frappe.datetime.get_user_date_fmt().toUpperCase());\n\t},\n\n\tget_diff: function (d1, d2) {\n\t\treturn moment(d1).diff(d2, \"days\");\n\t},\n\n\tget_hour_diff: function (d1, d2) {\n\t\treturn moment(d1).diff(d2, \"hours\");\n\t},\n\n\tget_minute_diff: function (d1, d2) {\n\t\treturn moment(d1).diff(d2, \"minutes\");\n\t},\n\n\tget_day_diff: function (d1, d2) {\n\t\treturn moment(d1).diff(d2, \"days\");\n\t},\n\n\tadd_days: function (d, days) {\n\t\treturn moment(d).add(days, \"days\").format();\n\t},\n\n\tadd_months: function (d, months) {\n\t\treturn moment(d).add(months, \"months\").format();\n\t},\n\n\tweek_start: function () {\n\t\treturn moment().startOf(\"week\").format();\n\t},\n\n\tweek_end: function () {\n\t\treturn moment().endOf(\"week\").format();\n\t},\n\n\tmonth_start: function () {\n\t\treturn moment().startOf(\"month\").format();\n\t},\n\n\tmonth_end: function () {\n\t\treturn moment().endOf(\"month\").format();\n\t},\n\n\tquarter_start: function () {\n\t\treturn moment().startOf(\"quarter\").format();\n\t},\n\n\tquarter_end: function () {\n\t\treturn moment().endOf(\"quarter\").format();\n\t},\n\n\tyear_start: function () {\n\t\treturn moment().startOf(\"year\").format();\n\t},\n\n\tyear_end: function () {\n\t\treturn moment().endOf(\"year\").format();\n\t},\n\n\tget_user_time_fmt: function () {\n\t\treturn (frappe.sys_defaults && frappe.sys_defaults.time_format) || \"HH:mm:ss\";\n\t},\n\n\tget_user_date_fmt: function () {\n\t\treturn (frappe.sys_defaults && frappe.sys_defaults.date_format) || \"yyyy-mm-dd\";\n\t},\n\n\tget_user_fmt: function () {\n\t\t// For backwards compatibility only\n\t\treturn (frappe.sys_defaults && frappe.sys_defaults.date_format) || \"yyyy-mm-dd\";\n\t},\n\n\t/**\n\t * Converts a datetime string from system format to user format.\n\t *\n\t * If a full datetime string is provided, it is assumed to be in the system\n\t * timezone and converted to the user's timezone.\n\t *\n\t * @param {string} val - The datetime string to convert\n\t * @param {boolean} only_time - If true, parses and returns a time string only\n\t * @param {boolean} only_date - If true, parses and returns a date string only\n\t * @returns {string} The datetime string in user format\n\t */\n\tstr_to_user: function (val, only_time = false, only_date = false) {\n\t\tif (!val) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst user_date_fmt = frappe.datetime.get_user_date_fmt().toUpperCase();\n\t\tconst user_time_fmt = frappe.datetime.get_user_time_fmt();\n\n\t\tif (only_time) {\n\t\t\tlet date_obj = moment(val, frappe.defaultTimeFormat);\n\t\t\treturn date_obj.format(user_time_fmt);\n\t\t} else if (only_date || (typeof val === \"string\" && val.indexOf(\" \") === -1)) {\n\t\t\tlet date_obj = moment(val, frappe.defaultDateFormat);\n\t\t\treturn date_obj.format(user_date_fmt);\n\t\t} else {\n\t\t\tconst system_datetime = moment.tz(\n\t\t\t\tval,\n\t\t\t\tfrappe.defaultDatetimeFormat,\n\t\t\t\tfrappe.boot.time_zone.system\n\t\t\t);\n\t\t\tconst user_datetime = system_datetime.clone().tz(frappe.boot.time_zone.user);\n\n\t\t\treturn user_datetime.format(user_date_fmt + \" \" + user_time_fmt);\n\t\t}\n\t},\n\n\tget_datetime_as_string: function (d) {\n\t\tlet time_format = frappe?.boot?.sysdefaults?.time_format || frappe.defaultTimeFormat;\n\t\tlet datetime_format = frappe.defaultDateFormat + \" \" + time_format;\n\t\treturn moment(d).format(datetime_format);\n\t},\n\n\tuser_to_str: function (val, only_time = false) {\n\t\tvar user_time_fmt = frappe.datetime.get_user_time_fmt();\n\t\tif (only_time) {\n\t\t\treturn moment(val, user_time_fmt).format(frappe.defaultTimeFormat);\n\t\t}\n\n\t\tvar user_fmt = frappe.datetime.get_user_date_fmt().toUpperCase();\n\t\tvar system_fmt = \"YYYY-MM-DD\";\n\n\t\tif (val.indexOf(\" \") !== -1) {\n\t\t\tuser_fmt += \" \" + user_time_fmt;\n\t\t\tsystem_fmt += \" HH:mm:ss\";\n\t\t}\n\n\t\t// user_fmt.replace(\"YYYY\", \"YY\")? user might only input 2 digits of the year, which should also be parsed\n\t\treturn moment(val, [user_fmt.replace(\"YYYY\", \"YY\"), user_fmt])\n\t\t\t.locale(\"en\")\n\t\t\t.format(system_fmt);\n\t},\n\n\tuser_to_obj: function (d) {\n\t\treturn frappe.datetime.str_to_obj(frappe.datetime.user_to_str(d));\n\t},\n\n\tglobal_date_format: function (d) {\n\t\tvar m = moment(d);\n\t\tif (m._f && m._f.indexOf(\"HH\") !== -1) {\n\t\t\treturn m.format(\"Do MMMM YYYY, hh:mm A\");\n\t\t} else {\n\t\t\treturn m.format(\"Do MMMM YYYY\");\n\t\t}\n\t},\n\n\tnow_date: function (as_obj = false) {\n\t\treturn frappe.datetime._date(frappe.defaultDateFormat, as_obj);\n\t},\n\n\tnow_time: function (as_obj = false) {\n\t\treturn frappe.datetime._date(frappe.defaultTimeFormat, as_obj);\n\t},\n\n\tnow_datetime: function (as_obj = false) {\n\t\treturn frappe.datetime._date(frappe.defaultDatetimeFormat, as_obj);\n\t},\n\n\tsystem_datetime: function (as_obj = false) {\n\t\treturn frappe.datetime._date(frappe.defaultDatetimeFormat, as_obj, true);\n\t},\n\n\t_date: function (format, as_obj = false, system_time = false) {\n\t\tlet time_zone = frappe.boot.time_zone?.system || frappe.sys_defaults.time_zone;\n\n\t\t// Whenever we are getting now_date/datetime, always make sure dates are fetched using user time zone.\n\t\t// This is to make sure that time is as per user time zone set in User doctype, If a user had to change the timezone,\n\t\t// we will end up having multiple timezone by not honouring timezone in User doctype.\n\t\t// This will make sure that at any point we know which timezone the user if following and not have random timezone\n\t\t// when the timezone of the local machine changes.\n\t\tif (!system_time) {\n\t\t\ttime_zone = frappe.boot.time_zone?.user || time_zone;\n\t\t}\n\t\tlet date = moment.tz(time_zone);\n\n\t\treturn as_obj ? frappe.datetime.moment_to_date_obj(date) : date.format(format);\n\t},\n\n\tmoment_to_date_obj: function (moment_obj) {\n\t\tconst date_obj = new Date();\n\t\tconst date_array = moment_obj.toArray();\n\t\tdate_obj.setFullYear(date_array[0]);\n\t\tdate_obj.setMonth(date_array[1]);\n\t\tdate_obj.setDate(date_array[2]);\n\t\tdate_obj.setHours(date_array[3]);\n\t\tdate_obj.setMinutes(date_array[4]);\n\t\tdate_obj.setSeconds(date_array[5]);\n\t\tdate_obj.setMilliseconds(date_array[6]);\n\t\treturn date_obj;\n\t},\n\n\tnowdate: function () {\n\t\treturn frappe.datetime.now_date();\n\t},\n\n\tget_today: function () {\n\t\treturn frappe.datetime.now_date();\n\t},\n\n\tget_time: (timestamp) => {\n\t\t// return time with AM/PM\n\t\treturn moment(timestamp).format(\"hh:mm A\");\n\t},\n\n\tvalidate: function (d) {\n\t\treturn moment(\n\t\t\td,\n\t\t\t[frappe.defaultDateFormat, frappe.defaultDatetimeFormat, frappe.defaultTimeFormat],\n\t\t\ttrue\n\t\t).isValid();\n\t},\n\n\tget_first_day_of_the_week_index() {\n\t\tconst first_day_of_the_week = frappe.sys_defaults.first_day_of_the_week || \"Sunday\";\n\t\treturn moment.weekdays().indexOf(first_day_of_the_week);\n\t},\n});\n", "frappe.provide(\"frappe.ui\");\nfrappe.provide(\"frappe.views\");\nfrappe.provide(\"frappe.web_form_list\");\n\nexport default class WebFormList {\n\tconstructor(opts) {\n\t\tObject.assign(this, opts);\n\t\tfrappe.web_form_list = this;\n\t\tthis.wrapper = $(\".web-list-table\");\n\t\tthis.make_actions();\n\t\tthis.make_filters();\n\t}\n\n\trefresh() {\n\t\tthis.rows = [];\n\t\tthis.web_list_start = 0;\n\t\tthis.page_length = 10;\n\n\t\tfrappe.run_serially([\n\t\t\t() => this.get_list_view_fields(),\n\t\t\t() => this.get_data(),\n\t\t\t() => this.remove_more(),\n\t\t\t() => this.make_table(),\n\t\t\t() => this.create_more(),\n\t\t]);\n\t}\n\n\tremove_more() {\n\t\t$(\".more\").remove();\n\t}\n\n\tmake_filters() {\n\t\tthis.filters = {};\n\t\tthis.filter_input = [];\n\t\tlet filter_area = $(\".web-list-filters\");\n\n\t\tfrappe\n\t\t\t.call(\"frappe.website.doctype.web_form.web_form.get_web_form_filters\", {\n\t\t\t\tweb_form_name: this.web_form_name,\n\t\t\t})\n\t\t\t.then((response) => {\n\t\t\t\tlet fields = response.message;\n\t\t\t\tfields.length && filter_area.removeClass(\"hide\");\n\t\t\t\tfields.forEach((field) => {\n\t\t\t\t\tif ([\"Text Editor\", \"Text\", \"Small Text\"].includes(field.fieldtype)) {\n\t\t\t\t\t\tfield.fieldtype = \"Data\";\n\t\t\t\t\t}\n\n\t\t\t\t\tif ([\"Table\", \"Signature\"].includes(field.fieldtype)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tlet input = frappe.ui.form.make_control({\n\t\t\t\t\t\tdf: {\n\t\t\t\t\t\t\tfieldtype: field.fieldtype,\n\t\t\t\t\t\t\tfieldname: field.fieldname,\n\t\t\t\t\t\t\toptions: field.options,\n\t\t\t\t\t\t\tinput_class: \"input-xs\",\n\t\t\t\t\t\t\tonly_select: true,\n\t\t\t\t\t\t\tlabel: __(field.label, null, field.parent),\n\t\t\t\t\t\t\tonchange: (event) => {\n\t\t\t\t\t\t\t\tthis.add_filter(field.fieldname, input.value, field.fieldtype);\n\t\t\t\t\t\t\t\tthis.refresh();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tparent: filter_area,\n\t\t\t\t\t\trender_input: 1,\n\t\t\t\t\t\tonly_input: field.fieldtype == \"Check\" ? false : true,\n\t\t\t\t\t});\n\n\t\t\t\t\t$(input.wrapper)\n\t\t\t\t\t\t.addClass(\"col-md-2\")\n\t\t\t\t\t\t.attr(\"title\", __(field.label, null, field.parent))\n\t\t\t\t\t\t.tooltip({\n\t\t\t\t\t\t\tdelay: { show: 600, hide: 100 },\n\t\t\t\t\t\t\ttrigger: \"hover\",\n\t\t\t\t\t\t});\n\n\t\t\t\t\tinput.$input.attr(\"placeholder\", __(field.label, null, field.parent));\n\t\t\t\t\tthis.filter_input.push(input);\n\t\t\t\t});\n\t\t\t\tthis.refresh();\n\t\t\t});\n\t}\n\n\tadd_filter(field, value, fieldtype) {\n\t\tif (!value) {\n\t\t\tdelete this.filters[field];\n\t\t} else {\n\t\t\tif ([\"Data\", \"Currency\", \"Float\", \"Int\"].includes(fieldtype)) {\n\t\t\t\tvalue = [\"like\", \"%\" + value + \"%\"];\n\t\t\t}\n\t\t\tObject.assign(this.filters, Object.fromEntries([[field, value]]));\n\t\t}\n\t}\n\n\tget_list_view_fields() {\n\t\tif (this.columns) return this.columns;\n\n\t\tif (this.list_columns) {\n\t\t\tthis.columns = this.list_columns.map((df) => {\n\t\t\t\treturn {\n\t\t\t\t\tlabel: df.label,\n\t\t\t\t\tfieldname: df.fieldname,\n\t\t\t\t\tfieldtype: df.fieldtype,\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}\n\n\tfetch_data() {\n\t\tif (this.condition_json && JSON.parse(this.condition_json)) {\n\t\t\tlet filter = frappe.utils.get_filter_from_json(this.condition_json, this.doctype);\n\t\t\tfilter = frappe.utils.get_filter_as_json(filter);\n\t\t\tthis.filters = Object.assign(this.filters, JSON.parse(filter));\n\t\t}\n\n\t\tlet args = {\n\t\t\tmethod: \"frappe.www.list.get_list_data\",\n\t\t\targs: {\n\t\t\t\tdoctype: this.doctype,\n\t\t\t\tlimit_start: this.web_list_start,\n\t\t\t\tlimit: this.page_length,\n\t\t\t\tweb_form_name: this.web_form_name,\n\t\t\t\t...this.filters,\n\t\t\t},\n\t\t};\n\n\t\tif (this.no_change(args)) {\n\t\t\t// console.log('throttled');\n\t\t\treturn Promise.resolve();\n\t\t}\n\n\t\treturn frappe.call(args);\n\t}\n\n\tno_change(args) {\n\t\t// returns true if arguments are same for the last 3 seconds\n\t\t// this helps in throttling if called from various sources\n\t\tif (this.last_args && JSON.stringify(args) === this.last_args) {\n\t\t\treturn true;\n\t\t}\n\t\tthis.last_args = JSON.stringify(args);\n\t\tsetTimeout(() => {\n\t\t\tthis.last_args = null;\n\t\t}, 3000);\n\t\treturn false;\n\t}\n\n\tasync get_data() {\n\t\tlet response = await this.fetch_data();\n\t\tif (response) {\n\t\t\tthis.data = await response.message;\n\t\t}\n\t}\n\n\tmore() {\n\t\tthis.web_list_start += this.page_length;\n\t\tthis.fetch_data().then((res) => {\n\t\t\tif (res.message.length === 0) {\n\t\t\t\tfrappe.msgprint(__(\"No more items to display\"));\n\t\t\t}\n\t\t\tthis.append_rows(res.message);\n\t\t});\n\t}\n\n\tmake_table() {\n\t\tthis.table = $(`
`);\n\n\t\tthis.make_table_head();\n\t\tthis.make_table_body();\n\t}\n\n\tmake_table_head() {\n\t\tlet $thead = $(`\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t| \n\t\t\t\t\t\t\n\t\t\t\t\t | \n\t\t\t\t\t${__(\"Sr\")}. | \n\t\t\t\t
\n\t\t\t\n\t\t`);\n\n\t\tthis.check_all = $thead.find(\"input.select-all\");\n\t\tthis.check_all.on(\"click\", (event) => {\n\t\t\tthis.toggle_select_all(event.target.checked);\n\t\t});\n\n\t\tthis.columns.forEach((col) => {\n\t\t\tlet $tr = $thead.find(\"tr\");\n\t\t\tlet $th = $(`
${__(col.label)} | `);\n\t\t\t$th.appendTo($tr);\n\t\t});\n\n\t\t$thead.appendTo(this.table);\n\t}\n\n\tmake_table_body() {\n\t\tif (this.data.length) {\n\t\t\tthis.wrapper.empty();\n\n\t\t\tif (this.table) {\n\t\t\t\tthis.table.find(\"tbody\").remove();\n\n\t\t\t\tif (this.check_all.length) {\n\t\t\t\t\tthis.check_all.prop(\"checked\", false);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.append_rows(this.data);\n\t\t\tthis.table.appendTo(this.wrapper);\n\t\t} else {\n\t\t\tif (this.wrapper.find(\".no-result\").length) return;\n\n\t\t\tthis.wrapper.empty();\n\t\t\tfrappe.has_permission(this.doctype, \"\", \"create\", () => {\n\t\t\t\tthis.setup_empty_state();\n\t\t\t});\n\t\t}\n\t}\n\n\tsetup_empty_state() {\n\t\tlet new_button = `\n\t\t\t
\n\t\t\t\t${__(\"Create a new {0}\", [__(this.doctype)])}\n\t\t\t\n\t\t`;\n\n\t\tlet empty_state = $(`\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
${__(\"No {0} found\", [__(this.doctype)])}
\n\t\t\t\t\t${new_button}\n\t\t\t\t
\n\t\t\t
|
`);\n\n\t\t\tlet row = new frappe.ui.WebFormListRow({\n\t\t\t\trow: $row_element,\n\t\t\t\tdoc: data_item,\n\t\t\t\tcolumns: this.columns,\n\t\t\t\tserial_number: this.rows.length + 1,\n\t\t\t\tevents: {\n\t\t\t\t\ton_edit: () => this.open_form(data_item.name),\n\t\t\t\t\ton_select: () => {\n\t\t\t\t\t\tthis.toggle_new();\n\t\t\t\t\t\tthis.toggle_delete();\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t});\n\n\t\t\tthis.rows.push(row);\n\t\t\t$row_element.appendTo($tbody);\n\t\t});\n\t}\n\n\tmake_actions() {\n\t\tconst actions = $(\".web-list-actions\");\n\n\t\tfrappe.has_permission(this.doctype, \"\", \"delete\", () => {\n\t\t\tthis.add_button(actions, \"delete-rows\", \"danger\", true, \"Delete\", () =>\n\t\t\t\tthis.delete_rows()\n\t\t\t);\n\t\t});\n\t}\n\n\tadd_button(wrapper, name, type, hidden, text, action) {\n\t\tif ($(`.${name}`).length) return;\n\n\t\thidden = hidden ? \"hide\" : \"\";\n\t\ttype = type == \"danger\" ? \"danger button-delete\" : type;\n\n\t\tlet button = $(`\n\t\t\t\n\t\t`);\n\n\t\tbutton.on(\"click\", () => action());\n\t\tbutton.appendTo(wrapper);\n\t}\n\n\tcreate_more() {\n\t\tif (this.rows.length >= this.page_length) {\n\t\t\tconst footer = $(\".web-list-footer\");\n\t\t\tthis.add_button(footer, \"more\", \"secondary\", false, \"Load More\", () => this.more());\n\t\t}\n\t}\n\n\ttoggle_select_all(checked) {\n\t\tthis.rows.forEach((row) => row.toggle_select(checked));\n\t}\n\n\topen_form(name) {\n\t\tlet path = window.location.pathname;\n\t\tif (path.includes(\"/list\")) {\n\t\t\tpath = path.replace(\"/list\", \"\");\n\t\t}\n\n\t\twindow.location.href = path + \"/\" + name;\n\t}\n\n\tget_selected() {\n\t\treturn this.rows.filter((row) => row.is_selected());\n\t}\n\n\ttoggle_delete() {\n\t\tif (!this.settings.allow_delete) return;\n\t\tlet btn = $(\".delete-rows\");\n\t\t!this.get_selected().length ? btn.addClass(\"hide\") : btn.removeClass(\"hide\");\n\t}\n\n\ttoggle_new() {\n\t\tif (!this.settings.allow_delete) return;\n\t\tlet btn = $(\".button-new\");\n\t\tthis.get_selected().length ? btn.addClass(\"hide\") : btn.removeClass(\"hide\");\n\t}\n\n\tdelete_rows() {\n\t\tif (!this.settings.allow_delete) return;\n\t\tfrappe\n\t\t\t.call({\n\t\t\t\ttype: \"POST\",\n\t\t\t\tmethod: \"frappe.website.doctype.web_form.web_form.delete_multiple\",\n\t\t\t\targs: {\n\t\t\t\t\tweb_form_name: this.web_form_name,\n\t\t\t\t\tdocnames: this.get_selected().map((row) => row.doc.name),\n\t\t\t\t},\n\t\t\t})\n\t\t\t.then(() => {\n\t\t\t\tthis.refresh();\n\t\t\t\tthis.toggle_delete();\n\t\t\t\tthis.toggle_new();\n\t\t\t});\n\t}\n}\n\nfrappe.ui.WebFormListRow = class WebFormListRow {\n\tconstructor({ row, doc, columns, serial_number, events, options }) {\n\t\tObject.assign(this, { row, doc, columns, serial_number, events });\n\t\tthis.make_row();\n\t}\n\n\tmake_row() {\n\t\t// Add Checkboxes\n\t\tlet $cell = $(` | `);\n\n\t\tthis.checkbox = $(``);\n\t\tthis.checkbox.on(\"click\", (event) => {\n\t\t\tthis.toggle_select(event.target.checked);\n\t\t\tevent.stopImmediatePropagation();\n\t\t});\n\t\tthis.checkbox.appendTo($cell);\n\t\t$cell.appendTo(this.row);\n\n\t\t// Add Serial Number\n\t\tlet serialNo = $(`${__(this.serial_number)} | `);\n\t\tserialNo.appendTo(this.row);\n\n\t\tthis.columns.forEach((field) => {\n\t\t\tlet formatter = frappe.form.get_formatter(field.fieldtype);\n\t\t\tlet value =\n\t\t\t\t(this.doc[field.fieldname] &&\n\t\t\t\t\t__(\n\t\t\t\t\t\tformatter(this.doc[field.fieldname], field, { only_value: 1 }, this.doc)\n\t\t\t\t\t)) ||\n\t\t\t\t\"\";\n\t\t\tlet cell = $(`${value} | `);\n\t\t\tif (field.fieldtype === \"Text Editor\") {\n\t\t\t\tvalue = $(value).addClass(\"ellipsis\");\n\t\t\t\tcell = $(\" | \").append(value);\n\t\t\t}\n\t\t\tcell.appendTo(this.row);\n\t\t});\n\n\t\tthis.row.on(\"click\", () => this.events.on_edit());\n\t}\n\n\ttoggle_select(checked) {\n\t\tthis.checkbox.prop(\"checked\", checked);\n\t\tthis.events.on_select(checked);\n\t}\n\n\tis_selected() {\n\t\treturn this.checkbox.prop(\"checked\");\n\t}\n};\n", "frappe.provide(\"frappe.utils\");\n/**\n * Simple EventEmitterMixin which uses jQuery's event system\n */\nconst EventEmitterMixin = {\n\tinit() {\n\t\tthis.jq = jQuery({});\n\t},\n\n\ttrigger(evt, data) {\n\t\t!this.jq && this.init();\n\t\tthis.jq.trigger(evt, data);\n\t},\n\n\tonce(evt, handler) {\n\t\t!this.jq && this.init();\n\t\tthis.jq.one(evt, (e, data) => handler(data));\n\t},\n\n\ton(evt, handler) {\n\t\t!this.jq && this.init();\n\t\tthis.jq.bind(evt, (e, data) => handler(data));\n\t},\n\n\toff(evt, handler) {\n\t\t!this.jq && this.init();\n\t\tthis.jq.unbind(evt, (e, data) => handler(data));\n\t},\n};\n\nfrappe.utils.make_event_emitter = function (object) {\n\tObject.assign(object, EventEmitterMixin);\n\treturn object;\n};\n\nexport default EventEmitterMixin;\n", "frappe.provide(\"frappe.ui\");\nfrappe.provide(\"frappe.web_form\");\nimport EventEmitterMixin from \"../../frappe/event_emitter\";\n\nexport default class WebForm extends frappe.ui.FieldGroup {\n\tconstructor(opts) {\n\t\tsuper();\n\t\tObject.assign(this, opts);\n\t\tfrappe.web_form = this;\n\t\tfrappe.web_form.events = {};\n\t\tObject.assign(frappe.web_form.events, EventEmitterMixin);\n\t\tthis.current_section = 0;\n\t\tthis.is_multi_step_form = false;\n\t}\n\n\tprepare(web_form_doc, doc) {\n\t\tObject.assign(this, web_form_doc);\n\t\tthis.fields = web_form_doc.web_form_fields;\n\t\tthis.doc = doc;\n\t}\n\n\tmake() {\n\t\tthis.parent.empty();\n\t\tsuper.make();\n\t\tthis.set_page_breaks();\n\t\tthis.set_field_values();\n\n\t\tif (this.is_new || this.in_edit_mode) {\n\t\t\tthis.setup_primary_action();\n\t\t\tthis.setup_discard_action();\n\t\t}\n\n\t\tthis.setup_previous_next_button();\n\t\tthis.toggle_section();\n\n\t\t// webform client script\n\t\tfrappe.init_client_script && frappe.init_client_script();\n\t\tthis.setup_listeners();\n\t\tfrappe.web_form.events.trigger(\"after_load\");\n\t\tthis.after_load && this.after_load();\n\t}\n\n\ton(fieldname, handler) {\n\t\tlet field = this.fields_dict[fieldname];\n\t\tfield.df.change = () => {\n\t\t\thandler(field, field.value);\n\t\t\tthis.refresh_dependency();\n\t\t\tthis.make_form_dirty();\n\t\t};\n\t}\n\n\tsetup_listeners() {\n\t\t// setup change event for all fields if not already set through client script\n\t\tthis.fields.forEach((field) => {\n\t\t\tif (!field.change) {\n\t\t\t\tfield.change = () => {\n\t\t\t\t\tthis.refresh_dependency();\n\t\t\t\t\tthis.make_form_dirty();\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\t}\n\n\tmake_form_dirty() {\n\t\tfrappe.form_dirty = true;\n\t\t$(\".indicator-pill.orange\").removeClass(\"hide\");\n\t}\n\n\tset_page_breaks() {\n\t\tthis.page_breaks = $(\".page-break\");\n\n\t\tif (this.page_breaks.length) {\n\t\t\tthis.page_breaks.each((i, page_break) => {\n\t\t\t\tif (!$(page_break).find(\"form\").length) {\n\t\t\t\t\t$(page_break).remove();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis.page_breaks = $(\".page-break\");\n\t\tthis.is_multi_step_form = !!this.page_breaks.length;\n\t}\n\n\tsetup_previous_next_button() {\n\t\tlet me = this;\n\n\t\tif (!me.is_multi_step_form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.$next_button = $(``);\n\n\t\tthis.$previous_button = $(``);\n\n\t\tthis.$next_button.insertAfter(\".web-form-footer .right-area .discard-btn\");\n\t\tthis.in_view_mode && $(\".web-form-footer .right-area\").append(this.$next_button);\n\t\t$(\".web-form-footer .left-area\").prepend(this.$previous_button);\n\n\t\tthis.$previous_button.on(\"click\", () => {\n\t\t\tlet is_validated = me.validate_section();\n\n\t\t\tif (!is_validated) return false;\n\n\t\t\t/**\n\t\t\t\tThe eslint utility cannot figure out if this is an infinite loop in backwards and\n\t\t\t\tthrows an error. Disabling for-direction just for this section.\n\t\t\t\tfor-direction doesnt throw an error if the values are hardcoded in the\n\t\t\t\treverse for-loop, but in this case its a dynamic loop.\n\t\t\t\thttps://eslint.org/docs/rules/for-direction\n\t\t\t*/\n\t\t\t/* eslint-disable for-direction */\n\t\t\tfor (let idx = me.current_section; idx < me.sections.length; idx--) {\n\t\t\t\tlet is_empty = me.is_previous_section_empty(idx);\n\t\t\t\tme.current_section =\n\t\t\t\t\tme.current_section > 0 ? me.current_section - 1 : me.current_section;\n\n\t\t\t\tif (!is_empty) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\t/* eslint-enable for-direction */\n\t\t\tme.toggle_section();\n\t\t\treturn false;\n\t\t});\n\n\t\tthis.$next_button.on(\"click\", () => {\n\t\t\tlet is_validated = me.validate_section();\n\n\t\t\tif (!is_validated) return false;\n\n\t\t\tfor (let idx = me.current_section; idx < me.sections.length; idx++) {\n\t\t\t\tlet is_empty = me.is_next_section_empty(idx);\n\t\t\t\tme.current_section =\n\t\t\t\t\tme.current_section < me.sections.length\n\t\t\t\t\t\t? me.current_section + 1\n\t\t\t\t\t\t: me.current_section;\n\n\t\t\t\tif (!is_empty) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tme.toggle_section();\n\t\t\treturn false;\n\t\t});\n\t}\n\n\tset_field_values() {\n\t\tif (this.doc.name) this.set_values(this.doc);\n\t\telse return;\n\t}\n\n\tset_default_values() {\n\t\tlet defaults = {};\n\t\tfor (let df of this.fields) {\n\t\t\tif (df.default) {\n\t\t\t\tdefaults[df.fieldname] = df.default;\n\t\t\t}\n\t\t}\n\t\tlet values = frappe.utils.get_query_params();\n\t\tdelete values.new;\n\t\tObject.assign(defaults, values);\n\t\tthis.set_values(values);\n\t}\n\n\tsetup_primary_action() {\n\t\t$(\".web-form\").on(\"submit\", () => this.save());\n\t}\n\n\tsetup_discard_action() {\n\t\t$(\".web-form-footer .discard-btn\").on(\"click\", () => this.discard_form());\n\t}\n\n\tdiscard_form() {\n\t\tlet path = window.location.href;\n\t\t// remove new or edit after last / from url\n\t\tpath = path.substring(0, path.lastIndexOf(\"/\"));\n\n\t\tif (frappe.form_dirty) {\n\t\t\tfrappe.warn(\n\t\t\t\t__(\"Discard?\"),\n\t\t\t\t__(\"Are you sure you want to discard the changes?\"),\n\t\t\t\t() => (window.location.href = path),\n\t\t\t\t__(\"Discard\")\n\t\t\t);\n\t\t} else {\n\t\t\twindow.location.href = path;\n\t\t}\n\t\treturn false;\n\t}\n\n\tvalidate_section() {\n\t\tif (this.allow_incomplete) return true;\n\n\t\tlet fields = $(`${this.get_page(this.current_section)} .form-control`);\n\t\tlet errors = [];\n\t\tlet invalid_values = [];\n\n\t\tfor (let field of fields) {\n\t\t\tlet fieldname = $(field).attr(\"data-fieldname\");\n\t\t\tif (!fieldname) continue;\n\n\t\t\tfield = this.fields_dict[fieldname];\n\n\t\t\tif (field && field.get_value) {\n\t\t\t\tlet value = field.get_value();\n\t\t\t\tif (\n\t\t\t\t\tfield.df.reqd &&\n\t\t\t\t\tis_null(typeof value === \"string\" ? strip_html(value) : value)\n\t\t\t\t)\n\t\t\t\t\terrors.push(__(field.df.label));\n\n\t\t\t\tif (\n\t\t\t\t\tfield.df.reqd &&\n\t\t\t\t\tfield.df.fieldtype === \"Text Editor\" &&\n\t\t\t\t\tis_null(strip_html(cstr(value)))\n\t\t\t\t)\n\t\t\t\t\terrors.push(__(field.df.label));\n\n\t\t\t\tif (field.df.invalid) invalid_values.push(__(field.df.label));\n\t\t\t}\n\t\t}\n\n\t\tlet message = \"\";\n\t\tif (invalid_values.length) {\n\t\t\tmessage += __(\"Invalid values for fields:\", null, \"Error message in web form\");\n\t\t\tmessage += \"
- \" + invalid_values.join(\"
- \") + \"
\";\n\t\t}\n\n\t\tif (errors.length) {\n\t\t\tmessage += __(\"Mandatory fields required:\", null, \"Error message in web form\");\n\t\t\tmessage += \"
- \" + errors.join(\"
- \") + \"
\";\n\t\t}\n\n\t\tif (invalid_values.length || errors.length) {\n\t\t\tfrappe.msgprint({\n\t\t\t\ttitle: __(\"Error\", null, \"Title of error message in web form\"),\n\t\t\t\tmessage: message,\n\t\t\t\tindicator: \"orange\",\n\t\t\t});\n\t\t}\n\n\t\treturn !(errors.length || invalid_values.length);\n\t}\n\n\ttoggle_section() {\n\t\tif (!this.is_multi_step_form) return;\n\n\t\tthis.render_progress_dots();\n\t\tthis.toggle_previous_button();\n\t\tthis.hide_form_pages();\n\t\tthis.show_form_page();\n\t\tthis.toggle_buttons();\n\t}\n\n\trender_progress_dots() {\n\t\tif (!this.is_multi_step_form) return;\n\t\t$(\".center-area.paging\").empty();\n\n\t\tif (this.in_view_mode) {\n\t\t\tlet paging_text = __(\"Page {0} of {1}\", [\n\t\t\t\tthis.current_section + 1,\n\t\t\t\tthis.page_breaks.length + 1,\n\t\t\t]);\n\t\t\t$(\".center-area.paging\").append(`${paging_text}
`);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.$slide_progress = $(``).appendTo(\n\t\t\t$(\".center-area.paging\")\n\t\t);\n\t\tthis.$slide_progress.empty();\n\n\t\tif (this.page_breaks.length < 1) return;\n\n\t\tfor (let i = 0; i <= this.page_breaks.length; i++) {\n\t\t\tlet $dot = $(`\n\t\t\t\t
\n\t\t\t\t
${frappe.utils.icon(\"tick\", \"xs\")}
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t${content}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
![](\"${image}\")
\n\t\t\t\t