remove id clash fixes #1

This commit is contained in:
=
2023-04-08 18:56:14 +00:00
parent f0db30b171
commit fc816ad57a

View File

@@ -51,7 +51,7 @@ const standardkeys = [
const generateForm = (c:MetadataFlex | null):string => { const generateForm = (c:MetadataFlex | null):string => {
const customkeys = !c ? [] : Object.keys(c).filter(((k) => !standardkeys.some((s) => s === k))); const customkeys = !c ? [] : Object.keys(c).filter(((k) => !standardkeys.some((s) => s === k)));
return `<form id="metadataform"> return `<form id="metadatapageform">
<div class="grid"> <div class="grid">
${toTextInput('name', c)} ${toTextInput('name', c)}
${toTextInput('nip05', c)} ${toTextInput('nip05', c)}
@@ -71,7 +71,7 @@ const generateForm = (c:MetadataFlex | null):string => {
const SubmitMetadataForm = async () => { const SubmitMetadataForm = async () => {
// construct and populate new content object with form data. avoid reordering properties // construct and populate new content object with form data. avoid reordering properties
const fd = new FormData(document.getElementById('metadataform') as HTMLFormElement); const fd = new FormData(document.getElementById('metadatapageform') as HTMLFormElement);
const n:{ [x: string]: unknown; } = {}; const n:{ [x: string]: unknown; } = {};
const e = fetchCachedMyProfileEvent(0); const e = fetchCachedMyProfileEvent(0);
(e ? [...(Object.keys(JSON.parse(e.content))), ...standardkeys] : standardkeys) (e ? [...(Object.keys(JSON.parse(e.content))), ...standardkeys] : standardkeys)
@@ -127,12 +127,12 @@ const loadMetadataForm = (RootElementID:string) => {
checkNip05(); checkNip05();
nip05input.onchange = checkNip05; nip05input.onchange = checkNip05;
// form submit event // form submit event
(document.getElementById('metadataform') as HTMLButtonElement).onsubmit = (event) => { (document.getElementById('metadatasubmitbutton') as HTMLButtonElement).onclick = (event) => {
SubmitMetadataForm(); SubmitMetadataForm();
event.preventDefault(); event.preventDefault();
}; };
// reset form // reset form
(document.getElementById('metadataresetbutton') as HTMLButtonElement).onsubmit = (event) => { (document.getElementById('metadataresetbutton') as HTMLButtonElement).onclick = (event) => {
loadMetadataForm(RootElementID); loadMetadataForm(RootElementID);
event.preventDefault(); event.preventDefault();
}; };
@@ -142,10 +142,10 @@ export const LoadMetadataPage = () => {
const o:HTMLElement = document.getElementById('PM-container') as HTMLElement; const o:HTMLElement = document.getElementById('PM-container') as HTMLElement;
o.innerHTML = ` o.innerHTML = `
<div id="metadatapage" class="container"> <div id="metadatapage" class="container">
<div id="metadataform"></div> <div id="metadataformcontainer"></div>
<div id="metadatahistory"></div> <div id="metadatahistory"></div>
<div> <div>
`; `;
loadMetadataForm('metadataform'); loadMetadataForm('metadataformcontainer');
loadBackupHistory('metadatahistory', 0); loadBackupHistory('metadatahistory', 0);
}; };