resman gut bevor DNS gefixt ist
This commit is contained in:
ecki
@@ -43,6 +43,21 @@ async function loadResources(){
|
||||
|
||||
<td>
|
||||
${ips}
|
||||
<br>
|
||||
<button onclick="openIPManager(${r.id})">IPs</button>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
<button onclick='openEdit(${JSON.stringify(r)})'>
|
||||
Edit
|
||||
</button>
|
||||
|
||||
<button onclick="deleteResource(${r.id})">
|
||||
Delete
|
||||
</button>
|
||||
|
||||
</td>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
@@ -87,6 +102,7 @@ async function loadDomains(){
|
||||
<td>${d.yearly_cost || ""}</td>
|
||||
|
||||
<td>
|
||||
<button onclick='openDomainEdit(${JSON.stringify(d)})'>Edit</button>
|
||||
<button onclick="deleteDomain(${d.id})">Delete</button>
|
||||
</td>
|
||||
`;
|
||||
@@ -131,6 +147,281 @@ async function loadMapping(){
|
||||
|
||||
}
|
||||
|
||||
function openIPManager(resourceId){
|
||||
|
||||
document.getElementById("ip_resource_id").value = resourceId
|
||||
document.getElementById("ipModal").style.display = "block"
|
||||
|
||||
loadIPs(resourceId)
|
||||
|
||||
}
|
||||
|
||||
function closeIPModal(){
|
||||
|
||||
document.getElementById("ipModal").style.display = "none"
|
||||
|
||||
}
|
||||
|
||||
async function loadIPs(resourceId){
|
||||
|
||||
const ips = await api(API + "/resources/" + resourceId + "/ips")
|
||||
|
||||
const container = document.getElementById("ipList")
|
||||
container.innerHTML = ""
|
||||
|
||||
ips.forEach(ip=>{
|
||||
|
||||
const div = document.createElement("div")
|
||||
|
||||
div.innerHTML = `
|
||||
${ip.ip} (${ip.type||""}) ${ip.comment||""}
|
||||
<button onclick="deleteIP(${ip.id},${resourceId})">Delete</button>
|
||||
`
|
||||
|
||||
container.appendChild(div)
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
async function saveIP(){
|
||||
|
||||
const resourceId = document.getElementById("ip_resource_id").value
|
||||
|
||||
const ip = document.getElementById("new_ip").value
|
||||
const type = document.getElementById("new_type").value
|
||||
const comment = document.getElementById("new_comment").value
|
||||
|
||||
await api("/resman/api/resources/"+resourceId+"/ips",{
|
||||
method:"POST",
|
||||
headers:{'Content-Type':'application/json'},
|
||||
body:JSON.stringify({ip,type,comment})
|
||||
})
|
||||
|
||||
loadIPs(resourceId)
|
||||
loadResources()
|
||||
|
||||
}
|
||||
|
||||
function openCreate(){
|
||||
|
||||
document.getElementById("modalTitle").innerText = "Create Resource"
|
||||
document.getElementById("resource_id").value = ""
|
||||
|
||||
document.querySelectorAll("#resourceModal input, #resourceModal textarea")
|
||||
.forEach(e=>e.value="")
|
||||
|
||||
document.getElementById("status").value = "aktiv"
|
||||
|
||||
document.getElementById("resourceModal").style.display = "block"
|
||||
|
||||
}
|
||||
|
||||
|
||||
function openEdit(resource){
|
||||
|
||||
document.getElementById("modalTitle").innerText = "Edit Resource"
|
||||
|
||||
document.getElementById("resource_id").value = resource.id
|
||||
|
||||
Object.keys(resource).forEach(k=>{
|
||||
|
||||
const el = document.getElementById(k)
|
||||
|
||||
if(el) el.value = resource[k] || ""
|
||||
|
||||
})
|
||||
|
||||
document.getElementById("resourceModal").style.display = "block"
|
||||
|
||||
}
|
||||
|
||||
function closeModal(){
|
||||
|
||||
document.getElementById("resourceModal").style.display="none"
|
||||
|
||||
}
|
||||
|
||||
async function saveResource(){
|
||||
|
||||
const id = document.getElementById("resource_id").value
|
||||
|
||||
let kostenMonat=document.getElementById("kosten_monat").value
|
||||
let kostenJahr=document.getElementById("kosten_jahr").value
|
||||
|
||||
if(kostenMonat) kostenMonat=kostenMonat.replace(",",".")
|
||||
if(kostenJahr) kostenJahr=kostenJahr.replace(",",".")
|
||||
|
||||
|
||||
const data={
|
||||
|
||||
name:document.getElementById("name").value,
|
||||
produkt:document.getElementById("produkt").value,
|
||||
provider:document.getElementById("provider").value,
|
||||
art:document.getElementById("art").value,
|
||||
|
||||
cpu:document.getElementById("cpu").value,
|
||||
ram:document.getElementById("ram").value,
|
||||
disk:document.getElementById("disk").value,
|
||||
os:document.getElementById("os").value,
|
||||
|
||||
kosten_monat:kostenMonat || null,
|
||||
kosten_jahr:kostenJahr || null,
|
||||
|
||||
providername:document.getElementById("providername").value,
|
||||
ipv6_net:document.getElementById("ipv6_net").value,
|
||||
|
||||
bestelldatum:document.getElementById("bestelldatum").value || null,
|
||||
kuendbar_ab:document.getElementById("kuendbar_ab").value || null,
|
||||
kuendigungsdatum:document.getElementById("kuendigungsdatum").value || null,
|
||||
|
||||
status:document.getElementById("status").value,
|
||||
bemerkung:document.getElementById("bemerkung").value
|
||||
|
||||
}
|
||||
|
||||
|
||||
if(id){
|
||||
|
||||
await api(API+"/resources/"+id,{
|
||||
method:"PUT",
|
||||
headers:{'Content-Type':'application/json'},
|
||||
body:JSON.stringify(data)
|
||||
})
|
||||
|
||||
}else{
|
||||
|
||||
await api(API+"/resources",{
|
||||
method:"POST",
|
||||
headers:{'Content-Type':'application/json'},
|
||||
body:JSON.stringify(data)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
closeModal()
|
||||
|
||||
loadResources()
|
||||
loadCancelled()
|
||||
loadCosts()
|
||||
loadInfrastructure()
|
||||
|
||||
}
|
||||
|
||||
|
||||
function openDomainCreate(){
|
||||
|
||||
document.getElementById("domainModalTitle").innerText="Create Domain"
|
||||
|
||||
document.getElementById("domain_id").value=""
|
||||
|
||||
document.getElementById("domain_name").value=""
|
||||
document.getElementById("domain_provider").value=""
|
||||
document.getElementById("domain_ip").value=""
|
||||
document.getElementById("domain_cost").value=""
|
||||
document.getElementById("domain_notes").value=""
|
||||
|
||||
document.getElementById("domainModal").style.display="block"
|
||||
|
||||
}
|
||||
|
||||
function openDomainEdit(d){
|
||||
|
||||
document.getElementById("domainModalTitle").innerText="Edit Domain"
|
||||
|
||||
document.getElementById("domain_id").value=d.id
|
||||
|
||||
document.getElementById("domain_name").value=d.domain_name||""
|
||||
document.getElementById("domain_provider").value=d.provider||""
|
||||
document.getElementById("domain_ip").value=d.ip_address||""
|
||||
document.getElementById("domain_cost").value=d.yearly_cost||""
|
||||
document.getElementById("domain_notes").value=d.notes||""
|
||||
|
||||
document.getElementById("domainModal").style.display="block"
|
||||
|
||||
}
|
||||
|
||||
function closeDomainModal(){
|
||||
|
||||
document.getElementById("domainModal").style.display="none"
|
||||
|
||||
}
|
||||
|
||||
async function saveDomain(){
|
||||
|
||||
const id=document.getElementById("domain_id").value
|
||||
|
||||
let cost=document.getElementById("domain_cost").value
|
||||
|
||||
if(cost){
|
||||
cost=cost.replace(",",".")
|
||||
}
|
||||
|
||||
const data={
|
||||
|
||||
domain_name:domain_name.value,
|
||||
provider:domain_provider.value,
|
||||
ip_address:domain_ip.value,
|
||||
yearly_cost:cost || null,
|
||||
notes:domain_notes.value
|
||||
|
||||
}
|
||||
|
||||
if(id){
|
||||
|
||||
await api(API+"/domains/"+id,{
|
||||
method:"PUT",
|
||||
headers:{'Content-Type':'application/json'},
|
||||
body:JSON.stringify(data)
|
||||
})
|
||||
|
||||
}else{
|
||||
|
||||
await api(API+"/domains",{
|
||||
method:"POST",
|
||||
headers:{'Content-Type':'application/json'},
|
||||
body:JSON.stringify(data)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
closeDomainModal()
|
||||
|
||||
loadDomains()
|
||||
loadMapping()
|
||||
loadCosts()
|
||||
|
||||
}
|
||||
|
||||
async function loadCancelled(){
|
||||
|
||||
const res = await api(API+"/resources/cancelled")
|
||||
|
||||
const table = document.getElementById("cancelled")
|
||||
|
||||
table.innerHTML=""
|
||||
|
||||
res.forEach(r=>{
|
||||
|
||||
const tr=document.createElement("tr")
|
||||
|
||||
tr.innerHTML=`
|
||||
|
||||
<td>${r.name}</td>
|
||||
<td>${r.produkt||""}</td>
|
||||
<td><span class="provider">${r.provider || ""}</span></td>
|
||||
<td>${r.cpu||""}</td>
|
||||
<td>${r.ram||""}</td>
|
||||
<td>${r.disk||""}</td>
|
||||
<td>gekündigt</td>
|
||||
|
||||
`
|
||||
|
||||
table.appendChild(tr)
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
loadResources();
|
||||
|
||||
Reference in New Issue
Block a user