innohub/tatort
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed issues with dashes in name and id

Browse Source
This commit is contained in:
Chi Cong Tran
2025-05-09 09:08:58 +02:00
parent 49d2ee04f1
commit 9575ef84d4
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/(angemeldet)/list/[vorgang]/+page.svelte
View File

@@ -81,11 +81,11 @@
<div class="min-w-0 flex-auto"> <div class="min-w-0 flex-auto">
<span <span
style="display: inline-block; min-width: 5px;" style="display: inline-block; min-width: 5px;"
id="{item.name}-label" id="label__{item.name}"
class="text-sm font-semibold leading-6 text-gray-900" class="text-sm font-semibold leading-6 text-gray-900"
contenteditable={! item.button} contenteditable={! item.button}
on:focusout={(event) => { on:focusout={(event) => {
let text_field_id = item.name + "-label" let text_field_id = `label__${item.name}`
let text_field = document.getElementById(text_field_id) let text_field = document.getElementById(text_field_id)
text_field.setAttribute("contenteditable", false) text_field.setAttribute("contenteditable", false)
@@ -97,7 +97,7 @@
}} }}
on:keydown|stopPropagation={async (event) => { on:keydown|stopPropagation={async (event) => {
if (event.key == "Escape") { if (event.key == "Escape") {
let text_field_id = item.name + "-label" let text_field_id = `label__${item.name}`
let text_field = document.getElementById(text_field_id) let text_field = document.getElementById(text_field_id)
text_field.setAttribute("contenteditable", false) text_field.setAttribute("contenteditable", false)
@@ -131,7 +131,7 @@
let data_obj = {} let data_obj = {}
data_obj["new_name"] = new_name data_obj["new_name"] = new_name
data_obj["old_name"] = event.currentTarget.id.split('-')[0] data_obj["old_name"] = event.currentTarget.id.split('__')[1]
const response = await fetch(url, const response = await fetch(url,
{method: 'PUT', body: JSON.stringify( data_obj ) {method: 'PUT', body: JSON.stringify( data_obj )
@@ -156,9 +156,9 @@
{#if item.show_button} {#if item.show_button}
<button <button
style="padding: 2px" style="padding: 2px"
id="{item.name}-btn" id="edit__{item.name}"
on:click|preventDefault={(ev) => { on:click|preventDefault={(ev) => {
let text_field_id = item.name + "-label" let text_field_id = `label__${item.name}`
let text_field = document.getElementById(text_field_id) let text_field = document.getElementById(text_field_id)
text_field.setAttribute("contenteditable", true) text_field.setAttribute("contenteditable", true)
@@ -176,14 +176,14 @@
<!-- Delete button --> <!-- Delete button -->
<button <button
style="padding: 2px" style="padding: 2px"
id="{item.name}-del" id="del__{item.name}"
on:click|preventDefault={async (ev) => { on:click|preventDefault={async (ev) => {
let delete_item = window.confirm("Bist du sicher?"); let delete_item = window.confirm("Bist du sicher?");
if (delete_item) { if (delete_item) {
// bucket: tatort, name: <vorgang>/item-name // bucket: tatort, name: <vorgang>/item-name
let vorgang = $page.params.vorgang let vorgang = $page.params.vorgang
let filename = event.currentTarget.id.split('-')[0] let filename = event.currentTarget.id.split('del__')[1]