UI confirm of datapoint renaming

This commit is contained in:
Magnus Åhall 2024-07-25 09:37:37 +02:00
parent 8ef6a2bbfa
commit 96f7b50e4e
3 changed files with 73 additions and 43 deletions

22
sql/00027.sql Normal file
View File

@ -0,0 +1,22 @@
/* Updating a datapoint name also updates the jsonb array entry */
CREATE OR REPLACE FUNCTION update_triggers_datapoint_name()
RETURNS TRIGGER
LANGUAGE PLPGSQL
AS
$$
BEGIN
UPDATE "trigger"
SET
datapoints = (datapoints - OLD.name) || jsonb_build_array(NEW.name)
WHERE
datapoints ? OLD.name;
RETURN NEW;
END;
$$;
CREATE TRIGGER datapoint_renamed
AFTER UPDATE
ON public.datapoint
FOR EACH ROW
EXECUTE PROCEDURE update_triggers_datapoint_name();

View File

@ -1,5 +1,6 @@
export class UI { export class UI {
constructor() { constructor(datapointData) {
this.datapoint = datapointData
document.addEventListener('keydown', evt=>this.keyHandler(evt)) document.addEventListener('keydown', evt=>this.keyHandler(evt))
document.querySelector('input[name="group"]').focus() document.querySelector('input[name="group"]').focus()
} }
@ -16,4 +17,10 @@ export class UI {
break break
} }
} }
check_rename() {
let newName = document.querySelector(`input[name="name"]`).value
if (newName != this.datapoint.Name)
return confirm(`Trigger expressions needs to be manually updated when renaming a datapoint.\nDo you want to rename the datapoint?`)
return true
}
} }

View File

@ -3,58 +3,59 @@
<script type="module" defer> <script type="module" defer>
import {UI} from "/js/{{ .VERSION }}/datapoint_edit.mjs" import {UI} from "/js/{{ .VERSION }}/datapoint_edit.mjs"
window._ui = new UI() window._ui = new UI({{ .Data.Datapoint }})
</script> </script>
{{ block "page_label" . }}{{end}} {{ block "page_label" . }}{{end}}
<form id="form-trigger" action="/datapoint/update/{{ .Data.Datapoint.ID }}" method="post"> <form id="form-trigger" action="/datapoint/update/{{ .Data.Datapoint.ID }}" method="post" onsubmit="return _ui.check_rename()">
<div id="widgets" class="widgets"> <div id="widgets" class="widgets">
<div class="label">Group</div> <div class="label">Group</div>
<div><input type="text" name="group" value="{{ .Data.Datapoint.Group }}"></div> <div><input type="text" name="group" value="{{ .Data.Datapoint.Group }}"></div>
<div class="label">Name</div> <div class="label">Name</div>
<div><input type="text" name="name" value="{{ .Data.Datapoint.Name }}"></div> <div><input type="text" name="name" value="{{ .Data.Datapoint.Name }}"></div>
<div class="label">Datatype</div>
<div>
<select name="datatype">
<option {{ if eq .Data.Datapoint.Datatype "INT" }}selected{{end}}>INT</option>
<option {{ if eq .Data.Datapoint.Datatype "STRING" }}selected{{end}}>STRING</option>
<option {{ if eq .Data.Datapoint.Datatype "DATETIME" }}selected{{end}}>DATETIME</option>
</select>
</div>
<div class="label">No data<br>problem time<br>(seconds)</div> <div class="label">Datatype</div>
<div> <div>
<input type="text" name="nodata_seconds" value="{{ .Data.Datapoint.NodataProblemSeconds }}"> <select name="datatype">
<div class="description">A problem is raised and notified if an entry isn't made within this time.</div> <option {{ if eq .Data.Datapoint.Datatype "INT" }}selected{{end}}>INT</option>
<div class="description">Set to 0 to disable.</div> <option {{ if eq .Data.Datapoint.Datatype "STRING" }}selected{{end}}>STRING</option>
</div> <option {{ if eq .Data.Datapoint.Datatype "DATETIME" }}selected{{end}}>DATETIME</option>
</select>
</div>
<div class="label">Comment</div> <div class="label">No data<br>problem time<br>(seconds)</div>
<div> <div>
<textarea name="comment" rows=4>{{ .Data.Datapoint.Comment }}</textarea> <input type="text" name="nodata_seconds" value="{{ .Data.Datapoint.NodataProblemSeconds }}">
</div> <div class="description">A problem is raised and notified if an entry isn't made within this time.</div>
<div class="description">Set to 0 to disable.</div>
</div>
<div class="label">Comment</div>
<div>
<textarea name="comment" rows=4>{{ .Data.Datapoint.Comment }}</textarea>
</div>
<div></div> <div></div>
<div class="action"> <div class="action">
{{ if eq .Data.Datapoint.ID 0 }} {{ if eq .Data.Datapoint.ID 0 }}
<button id="button-update">Create</button> <button id="button-update">Create</button>
{{ else }} {{ else }}
<button id="button-update">Update</button> <button id="button-update">Update</button>
{{ end }}
</div>
<div></div>
<div style="margin-top: 32px">
<b>Used in the following triggers:</b>
<ul>
{{ range .Data.Triggers }}
<li><a href="/trigger/edit/{{ .ID }}">{{ .Name }}</a></li>
{{ end }} {{ end }}
</ul> </div>
<div></div>
<div style="margin-top: 32px">
<b>Used in the following triggers:</b>
<ul>
{{ range .Data.Triggers }}
<li><a href="/trigger/edit/{{ .ID }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
</div> </div>
</form> </form>