Added more info on how to scan endpoint QRCode

Author: ltrudu

.gitignore

@@ -43,3 +43,4 @@ WebInterface/DOCKER_CLEANUP_SAFETY.md
 WebInterface/SYMBOLOGY_MAPPING_RULES.md
 console.txt
 nul
+WebInterface/ssl/ssl/

AI_MultiBarcodes_Capture/build.gradle.kts

@@ -14,8 +14,8 @@ android {
         applicationId = "com.zebra.ai_multibarcodes_capture.dev"
         minSdk = 34
         targetSdk = 35
-        versionCode = 27
-        versionName = "1.27"
+        versionCode = 28
+        versionName = "1.28"
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
     }

AI_MultiBarcodes_Capture/src/main/res/layout/activity_setup.xml

@@ -308,6 +308,20 @@
                 android:minHeight="48dp"
                 android:padding="12dp" />
 
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:layout_marginStart="8dp"
+                android:layout_marginEnd="8dp"
+                android:background="@drawable/badge_background"
+                android:padding="12dp"
+                android:text="Quick Setup: Open WMS website at http://[WMS_IP]:3500 or https://[WMS_IP]:3543 → Click gear icon (top right) → Endpoint Configuration → QR Code button → Scan QR code to auto-fill endpoint"
+                android:textColor="@color/zebra"
+                android:textSize="12sp"
+                android:focusable="false"
+                android:clickable="false" />
+
 
         </LinearLayout>
 

WebInterface/src/index.html

@@ -101,7 +101,7 @@ <h2 id="qr-modal-title">📱 QR Code - Endpoint URL</h2>
                 <div class="qr-info">
                     <p><strong id="endpoint-url-label">Endpoint URL:</strong></p>
                     <div class="qr-url" id="qr-url-text"></div>
-                    <p class="qr-instructions" id="qr-scan-instructions">Scan this QR code with your Android AI MultiBarcode Capture app to automatically configure the endpoint.</p>
+                    <p class="qr-instructions" id="qr-scan-instructions">Scan this QR code from your Android AI MultiBarcode Capture app Settings page to automatically configure the endpoint.</p>
                 </div>
             </div>
         </div>

WebInterface/src/js/wms-app.js

@@ -1996,7 +1996,7 @@ class WMSApp {
             // QR Modal
             '#qr-modal-title': '📱 ' + this.t('qr_code_endpoint_url', 'QR Code - Endpoint URL'),
             '#endpoint-url-label': this.t('endpoint_url_label', 'Endpoint URL:'),
-            '#qr-scan-instructions': this.t('qr_scan_instructions', 'Scan this QR code with your Android AI MultiBarcode Capture app to automatically configure the endpoint.'),
+            '#qr-scan-instructions': this.t('qr_scan_instructions', 'Scan this QR code from your Android AI MultiBarcode Capture app Settings page to automatically configure the endpoint.'),
 
             // Settings modal
             '#settings-modal-title': this.t('settings', 'Settings'),

WebInterface/src/lang/en.json

@@ -99,7 +99,7 @@
   "config_step_3": "Paste one of the endpoints above",
   "config_step_4": "Test the connection and save",
   "endpoint_url_label": "Endpoint URL:",
-  "qr_scan_instructions": "Scan this QR code with your Android AI MultiBarcode Capture app to automatically configure the endpoint.",
+  "qr_scan_instructions": "Scan this QR code from your Android AI MultiBarcode Capture app Settings page to automatically configure the endpoint.",
   "footer_copyright": "Barcode WMS © 2024 - Powered by Zebra AI Vision SDK",
   "footer_connection": "Connected to Android AI MultiBarcode Capture Application",
   "failed_to_load_sessions": "Failed to load sessions",