From c5d4fdb5c3304b4c244682c67b6d0cf61184ee0d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9F=D0=B0=D0=B2=D0=B5=D0=BB=20=D0=90=D1=85=D0=BC=D0=B5?= =?UTF-8?q?=D1=82=D1=87=D0=B0=D0=BD=D0=BE=D0=B2?= Date: Sat, 29 Jan 2022 19:47:14 +0300 Subject: [PATCH] [#134] added listener for catch event change form for update sla --- src/charts/AddSlaLine.js | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/src/charts/AddSlaLine.js b/src/charts/AddSlaLine.js index 45da557..2ef175a 100644 --- a/src/charts/AddSlaLine.js +++ b/src/charts/AddSlaLine.js @@ -289,7 +289,7 @@ export default class extends PageModification { let slaValue = Number(value); - window.onpopstate = () => { + const renderSlaLineByQeryParam = () => { const slaQueryParam = this.getSearchParam(SLA_QUERY_PARAMETER); if (slaQueryParam !== null) { document.getElementById(SLA_INPUT_FIELD_ID).value = slaQueryParam; @@ -297,6 +297,8 @@ export default class extends PageModification { } }; + window.onpopstate = renderSlaLineByQeryParam; + const slaQueryParam = this.getSearchParam(SLA_QUERY_PARAMETER); let changingValue = slaQueryParam !== null ? Number(slaQueryParam) : slaValue; @@ -316,5 +318,20 @@ export default class extends PageModification { renderSlaLine(slaValue, chartElement, changingValue); }, }); + + this.addEventListener(document.querySelector('#ghx-chart-content'), 'change', e => { + if (/jira-helper/.test(e.target.getAttribute('id'))) { + return; + } + + // eslint-disable-next-line no-console + console.log('Event chages:', e); + const slaInput = document.getElementById(SLA_INPUT_FIELD_ID); + const event = new Event('input', { + bubbles: true, + cancelable: true, + }); + slaInput.dispatchEvent(event); + }); } }