const t=new class{constructor(){this.page=null,this.userInfo={id:null},this.parseCurrentPageFromUrl(),window.addEventListener("popstate",t=>{this.updateState()})}parseCurrentPageFromUrl(){const t=new URLSearchParams(window.location.search),e=Object.fromEntries(t.entries());this.page=e.pg??null,this.projectId=e.projectId??null,this.userId=e.userId??null}async loadCurrentUser(){this.userInfo=await async function(){try{const t=await fetch("/api/current_user",{method:"GET",headers:{"Content-Type":"application/json"}});if(!t.ok){const e=await t.json();if(e?.detail)throw new Error(e?.detail);throw new Error(`HTTP error! status: ${t.status}, message: ${e?.detail||"Unknown error"}`)}return await t.json()}catch(t){return{id:null}}}(),this.updateStateForRequest()}urlClick(t){const e=`/UI/?${t}`;window.history.pushState({},"",e),this.clearPageContent(),this.updateState()}async login(){const t=document.getElementById("login_email").value,e=document.getElementById("login_password").value,a=document.getElementById("loginResponseMessage");a.innerHTML="";try{await async function(t,e){try{const a=new URLSearchParams;a.append("username",t),a.append("password",e);const s=await fetch("/api/login",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:a.toString()});if(!s.ok){const t=await s.json();if(t?.detail)throw new Error(t?.detail);throw new Error(`HTTP error! status: ${s.status}, message: ${t?.detail||"Unknown error"}`)}return await s.json()}catch(t){throw t}}(t,e);this.updateState()}catch(t){t.response&&t.response.data&&t.response.data.detail?a.innerHTML=t.response.data.detail:a.innerHTML=t||"An error occurred during login.",a.style.color="red"}}async logout(){await async function(){try{const t=await fetch("/api/logout",{method:"POST",headers:{"Content-Type":"application/json"}});if(!t.ok){const e=await t.json();if(e?.detail)throw new Error(e?.detail);throw new Error(`HTTP error! status: ${t.status}, message: ${e?.detail||"Unknown error"}`)}return await t.json()}catch(t){throw t}}(),this.updateState()}async createNewProject(){await async function(){try{const t=await fetch("/api/projects",{method:"POST",headers:{"Content-Type":"application/json"}});if(!t.ok){const e=await t.json();if(e?.detail)throw new Error(e?.detail);throw new Error(`HTTP error! status: ${t.status}, message: ${e?.detail||"Unknown error"}`)}return await t.json()}catch(t){throw t}}(),this.updateState()}async updateUserPassword(t,e,a){const s=document.getElementById("updateUserPasswordMessage");s.innerHTML="",e===a?e.length<6?s.innerHTML="Password must be at least 6 characters long.":await this.updateUser(t,{password:e}):s.innerHTML="Passwords do not match."}async updateUser(t,e){await async function(t,e){try{const a=await fetch(`/api/users/${t}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok){const t=await a.json();if(t?.detail)throw new Error(t?.detail);throw new Error(`HTTP error! status: ${a.status}, message: ${t?.detail||"Unknown error"}`)}return await a.json()}catch(t){throw t}}(t,e),this.updateState()}async updateProject(t,e){await async function(t,e){try{const a=await fetch(`/api/projects/${t}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!a.ok){const t=await a.json();if(t?.detail)throw new Error(t?.detail);throw new Error(`HTTP error! status: ${a.status}, message: ${t?.detail||"Unknown error"}`)}return await a.json()}catch(t){throw t}}(t,e),this.updateState()}async deleteIfcFile(t){await async function(t){try{const e=await fetch(`/api/ifc_file/${t}`,{method:"DELETE",headers:{}});if(!e.ok){const t=await e.json();throw new Error(`HTTP error! status: ${e.status}, message: ${t?.detail||"Failed to delete file"}`)}return!0}catch(t){throw t}}(t),this.updateState()}async uploadIfcFile(t){await async function(t){const e=document.createElement("input");e.type="file",e.accept=".ifc",e.onchange=async e=>{const a=e.target.files[0];if(!a)return;if(!a.name.endsWith(".ifc"))return void alert("Only .ifc files are allowed.");const s=new FormData;s.append("file",a);try{const e=await fetch(`/api/ifc_file/${t}`,{method:"POST",headers:{},body:s});if(e.ok)await e.json(),app.updateState();else{const t=await e.json();alert(`File upload failed: ${t.detail||e.statusText}`)}}catch(t){alert("An error occurred during file upload.")}},e.click()}(t)}async registerNewUser(t,e,a,s,r,n){t=t.trim(),e=e.trim(),a=a.trim(),n=n.trim();const o=document.getElementById("registrationResponseMessage");if(o.innerHTML="",""===t||""===e||""===a||""===s||""===r||""===n)return o.innerHTML="All fields are required.",void(o.style.color="red");if(s!==r)return o.innerHTML="Passwords do not match.",void(o.style.color="red");if(s.length<6)return o.innerHTML="Password must be at least 6 characters long.",void(o.style.color="red");o.style.color="black";try{await async function(t,e,a,s,r){try{const n=await fetch("/api/users",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:t,surname:e,mail:a,password:s,registration_security_key:r})});if(!n.ok){const t=await n.json();if(t?.detail)throw new Error(t?.detail);throw new Error(`HTTP error! status: ${n.status}, message: ${t?.detail||"Unknown error"}`)}return await n.json()}catch(t){throw t}}(t,e,a,s,n);o.innerHTML="Registration successful. You can now log in.",o.style.color="green";for(const t of["name","surname","email","password_1","password_2","security_code"]){const e=document.getElementById(`new_user_${t}`);e&&(e.value="")}}catch(t){t.response&&t.response.data&&t.response.data.detail?o.innerHTML=t.response.data.detail:o.innerHTML=t||"An error occurred during registration.",o.style.color="red"}}async deleteProject(t){confirm("Are you sure you want to delete this project? This action cannot be undone.")&&(await async function(t){try{const e=await fetch(`/api/projects/${t}`,{method:"DELETE",headers:{}});if(!e.ok){const t=await e.json();throw new Error(`HTTP error! status: ${e.status}, message: ${t?.detail||"Failed to delete file"}`)}return!0}catch(t){throw t}}(t),this.updateState())}updateHeaderLogin(){var t=document.getElementById("contentHeaderLogin");if(null===this.userInfo.id){var e="";e+='<button onclick="app.urlClick(\'pg=login\')" class="menuItem">Log in</button>',t.innerHTML=e}else{e="";e+='<span class="login_email_info">'+this.userInfo.mail+"</span>",e+='<button onclick="app.logout()" class="">Log out</button>',t.innerHTML=e}}updateMenuContent(){var t=document.getElementById("contentMenu");if(null===this.userInfo.id){var e="";e+=`<p onclick="app.urlClick('pg=login')" class="menuItem ${"login"===this.page?"menuItemSelected":""}">Log in</p>`,e+=`<p onclick="app.urlClick('pg=registration')" class="menuItem ${"registration"===this.page?"menuItemSelected":""}">Registration</p>`,t.innerHTML=e}else{e="";e+=`<div onclick="app.urlClick('pg=projects')" class="menuItem ${"projects"===this.page?"menuItemSelected":""}">Projects</div>`,e+=`<p onclick="app.urlClick('pg=settings')" class="menuItem ${"settings"===this.page?"menuItemSelected":""}">Settings</p>`,this.userInfo.rights_admin&&(e+=`<p onclick="app.urlClick('pg=users')" class="menuItem ${"users"===this.page?"menuItemSelected":""}">Users</p>`),t.innerHTML=e}}clearPageContent(){document.getElementById("contentMain").innerHTML=""}updatePageContent(){const t=null!==this.userInfo.id;var e=document.getElementById("contentMain");if("about"===this.page){var a="";a+="<h4>about</h4>",a+='<div id="contentPageAbout"></div>',e.innerHTML=a}else if("settings"===this.page&&t){a="";a+='<div id="contentPageSettings"></div>',e.innerHTML=a,this.updateHtmlSettings()}else if("projects"===this.page&&t){a="";a+='<div id="contentPageProjects"></div>',e.innerHTML=a,this.updateHtmlProjects()}else if("users"===this.page&&t){a="";a+='<div id="contentPageUsers"></div>',e.innerHTML=a,this.updateHtmlUsers()}else if("login"!==this.page||t)if("registration"!==this.page||t)e.innerHTML="";else{a="";a+='<div id="contentPageRegistration"></div>',e.innerHTML=a,this.updateHtmlRegistration()}else{var a="";a+='<div id="contentPageLogin"></div>',e.innerHTML=a,this.updateHtmlLogin()}}async updateHtmlRegistration(){document.getElementById("contentPageRegistration").innerHTML='<div class="table_box table_box_spacy"><table class="table_elem" cellspacing="0px"><tr class="table_row_border_bottom"><td colspan="4">Registration</td></tr><tr class="table_row_border_bottom"><td>Name:</td><td><input type="text" name="new_user_name" value="" placeholder="Name" style="width: 200px;" id="new_user_name"></td></tr><tr class="table_row_border_bottom"><td>Surname:</td><td><input type="text" name="new_user_surname" value="" placeholder="Surname" style="width: 200px;" id="new_user_surname"></td></tr><tr class="table_row_border_bottom"><td>E-mail:</td><td><input type="text" name="new_user_email" value="" placeholder="E-mail" style="width: 200px;" id="new_user_email"></td></tr><tr class="table_row_border_bottom"><td>Password:</td><td><input type="password" name="new_user_password_1" value="" placeholder="New Password" style="width: 200px;" id="new_user_password_1"></td></tr><tr class="table_row_border_bottom"><td>Repeat password:</td><td><input type="password" name="new_user_password_2" value="" placeholder="New Password" style="width: 200px;" id="new_user_password_2"></td></tr><tr class="table_row_border_bottom"><td>Security code:</td><td><input type="text" name="new_user_security_code" value="" placeholder="Security code" style="width: 200px;" id="new_user_security_code"></td></tr><tr class=""><td colspan="2"><button style="width: 100%;" onclick="app.registerNewUser(document.getElementById(\'new_user_name\').value, document.getElementById(\'new_user_surname\').value, document.getElementById(\'new_user_email\').value, document.getElementById(\'new_user_password_1\').value, document.getElementById(\'new_user_password_2\').value, document.getElementById(\'new_user_security_code\').value)">Submit</button></td></tr><tr class=""><td colspan="2" id="registrationResponseMessage"></td></tr></table></div>'}async updateHtmlUsers(){var t=document.getElementById("contentPageUsers");if(null===this.userId){const a=await async function(){try{const t=await fetch("/api/users",{method:"GET",headers:{"Content-Type":"application/json"}});if(!t.ok){const e=await t.json();if(e?.detail)throw new Error(e?.detail);throw new Error(`HTTP error! status: ${t.status}, message: ${e?.detail||"Unknown error"}`)}return await t.json()}catch(t){throw t}}();var e="";e+='<div class="table_box table_box_spacy">',e+='<table class="table_elem" cellspacing="0px">',a.forEach((t,a)=>{e+='<tr class="table_row_border_bottom">',e+=`<td class="">${a+1}</td>`,e+=`<td class="">${t.surname} ${t.name}</td>`,e+=`<td class="">${t.mail}</td>`,e+=`<td><button onclick="app.urlClick('pg=users&userId=${t.id}')" class="button">Detail</button></td>`,e+="</tr>"}),e+="</table>",e+="</div>",t.innerHTML=e}else await async function(t){try{const e=await fetch(`/api/users/${t}`,{method:"GET",headers:{"Content-Type":"application/json"}});if(!e.ok){const t=await e.json();if(t?.detail)throw new Error(t?.detail);throw new Error(`HTTP error! status: ${e.status}, message: ${t?.detail||"Unknown error"}`)}return await e.json()}catch(t){throw t}}(this.userId)}async updateHtmlSettings(){var t=document.getElementById("contentPageSettings"),e="";e+='<div class="table_box table_box_spacy">',e+='<table class="table_elem" cellspacing="0px">',e+='<tr class="table_row_border_bottom">',e+='<td colspan="4" class="table_form_caption">Change password:</td>',e+="</tr>",e+='<tr class="table_row_border_bottom">',e+="<td>New password:</td>",e+='<td><input type="password" name="new_user_password_1" value="" placeholder="" style="width: 200px;" id="new_user_password_1"></td>',e+="</tr>",e+='<tr class="table_row_border_bottom">',e+="<td>New password:<br>(repeat)</td>",e+='<td><input type="password" name="new_user_password_2" value="" placeholder="" style="width: 200px;" id="new_user_password_2"></td>',e+="</tr>",e+='<tr class="">',e+=`<td colspan="2"><button style="width: 100%;" onclick="app.updateUserPassword(${this.userInfo.id}, document.getElementById('new_user_password_1').value, document.getElementById('new_user_password_2').value)">Change</button></td>`,e+="</tr>",e+='<tr class="">',e+='<td colspan="2" id="updateUserPasswordMessage" style="color:red;"></td>',e+="</tr>",e+="</table>",e+="</div>",t.innerHTML=e}async updateHtmlProjects(){var t=document.getElementById("contentPageProjects");if(null===this.projectId){const a=await async function(){try{const t=await fetch("/api/projects",{method:"GET",headers:{"Content-Type":"application/json"}});if(!t.ok){const e=await t.json();if(e?.detail)throw new Error(e?.detail);throw new Error(`HTTP error! status: ${t.status}, message: ${e?.detail||"Unknown error"}`)}return await t.json()}catch(t){throw t}}();var e="";e+='<div class="vbox gap20 align_items_center">',e+='<div class="table_box table_box_spacy">',e+='<table class="table_elem" cellspacing="0px">',a.forEach((t,s)=>{e+=`<tr class="${s===a.length-1?"":"table_row_border_bottom"}">`,e+=`<td class="">${s+1}</td>`,e+=`<td class="" style="font-weight:bold;">${t.name}</td>`,e+=`<td><button onclick="app.urlClick('pg=projects&projectId=${t.id}')" class="button">Detail</button></td>`,e+="</tr>"}),e+="</table>",e+="</div>",e+='<button onclick="app.createNewProject();">Add new project</button>',e+="</div>",t.innerHTML=e}else{const a=await async function(t){try{const e=await fetch(`/api/projects/${t}`,{method:"GET",headers:{"Content-Type":"application/json"}});if(!e.ok){const t=await e.json();if(t?.detail)throw new Error(t?.detail);throw new Error(`HTTP error! status: ${e.status}, message: ${t?.detail||"Unknown error"}`)}return await e.json()}catch(t){throw t}}(this.projectId);e="";e+='<div class="vbox gap40 align_items_center">',e+='<div class="table_box table_box_spacy">',e+='<table class="table_elem" cellspacing="0px">',e+='<tr class="table_row_border_bottom">',e+="<td>Name:</td>",e+=`<td><input type="text" name="project_name" value="${a.name}" onblur="app.updateProject(${a.id}, {name: this.value})"></td>`,e+="</tr>",e+='<tr class="table_row_border_bottom">',e+="<td>IFC file:</td>",e+="<td>",e+='<div class="hbox gap4">',!0===a.fileExists&&(e+=`<a href="/api/ifc_file/${a.id}" target="_blank"><button>Download</button></a>`),0===a.numAttributes&&(!0===a.fileExists?e+=`<button style="" onclick="app.deleteIfcFile(${a.id});">Delete file</button>`:e+=`<button style="" onclick="app.uploadIfcFile(${a.id});">Upload file</button>`),e+="</div>",e+="</td>",e+="</tr>",!0===a.fileExists&&(e+='<tr class="table_row_border_bottom">',e+="<td></td>",e+=`<td><a href="../APP/?projectId=${a.id}&cleanCache"><button>Open in 3D viewer</button></a></td>`,e+="</tr>"),e+='<tr class="table_row_border_bottom">',e+='<td colspan="2"></td>',e+="</tr>",e+='<tr class="table_row_border_bottom">',e+="<td>Owner:</td>",e+=`<td>${a.userEntity.name} ${a.userEntity.surname} (${a.userEntity.mail})</td>`,e+="</tr>",!0===a.fileExists&&(e+='<tr class="">',e+="<td>Outputs:</td>",e+="<td>",e+='<div class="vbox gap4">',a.numAttributes>0&&(e+=`<a style="display: block;" href="/api/updated_ifc_file/${a.id}" target="_blank" class="button">Download IFC file enriched with attributes</a>`),e+=`<a style="display: block;" href="/api/data_in_excel_file/${a.id}" target="_blank" class="button">Download XLS with elements and attributes</a>`,e+="</div>",e+="</td>",e+="</tr>"),e+="</table>",e+="</div>",e+='<div class="table_box table_box_spacy">',e+='<table class="table_elem" cellspacing="0px">',e+='<tr class="table_row_border_bottom">',e+='<td colspan="4">Cooperating users:</td>',e+="</tr>",a.userEntitiesWithAccess.forEach((t,s)=>{e+='<tr class="table_row_border_bottom">',e+=`<td>${s+1})</td>`,e+=`<td>${t.name} ${t.surname}</td>`,e+=`<td>${t.mail}</td>`,e+=`<td><button style="width: 100%;" onclick="app.updateProject(${a.id}, {removeUserId: ${t.id}})">Remove</button></td>`,e+="</tr>"}),e+='<tr class="table_row_border_bottom">',e+='<td colspan="2">Add new user:</td>',e+="<td>",e+='<input type="text" name="new_user_email" value="" placeholder="E-mail" style="width: 200px;" id="new_project_user_email">',e+="</td>",e+="<td>",e+=`<button style="width: 100%;" onclick="app.updateProject(${a.id}, {addUserEmail: document.getElementById('new_project_user_email').value})">Add</button>`,e+="</td>",e+="</tr>",e+="</table>",e+="</div>",e+='<div class="vbox align_items_center">',e+='<button onclick="app.deleteProject('+a.id+')" class="button_red">Delete Project</button>',e+="</div>",e+="</div>",t.innerHTML=e}}async updateHtmlLogin(){document.getElementById("contentPageLogin").innerHTML='<div class="table_box table_box_spacy"><table class="table_elem" cellspacing="0px"><form action="" method="post"><tr class="table_row_border_bottom"><td>E-mail:</td><td><input type="text" name="login_email" value="" id="login_email"></td></tr><tr class="table_row_border_bottom"><td>Password:</td><td><input type="password" name="login_password" value="" id="login_password"></td></tr><tr class=""><td colspan="2"><button style="width: 100%;" onclick="app.login()" class="button">Submit</button></td></tr><tr class=""><td colspan="2" id="loginResponseMessage"></td></tr></form></table></div>'}updateState(){this.parseCurrentPageFromUrl(),this.loadCurrentUser()}updateStateForRequest(){this.updateHeaderLogin(),this.updateMenuContent(),this.updatePageContent()}};window.app=t,window.addEventListener("load",()=>{t.updateState()}),window.addEventListener("popstate",()=>{t.updateState()});