🔨 chore: Update API server logic

- Update API server logic to use hostname for cubefx domain.
- Add log message for successful connection to API server.

Author: Cp0204

cubefx/cubefx.ino

@@ -67,7 +67,7 @@ static const char htmlPanel[] PROGMEM = R"(
 <span id="lightVal">255</span></p><p>data:&nbsp;<span id="colorCtr"></span></p><button type="submit">Submit</button>&nbsp;<button type="button" id="btnRandom">Random</button></form><pre id="log"></pre><i>Made with ❤️ by Cp0204</i>
 <script>const form=document.getElementById('ledForm'), onCheck=document.getElementById('onCheck'), idSel=document.getElementById('idSel'), btnNext=document.getElementById('btnNext'), btnRandom=document.getElementById('btnRandom'),
 speedRng=document.getElementById('speedRng'), speedVal=document.getElementById('speedVal'), lightRng=document.getElementById('lightRng'), lightVal=document.getElementById('lightVal'), colorCtr=document.getElementById('colorCtr'),
-log=document.getElementById('log'), apiServer='http://172.16.1.1'; for (let i=0; i < 13; i++){ const picker=document.createElement('input'); picker.type='color'; picker.classList.add('colorPicker'); picker.value='#FFFFFF';
+log=document.getElementById('log'), apiServer=window.location.hostname.includes("cubefx") ? '.' : 'http://172.16.1.1'; for (let i=0; i < 13; i++){ const picker=document.createElement('input'); picker.type='color'; picker.classList.add('colorPicker'); picker.value='#FFFFFF';
 colorCtr.appendChild(picker);} for (let i=5; i >=-71; i--){ const opt=document.createElement('option'); opt.text=i; opt.selected=i===5; idSel.appendChild(opt);} speedRng.addEventListener('input', ()=>speedVal.textContent=speedRng.value);
 lightRng.addEventListener('input', ()=>lightVal.textContent=lightRng.value); btnNext.addEventListener('click', ()=>{ let currentId=parseInt(idSel.value); idSel.value=currentId==5 ? -71 : currentId + 1;
 form.dispatchEvent(new Event('submit'));}); btnRandom.addEventListener('click', ()=>{ getData('/light/random');}); idSel.addEventListener('change', ()=>{ const colorPickers=document.querySelectorAll('.colorPicker');

installer/post/index.html

@@ -39,7 +39,7 @@ <h1>CubeFX Panel</h1>
       lightVal = document.getElementById('lightVal'),
       colorCtr = document.getElementById('colorCtr'),
       log = document.getElementById('log'),
-      apiServer = 'http://172.16.1.1';
+      apiServer = window.location.hostname.includes("cubefx") ? '.' : 'http://172.16.1.1';
 
     for (let i = 0; i < 13; i++) {
       const picker = document.createElement('input');
@@ -113,6 +113,7 @@ <h1>CubeFX Panel</h1>
             colorPickers[i].value = '#' + data.data[i];
           }
           idSel.dispatchEvent(new Event('change'));
+          log.textContent += '\nConnected to: ' + apiServer;
           log.textContent += '\n' + endpoint + ' Success';
         })
         .catch(err => {