bless
/
dpworld_web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

save 엔드포인트 설정

v2
원형 1 year ago
parent
6ee121975f
commit
e723851628
1 changed files with 46 additions and 219 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 259
      src/main/resources/static/index.html

259
src/main/resources/static/index.html
View File

@ -239,7 +239,6 @@
<section id="page-ssid" class="page"> <section id="page-ssid" class="page">
<div class="card"> <div class="card">
<h3>SSID List</h3> <h3>SSID List</h3>
<template id="ssid-template"> <template id="ssid-template">
<div class="ssid-row"> <div class="ssid-row">
<input class="ssid-name" placeholder="Name"/> <input class="ssid-name" placeholder="Name"/>
@ -265,8 +264,8 @@
<input type="file" class="upload-input-device" accept=".json" style="display: none;"> <input type="file" class="upload-input-device" accept=".json" style="display: none;">
<button class="select-file-btn-device">Load Local Device File</button> <button class="select-file-btn-device">Load Local Device File</button>
</div> </div>
<button id="saveDeviceBtn_ssid">Save to Device</button> <button class="save-file">Save to Device</button>
<button id="downloadDeviceBtn">Download Device File</button> <button class="download-device-file">Download Device File</button>
</div> </div>
</section> </section>
@ -281,12 +280,12 @@
</div> </div>
</div> </div>
<div class="grid-3-col"><span>IP</span><input id="wifi_ip" placeholder="000.000.000.000"/></div> <div class="grid-3-col"><span>IP</span><input id="wifi_ip" /></div>
<div class="grid-3-col"><span>SUBNET</span><input id="wifi_netmask" placeholder="255.255.255.0"/></div> <div class="grid-3-col"><span>SUBNET</span><input id="wifi_netmask" /></div>
<div class="grid-3-col"><span>GATEWAY</span><input id="wifi_gateway" placeholder="000.000.000.001"/> <div class="grid-3-col"><span>GATEWAY</span><input id="wifi_gateway" />
</div> </div>
<div class="grid-3-col"><span>DNS #1</span><input id="wifi_dns1" placeholder="008.008.008.008"/></div> <div class="grid-3-col"><span>DNS #1</span><input id="wifi_dns1" /></div>
<div class="grid-3-col"><span>DNS #2</span><input id="wifi_dns2" placeholder="008.008.004.004"/></div> <div class="grid-3-col"><span>DNS #2</span><input id="wifi_dns2" /></div>
</div> </div>
<div class="card"> <div class="card">
@ -313,8 +312,8 @@
<input type="file" class="upload-input-device" accept=".json" style="display: none;"> <input type="file" class="upload-input-device" accept=".json" style="display: none;">
<button class="select-file-btn-device">Load Local Device File</button> <button class="select-file-btn-device">Load Local Device File</button>
</div> </div>
<button id="saveDeviceBtn_network">Save to Device</button> <button class="save-file">Save to Device</button>
<button id="downloadDeviceBtn">Download Device File</button> <button class="download-device-file">Download Device File</button>
</div> </div>
</section> </section>
@ -332,10 +331,6 @@
class="colon">:</span><input id="eth_netmask"></div> class="colon">:</span><input id="eth_netmask"></div>
<div class="io-row"><span class="label-inline">GATEWAY</span><span <div class="io-row"><span class="label-inline">GATEWAY</span><span
class="colon">:</span><input id="eth_gateway"></div> class="colon">:</span><input id="eth_gateway"></div>
<div class="io-row"><span class="label-inline">SERVER IP</span><span
class="colon">:</span><input id="protocol_server_ip"></div>
<div class="io-row"><span class="label-inline">SERVER PORT</span><span
class="colon">:</span><input id="protocol_server_port"></div>
</div> </div>
</div> </div>
@ -450,8 +445,8 @@
<input type="file" class="upload-input-device" accept=".json" style="display: none;"> <input type="file" class="upload-input-device" accept=".json" style="display: none;">
<button class="select-file-btn-device">Load Local Device File</button> <button class="select-file-btn-device">Load Local Device File</button>
</div> </div>
<button id="saveDeviceBtn_io">Save to Device</button> <button class="save-file">Save to Device</button>
<button id="downloadDeviceBtn">Download Device File</button> <button class="download-device-file">Download Device File</button>
</div> </div>
</section> </section>
@ -588,8 +583,8 @@
<input type="file" class="upload-input-protocol" accept=".json" style="display: none;"> <input type="file" class="upload-input-protocol" accept=".json" style="display: none;">
<button class="select-file-btn-protocol">Load Local Protocol File</button> <button class="select-file-btn-protocol">Load Local Protocol File</button>
</div> </div>
<button id="saveProtocolBtn">Save to Protocol</button> <button class="save-file">Save to Protocol</button>
<button id="downloadProtocolBtn">Download Device File</button> <button class="download-protocol-file">Download Device File</button>
</div> </div>
</section> </section>
@ -677,8 +672,8 @@
<input type="file" class="upload-input-protocol" accept=".json" style="display: none;"> <input type="file" class="upload-input-protocol" accept=".json" style="display: none;">
<button class="select-file-btn-protocol">Load Local Protocol File</button> <button class="select-file-btn-protocol">Load Local Protocol File</button>
</div> </div>
<button id="saveModbusBtn">Save Protocol File</button> <button class="save-file">Save Protocol File</button>
<button id="downloadProtocolBtn">Download Device File</button> <button class="download-protocol-file">Download Device File</button>
</div> </div>
</section> </section>
@ -759,8 +754,8 @@
<input type="file" class="upload-input-protocol" accept=".json" style="display: none;"> <input type="file" class="upload-input-protocol" accept=".json" style="display: none;">
<button class="select-file-btn-protocol">Load Local Protocol File</button> <button class="select-file-btn-protocol">Load Local Protocol File</button>
</div> </div>
<button id="saveOpcUaFileBtn">Save to Protocol</button> <button class="save-file">Save to Protocol</button>
<button id="downloadProtocolBtn">Download Device File</button> <button class="download-protocol-file">Download Device File</button>
</div> </div>
</section> </section>
@ -834,8 +829,8 @@
<input type="file" class="upload-input-protocol" accept=".json" style="display: none;"> <input type="file" class="upload-input-protocol" accept=".json" style="display: none;">
<button class="select-file-btn-protocol">Load Local Protocol File</button> <button class="select-file-btn-protocol">Load Local Protocol File</button>
</div> </div>
<button id="saveCanBtn">Save Protocol File</button> <button class="save-file">Save Protocol File</button>
<button id="downloadProtocolBtn">Download Device File</button> <button class="download-protocol-file">Download Device File</button>
</div> </div>
</section> </section>
@ -1010,14 +1005,7 @@
} }
} }
/* (A) 고정 data 객체 그대로 저장 */
document.getElementById('downloadDeviceBtn')?.addEventListener('click', () => {
downloadDeviceJson(collectData(data));
});
document.getElementById('downloadProtocolBtn')?.addEventListener('click', () => {
downloadProtocolJson(collectConfigData(configData));
})
function showPage(pageName) { function showPage(pageName) {
Object.values(pages).forEach(p => p.style.display = 'none'); Object.values(pages).forEach(p => p.style.display = 'none');
@ -1068,7 +1056,7 @@
document.getElementById('delete-ssid').addEventListener('click', () => { document.getElementById('delete-ssid').addEventListener('click', () => {
if (ssidList.children.length > 1) { if (ssidList.children.length > 1) {
ssidList.removeChild(ssidList.lastElementChild); ssidList.removeChild(ssidList.lastElementChild);
} else if (ssidList.children.length == 1) { } else if (ssidList.children.length === 1) {
const firstRow = ssidList.firstElementChild; const firstRow = ssidList.firstElementChild;
firstRow.querySelector('.ssid-name').value = ''; firstRow.querySelector('.ssid-name').value = '';
firstRow.querySelector('.ssid-pw').value = ''; firstRow.querySelector('.ssid-pw').value = '';
@ -2066,192 +2054,48 @@
toggleProtocolMenus(); toggleProtocolMenus();
} }
document.querySelectorAll('.js-save').forEach(btn=>btn.addEventListener('click', () => {saveToConfig()})) function saveToConfig() {
document.getElementById('loadDeviceBtn_ssid')?.addEventListener('click', () => { fetch('http://localhost:8080/setting/device',{
fetch('http://localhost:8080/setting/get-device')
.then(res => {
if (!res.ok) {
console.error(`HTTP error! status: ${res.status}`);
throw new Error('Device file not found or server error');
}
return res.json();
})
.then(({body}) => {
loadFromData(body);
alert('Device 설정 파일 로드 완료');
})
.catch(error => {
console.error('Device 설정 파일 로드 중 오류 발생:', error);
alert('Device 설정 파일 로드 실패! 기본값으로 시작합니다.');
loadFromData(data); // 오류 발생 시 data의 초기값으로 UI 초기화
});
});
document.getElementById('loadDeviceBtn_network')?.addEventListener('click', () => {
fetch('http://localhost:8080/setting/get-device')
.then(res => {
if (!res.ok) {
console.error(`HTTP error! status: ${res.status}`);
throw new Error('Device file not found or server error');
}
return res.json();
})
.then(({body}) => {
loadFromData(body);
alert('Device 설정 파일 로드 완료');
})
.catch(error => {
console.error('Device 설정 파일 로드 중 오류 발생:', error);
alert('Device 설정 파일 로드 실패! 기본값으로 시작합니다.');
loadFromData(data); // 오류 발생 시 data의 초기값으로 UI 초기화
});
});
document.getElementById('loadDeviceBtn_io')?.addEventListener('click', () => {
fetch('http://localhost:8080/setting/get-device')
.then(res => {
if (!res.ok) {
console.error(`HTTP error! status: ${res.status}`);
throw new Error('Device file not found or server error');
}
return res.json();
})
.then(deviceJsonData => {
loadFromData(deviceJsonData);
alert('Device 설정 파일 로드 완료');
})
.catch(error => {
console.error('Device 설정 파일 로드 중 오류 발생:', error);
alert('Device 설정 파일 로드 실패! 기본값으로 시작합니다.');
loadFromData(data); // 오류 발생 시 data의 초기값으로 UI 초기화
});
});
document.getElementById('saveDeviceBtn_ssid').addEventListener('click', () => {
fetch('http://localhost:8080/setting/device', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(collectData())
})
.then(res => {
if (res.ok) {
alert('Device config successfully');
} else {
alert('Device config failed: ' + res.statusText);
console.error('Device config failed:', res); // 응답 객체 자체를 로깅
}
})
.catch(error => {
console.error('Device config failed::', error); // 네트워크 오류 로깅
alert('Device config failed:');
});
});
document.getElementById('saveDeviceBtn_network').addEventListener('click', () => {
fetch('http://localhost:8080/setting/device', {
method: 'POST', method: 'POST',
headers: {'Content-Type': 'application/json'}, headers: {'Content-Type': 'application/json'},
body: JSON.stringify(collectData()) body: JSON.stringify(collectData())
}) }).then(res => {
.then(res => { if(!res.ok) {
if (res.ok) { alert('전송 실패')
alert('Device config successfully');
} else {
alert('Device config failed: ' + res.statusText);
console.error('Device config failed:', res); // 응답 객체 자체를 로깅
} }
}) }).catch(()=>{
.catch(error => { alert('device 설정 전송 중 통신 오류 발생');
console.error('Device config failed::', error); // 네트워크 오류 로깅
alert('Device config failed:');
});
});
document.getElementById('saveDeviceBtn_io').addEventListener('click', () => {
fetch('http://localhost:8080/setting/device', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(collectData())
})
.then(res => {
if (res.ok) {
alert('Device config successfully');
} else {
alert('Device config failed: ' + res.statusText);
console.error('Device config failed:', res); // 응답 객체 자체를 로깅
}
})
.catch(error => {
console.error('Device config failed::', error); // 네트워크 오류 로깅
alert('Device config failed:');
});
}); });
document.getElementById('saveProtocolBtn').addEventListener('click', () => {
console.log('버튼 클릭 됨');
console.log(collectConfigData());
fetch('http://localhost:8080/setting/protocol', { fetch('http://localhost:8080/setting/protocol', {
method: 'POST', method: 'POST',
headers: {'Content-Type': 'application/json'}, headers: {'Content-Type': 'application/json'},
body: JSON.stringify(collectConfigData()) body: JSON.stringify(collectConfigData())
}) }).then(res => {
.then(res => { if (!res.ok) {
if (res.ok) {
alert('Register 설정 전송 완료');
} else {
alert('Register 설정 전송 실패: ' + res.statusText); alert('Register 설정 전송 실패: ' + res.statusText);
console.error('Register 설정 전송 실패:', res); // 응답 객체 자체를 로깅
} }
}) })
.catch(error => { .catch(error => {
console.error('Register 설정 전송 중 오류 발생:', error); // 네트워크 오류 로깅 console.error('Register 설정 전송 중 오류 발생:', error); // 네트워크 오류 로깅
alert('Register 설정 전송 중 통신 오류 발생'); alert('Register 설정 전송 중 통신 오류 발생');
}); }).finally(()=>{
}); alert('저장 완료');
document.getElementById('saveModbusBtn').addEventListener('click', () => {
console.log('버튼 클릭 됨');
fetch('http://localhost:8080/setting/protocol', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(collectConfigData())
}) })
.then(res => {
if (res.ok) {
alert('Register 설정 전송 완료');
} else {
alert('Register 설정 전송 실패: ' + res.statusText);
console.error('Register 설정 전송 실패:', res); // 응답 객체 자체를 로깅
} }
})
.catch(error => {
console.error('Register 설정 전송 중 오류 발생:', error); // 네트워크 오류 로깅
alert('Register 설정 전송 중 통신 오류 발생');
});
});
document.getElementById('saveOpcUaFileBtn').addEventListener('click', () => {
console.log('버튼 클릭 됨'); document.querySelectorAll('.save-file').forEach(btn=>btn.addEventListener('click', () => {saveToConfig()}))
fetch('http://localhost:8080/setting/protocol', {
method: 'POST',
headers: {'Content-Type': 'application/json'}, document.querySelectorAll('.download-device-file').forEach(btn=>{btn.addEventListener('click', () => {
body: JSON.stringify(collectConfigData()) downloadDeviceJson(collectData(data));
}) })})
.then(res => {
if (res.ok) { document.querySelectorAll('.download-protocol-file').forEach(btn=>{btn.addEventListener('click', () => {
alert('Register 설정 전송 완료'); downloadProtocolJson(collectData(data));
} else { })})
alert('Register 설정 전송 실패: ' + res.statusText);
console.error('Register 설정 전송 실패:', res); // 응답 객체 자체를 로깅
}
})
.catch(error => {
console.error('Register 설정 전송 중 오류 발생:', error); // 네트워크 오류 로깅
alert('Register 설정 전송 중 통신 오류 발생');
});
});
document.getElementById('reg_can_input')?.addEventListener('change', toggleProtocolMenus);//-------------------------------- document.getElementById('reg_can_input')?.addEventListener('change', toggleProtocolMenus);//--------------------------------
@ -2280,23 +2124,6 @@
document.getElementById('can_mask_input').value = tr.querySelector('.can-mask-display').textContent; document.getElementById('can_mask_input').value = tr.querySelector('.can-mask-display').textContent;
}); });
}); });
document.getElementById('saveCanBtn').addEventListener('click', () => {
fetch('http://localhost:8080/setting/protocol', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(collectConfigData())
})
.then(res => {
if (res.ok) {
alert('Register 설정 전송 완료');
} else {
alert('Register 설정 전송 실패: ' + res.statusText);
}
});
});
</script> </script>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save