+
+
Numbus TV
Your TV, your way. No spying on you.
diff --git a/web/pages/index.html b/web/pages/index.html
new file mode 100644
index 0000000..24cc643
--- /dev/null
+++ b/web/pages/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
Numbus Configurator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Transform your device into a reliable and private appliance
using the power of open-source software.
+
You will be guided through the configuration process.
+
+
+
+
+
+
Privacy First: No data entered here ever leaves your device.
This configurator runs entirely locally in your browser and is fully private.
+
+
+
+ Get Started
+
+
+
+
+
\ No newline at end of file
diff --git a/web/pages/preparation.html b/web/pages/preparation.html
index e1ae477..f3d79ca 100644
--- a/web/pages/preparation.html
+++ b/web/pages/preparation.html
@@ -13,7 +13,7 @@
-
+
@@ -26,33 +26,85 @@
function numbusPreparation() {
return {
step: 1,
+ discoveryLoading: false,
formData: {
1: { language: 'French', country: 'France', timeZone: 'Europe/Paris' },
2: { deviceType: '' },
- 3: { deploymentMode: '' },
- 4: { replicationHardware: '', replicationStrategy: '', replicationSecrets: '' },
- 5: { liveIp: '', livePassword: '' },
+ 3: { deploymentMode: '', gitUrl: '', gitUsername: '', gitPassword: '' },
+ 4: { liveIp: '', livePassword: '' },
},
isStepValid() {
const currentStepData = this.formData[this.step];
if (!currentStepData) return true;
+ if (this.step === 3 && currentStepData.deploymentMode === 'interactive') return true;
return Object.values(currentStepData).every(value => !!value);
},
goToPrevStep() {
- if (this.step === 5 && this.formData[3].deploymentMode === 'interactive') {
- this.step--;
- }
this.step--;
},
goToNextStep() {
- if (this.step === 3 && this.formData[3].deploymentMode === 'interactive') {
- this.step++;
- }
this.step++;
},
- startDiscovery() {
- console.log("Discovery started with:", JSON.parse(JSON.stringify(this.formData)));
- // Add your bridge communication logic here
+ async startDiscovery() {
+ if (this.discoveryLoading) return;
+ this.discoveryLoading = true;
+
+ const data = JSON.parse(JSON.stringify(this.formData));
+ console.log("Discovery started with:", data);
+
+ const payload = {
+ internationalization: {
+ language: data[1].language,
+ country: data[1].country,
+ time_zone: data[1].timeZone
+ },
+ device: {
+ type: data[2].deviceType
+ },
+ deployment: {
+ mode: data[3].deploymentMode,
+ git_url: data[3].gitUrl || '',
+ git_username: data[3].gitUsername || '',
+ git_password: data[3].gitPassword || ''
+ },
+ live_target: {
+ ip: data[4].liveIp,
+ password: data[4].livePassword
+ }
+ };
+
+ try {
+ const response = await fetch('/discovery', {
+ method: 'POST',
+ headers: { 'Content-Type': 'text/yaml' },
+ body: jsyaml.dump(payload, { quotingType: '"', forceQuotes: true })
+ });
+
+ if (response.ok) {
+ console.log("Discovery signal sent successfully.");
+ this.pollHardwareResults();
+ } else {
+ console.error("Server returned an error:", response.statusText);
+ this.discoveryLoading = false;
+ }
+ } catch (error) {
+ console.error("Network error during discovery:", error);
+ this.discoveryLoading = false;
+ }
+ },
+ pollHardwareResults() {
+ // Poll every 2 seconds for the hardware detection results file
+ const interval = setInterval(async () => {
+ try {
+ const response = await fetch('/config/hardware.yaml', { cache: 'no-store' });
+ if (response.ok) {
+ clearInterval(interval);
+ window.location.href = 'configuration.html';
+ }
+ } catch (err) {
+ // Errors are expected until the file is actually created
+ }
+ }, 2000);
}
}
}
@@ -61,8 +113,8 @@
-