fix: scale indicator, logo crop, gateway LAN IP, setup spacing
webapp:
- Scale indicator: replace plain green dot with ⚖️ emoji + colored
status badge (green/amber/grey/red); icon fades out when disconnected;
tap shows a toast with device name + battery level
- Logo images: crop excess transparent padding from logo.png and
logo_icon.png so content fills the frame at small display sizes
- style.css: reworked .scale-status-indicator CSS for emoji+badge
kiosk:
- SetupActivity: use device's real LAN IP for scale_gateway_url
(was hardcoded 127.0.0.1 — only worked if server and kiosk run on
the same machine); added getDeviceLanIp() helper (prefers wlan/eth)
- activity_setup.xml: reduce welcome step padding/margins so step 1
fits on screen without scrolling; text sizes slightly reduced
- activity_setup.xml: fix feature bullet 'Bilancia Bluetooth via
Gateway app' → 'Bilancia BLE integrata (nessuna app esterna)'
- strings.xml (en + it): rewrite all wizard_gateway_* strings to
reflect integrated BLE service instead of external gateway APK
- ic_logo.png: regenerated at all densities from cropped source
@@ -260,26 +260,46 @@ body {
|
||||
}
|
||||
|
||||
/* ── Smart Scale status indicator ───────────────────────────────────── */
|
||||
/* Same shape as .header-btn but non-interactive — shows colored dot */
|
||||
/* Scale emoji with a small colored status dot in the lower-right corner */
|
||||
.scale-status-indicator {
|
||||
cursor: default;
|
||||
cursor: pointer;
|
||||
}
|
||||
.scale-icon-wrapper {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
.scale-icon-emoji {
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
transition: filter 0.3s, opacity 0.3s;
|
||||
}
|
||||
.scale-status-dot {
|
||||
position: absolute;
|
||||
bottom: 1px;
|
||||
right: 0px;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border-radius: 50%;
|
||||
border: 1.5px solid #0f172a;
|
||||
background: #475569;
|
||||
transition: background 0.4s, box-shadow 0.4s;
|
||||
pointer-events: none;
|
||||
}
|
||||
.scale-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255,255,255,0.3);
|
||||
transition: background 0.4s, box-shadow 0.4s;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.scale-status-connected .scale-dot { background: #22c55e; box-shadow: 0 0 6px #22c55eaa; }
|
||||
.scale-status-searching .scale-dot { background: #f59e0b; animation: scaleStatusPulse 1.4s infinite; }
|
||||
.scale-status-disconnected .scale-dot { background: rgba(255,255,255,0.25); }
|
||||
.scale-status-error .scale-dot { background: #ef4444; box-shadow: 0 0 4px #ef4444aa; }
|
||||
.scale-status-connected .scale-status-dot { background: #22c55e; box-shadow: 0 0 5px #22c55eaa; }
|
||||
.scale-status-connected .scale-icon-emoji { filter: none; opacity: 1; }
|
||||
.scale-status-searching .scale-status-dot { background: #f59e0b; animation: scaleStatusPulse 1.4s infinite; }
|
||||
.scale-status-searching .scale-icon-emoji { filter: none; opacity: 0.85; }
|
||||
.scale-status-disconnected .scale-status-dot { background: #475569; }
|
||||
.scale-status-disconnected .scale-icon-emoji { filter: grayscale(0.5); opacity: 0.55; }
|
||||
.scale-status-error .scale-status-dot { background: #ef4444; box-shadow: 0 0 5px #ef4444aa; }
|
||||
.scale-status-error .scale-icon-emoji { filter: none; opacity: 1; }
|
||||
@keyframes scaleStatusPulse {
|
||||
0%, 100% { box-shadow: 0 0 4px #f59e0b88; }
|
||||
50% { box-shadow: 0 0 10px #f59e0bcc; }
|
||||
0%, 100% { box-shadow: 0 0 3px #f59e0b88; }
|
||||
50% { box-shadow: 0 0 9px #f59e0bcc; }
|
||||
}
|
||||
|
||||
/* ── Scale read button (add/use forms) ──────────────────────────────── */
|
||||
|
||||
|
Before Width: | Height: | Size: 319 KiB After Width: | Height: | Size: 289 KiB |
|
Before Width: | Height: | Size: 261 KiB After Width: | Height: | Size: 238 KiB |
@@ -805,6 +805,23 @@ function _scaleUpdateStatus(state) {
|
||||
el.title = labels[state] || '';
|
||||
}
|
||||
|
||||
/**
|
||||
* Show a brief toast with the current scale connection status when the icon is tapped.
|
||||
*/
|
||||
function _scaleShowInfo() {
|
||||
const state = _scaleConnected ? 'connected' : 'disconnected';
|
||||
const msgs = {
|
||||
connected: `⚖️ ${t('scale.status_connected')}${_scaleDevice ? ': ' + _scaleDevice : ''}${_scaleBattery != null ? ' 🔋' + _scaleBattery + '%' : ''}`,
|
||||
searching: `⚖️ ${t('scale.status_searching')}`,
|
||||
disconnected: `⚖️ ${t('scale.status_disconnected')}`,
|
||||
error: `⚖️ ${t('scale.status_error')}`,
|
||||
};
|
||||
const el = document.getElementById('scale-status-indicator');
|
||||
const cls = el ? [...el.classList].find(c => c.startsWith('scale-status-') && c !== 'scale-status-indicator') : null;
|
||||
const key = cls ? cls.replace('scale-status-', '') : state;
|
||||
showToast(msgs[key] || msgs[state], key === 'connected' ? 'success' : 'info');
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the scale reading modal and wait for a stable weight, then populate the input.
|
||||
* @param {string} targetInputId — ID of the <input> to fill
|
||||
|
||||
@@ -866,7 +866,10 @@ class SetupActivity : AppCompatActivity() {
|
||||
val body = buildString {
|
||||
append("{\"screensaver_enabled\":$screensaver")
|
||||
if (hasScale) {
|
||||
append(",\"scale_enabled\":true,\"scale_gateway_url\":\"ws://127.0.0.1:8765\"")
|
||||
// Use the tablet's actual LAN IP so the EverShelf server
|
||||
// (potentially on a different machine) can reach the gateway.
|
||||
val lanIp = getDeviceLanIp() ?: "127.0.0.1"
|
||||
append(",\"scale_enabled\":true,\"scale_gateway_url\":\"ws://$lanIp:8765\"")
|
||||
}
|
||||
append("}")
|
||||
}
|
||||
@@ -886,4 +889,32 @@ class SetupActivity : AppCompatActivity() {
|
||||
setResult(RESULT_OK)
|
||||
finish()
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the device's best LAN IPv4 address (Wi-Fi/Ethernet preferred).
|
||||
* Skips loopback, VPN tunnels, and cellular interfaces.
|
||||
*/
|
||||
private fun getDeviceLanIp(): String? {
|
||||
val skipPrefixes = listOf("tun", "ppp", "rmnet", "pdp", "v4-", "v6-", "ccmni", "sit", "gre")
|
||||
var fallback: String? = null
|
||||
try {
|
||||
val ifaces = NetworkInterface.getNetworkInterfaces() ?: return null
|
||||
while (ifaces.hasMoreElements()) {
|
||||
val intf = ifaces.nextElement()
|
||||
if (!intf.isUp || intf.isLoopback) continue
|
||||
val name = intf.name.lowercase()
|
||||
if (skipPrefixes.any { name.startsWith(it) }) continue
|
||||
for (addr in intf.interfaceAddresses) {
|
||||
val ip = addr.address
|
||||
if (ip is java.net.Inet4Address && !ip.isLoopbackAddress) {
|
||||
val ipStr = ip.hostAddress ?: continue
|
||||
// Wi-Fi/Ethernet first
|
||||
if (name.startsWith("wlan") || name.startsWith("eth")) return ipStr
|
||||
if (fallback == null) fallback = ipStr
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (_: Exception) {}
|
||||
return fallback
|
||||
}
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 243 KiB |
|
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 386 KiB |
@@ -55,8 +55,8 @@
|
||||
android:gravity="center_horizontal"
|
||||
android:paddingStart="28dp"
|
||||
android:paddingEnd="28dp"
|
||||
android:paddingTop="32dp"
|
||||
android:paddingBottom="40dp">
|
||||
android:paddingTop="16dp"
|
||||
android:paddingBottom="24dp">
|
||||
|
||||
<!-- ════════════════════════════════════════════
|
||||
STEP 0 — Language selection
|
||||
@@ -139,7 +139,7 @@
|
||||
android:src="@drawable/ic_logo"
|
||||
android:adjustViewBounds="true"
|
||||
android:scaleType="fitCenter"
|
||||
android:layout_marginBottom="20dp"
|
||||
android:layout_marginBottom="10dp"
|
||||
android:contentDescription="EverShelf" />
|
||||
|
||||
<TextView
|
||||
@@ -147,19 +147,19 @@
|
||||
android:layout_height="wrap_content"
|
||||
android:text="EverShelf Kiosk"
|
||||
android:textColor="#f1f5f9"
|
||||
android:textSize="30sp"
|
||||
android:textSize="28sp"
|
||||
android:textStyle="bold"
|
||||
android:gravity="center"
|
||||
android:layout_marginBottom="8dp" />
|
||||
android:layout_marginBottom="4dp" />
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="La tua dispensa smart in cucina"
|
||||
android:textColor="#7c3aed"
|
||||
android:textSize="16sp"
|
||||
android:textSize="15sp"
|
||||
android:gravity="center"
|
||||
android:layout_marginBottom="28dp" />
|
||||
android:layout_marginBottom="16dp" />
|
||||
|
||||
<!-- What is EverShelf -->
|
||||
<TextView
|
||||
@@ -167,10 +167,10 @@
|
||||
android:layout_height="wrap_content"
|
||||
android:text="Trasforma il tuo tablet in un pannello da cucina sempre attivo. Gestisci la dispensa, scansiona i prodotti, ricevi suggerimenti intelligenti — tutto dal tuo server di casa."
|
||||
android:textColor="#94a3b8"
|
||||
android:textSize="15sp"
|
||||
android:textSize="14sp"
|
||||
android:gravity="center"
|
||||
android:lineSpacingExtra="4dp"
|
||||
android:layout_marginBottom="28dp" />
|
||||
android:lineSpacingExtra="3dp"
|
||||
android:layout_marginBottom="16dp" />
|
||||
|
||||
<!-- Privacy card (highlighted) -->
|
||||
<LinearLayout
|
||||
@@ -178,8 +178,8 @@
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="vertical"
|
||||
android:background="@drawable/card_background"
|
||||
android:padding="20dp"
|
||||
android:layout_marginBottom="24dp">
|
||||
android:padding="16dp"
|
||||
android:layout_marginBottom="16dp">
|
||||
|
||||
<TextView
|
||||
android:layout_width="wrap_content"
|
||||
@@ -265,9 +265,8 @@
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="vertical"
|
||||
android:background="@drawable/tip_background"
|
||||
android:padding="16dp"
|
||||
android:layout_marginBottom="32dp">
|
||||
|
||||
android:padding="14dp"
|
||||
android:layout_marginBottom="16dp">
|
||||
<TextView
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
@@ -289,7 +288,7 @@
|
||||
<TextView
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:text="⚖️ Bilancia Bluetooth via Gateway app"
|
||||
android:text="⚖️ Bilancia BLE integrata (nessuna app esterna)"
|
||||
android:textColor="#cbd5e1"
|
||||
android:textSize="14sp"
|
||||
android:paddingTop="4dp"
|
||||
|
||||
@@ -17,21 +17,21 @@
|
||||
<string name="setup_exit_cancel">Continua</string>
|
||||
|
||||
<!-- Wizard Step 3: Bilancia smart -->
|
||||
<string name="wizard_step3_title">Bilancia Smart (Opzionale)</string>
|
||||
<string name="wizard_step3_description">Per usare una bilancia da cucina Bluetooth, devi installare l\'app EverShelf Scale Gateway separatamente.</string>
|
||||
<string name="wizard_step3_title">Bilancia Smart</string>
|
||||
<string name="wizard_step3_description">EverShelf Kiosk include un gateway Bluetooth integrato — nessuna app esterna necessaria. Seleziona la tua bilancia qui sotto.</string>
|
||||
<string name="wizard_step3_question">Hai una bilancia smart Bluetooth?</string>
|
||||
<string name="wizard_step3_yes">✅ Sì, ho una bilancia</string>
|
||||
<string name="wizard_step3_no">➡️ No, salta questo passaggio</string>
|
||||
|
||||
<!-- Messaggi stato gateway -->
|
||||
<string name="wizard_gateway_installed">Scale Gateway installato ✅</string>
|
||||
<string name="wizard_gateway_installed_detail">Verrà avviato in background quando procedi.</string>
|
||||
<string name="wizard_gateway_not_installed">Scale Gateway non installato</string>
|
||||
<string name="wizard_gateway_not_installed_detail">Installa l\'app Scale Gateway per usare una bilancia Bluetooth.</string>
|
||||
<string name="wizard_gateway_checking">Controllo aggiornamenti…</string>
|
||||
<string name="wizard_gateway_up_to_date">Scale Gateway è aggiornato.</string>
|
||||
<string name="wizard_gateway_update_available">Aggiornamento disponibile per Scale Gateway</string>
|
||||
<string name="wizard_gateway_update_detail">Tocca il pulsante qui sotto per aggiornarlo ora.</string>
|
||||
<string name="wizard_gateway_installed">Bilancia salvata ✅</string>
|
||||
<string name="wizard_gateway_installed_detail">Il gateway BLE integrato si collegherà automaticamente all\'avvio.</string>
|
||||
<string name="wizard_gateway_not_installed">Nessuna bilancia selezionata</string>
|
||||
<string name="wizard_gateway_not_installed_detail">Scansiona le bilance BLE nelle vicinanze e tocca una per selezionarla.</string>
|
||||
<string name="wizard_gateway_checking">Scansione bilance BLE in corso…</string>
|
||||
<string name="wizard_gateway_up_to_date">Servizio BLE bilancia pronto.</string>
|
||||
<string name="wizard_gateway_update_available">Bilancia BLE trovata</string>
|
||||
<string name="wizard_gateway_update_detail">Tocca la bilancia nell\'elenco per connettersi.</string>
|
||||
|
||||
<!-- Stati scaricamento / installazione -->
|
||||
<string name="install_downloading">Scaricamento in corso…</string>
|
||||
|
||||
@@ -16,21 +16,21 @@
|
||||
<string name="setup_exit_cancel">Continue</string>
|
||||
|
||||
<!-- Wizard Step 3: Smart scale -->
|
||||
<string name="wizard_step3_title">Smart Scale (Optional)</string>
|
||||
<string name="wizard_step3_description">To use a Bluetooth kitchen scale, you need the EverShelf Scale Gateway app installed separately.</string>
|
||||
<string name="wizard_step3_title">Smart Scale</string>
|
||||
<string name="wizard_step3_description">EverShelf Kiosk includes a built-in Bluetooth gateway — no external app needed. Select your scale below.</string>
|
||||
<string name="wizard_step3_question">Do you have a Bluetooth smart scale?</string>
|
||||
<string name="wizard_step3_yes">✅ Yes, I have a scale</string>
|
||||
<string name="wizard_step3_no">➡️ No, skip this step</string>
|
||||
|
||||
<!-- Gateway status messages -->
|
||||
<string name="wizard_gateway_installed">Scale Gateway installed ✅</string>
|
||||
<string name="wizard_gateway_installed_detail">Will be launched in the background when you proceed.</string>
|
||||
<string name="wizard_gateway_not_installed">Scale Gateway not installed</string>
|
||||
<string name="wizard_gateway_not_installed_detail">Install the Scale Gateway app to use a Bluetooth scale.</string>
|
||||
<string name="wizard_gateway_checking">Checking for updates…</string>
|
||||
<string name="wizard_gateway_up_to_date">Scale Gateway is up to date.</string>
|
||||
<string name="wizard_gateway_update_available">Update available for Scale Gateway</string>
|
||||
<string name="wizard_gateway_update_detail">Tap the button below to update it now.</string>
|
||||
<string name="wizard_gateway_installed">Scale device saved ✅</string>
|
||||
<string name="wizard_gateway_installed_detail">The integrated BLE gateway will connect automatically on startup.</string>
|
||||
<string name="wizard_gateway_not_installed">No scale selected</string>
|
||||
<string name="wizard_gateway_not_installed_detail">Scan for nearby BLE scales and tap one to select it.</string>
|
||||
<string name="wizard_gateway_checking">Scanning for BLE scales…</string>
|
||||
<string name="wizard_gateway_up_to_date">Scale BLE service ready.</string>
|
||||
<string name="wizard_gateway_update_available">BLE scale found</string>
|
||||
<string name="wizard_gateway_update_detail">Tap the scale in the list to connect.</string>
|
||||
|
||||
<!-- Install / download progress states -->
|
||||
<string name="install_downloading">Scaricamento in corso…</string>
|
||||
|
||||
@@ -76,8 +76,12 @@
|
||||
<!-- Actions — fixed set of icon buttons, all same size -->
|
||||
<div class="header-actions">
|
||||
<button id="scale-status-indicator" class="header-btn scale-status-indicator scale-status-disconnected"
|
||||
style="display:none" data-i18n-title="scale.status_disconnected" title="⚖️ Bilancia">
|
||||
<span class="scale-dot"></span>
|
||||
style="display:none" data-i18n-title="scale.status_disconnected" title="⚖️ Bilancia"
|
||||
onclick="_scaleShowInfo()">
|
||||
<span class="scale-icon-wrapper">
|
||||
<span class="scale-icon-emoji">⚖️</span>
|
||||
<span class="scale-status-dot"></span>
|
||||
</span>
|
||||
</button>
|
||||
<button class="header-btn header-gemini-btn" onclick="showPage('chat')" title="Chat con Gemini" data-i18n-title="chat.title">
|
||||
<svg class="gemini-icon" viewBox="0 0 24 24" width="24" height="24" fill="white"><path d="M12 0C12 6.627 6.627 12 0 12c6.627 0 12 5.373 12 12 0-6.627 5.373-12 12-12-6.627 0-12-5.373-12-12z"/></svg>
|
||||
|
||||