From ca5cdafcdd5a760e27c044f6ab7579361075daf0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=2E=20Neusch=C3=A4fer?= <j.neuschaefer@gmx.net>
Date: Wed, 13 Mar 2024 21:13:24 +0000
Subject: [PATCH] Integrate fallback option into the web version

---
 web/content.html | 7 +++++++
 web/index.js     | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/content.html b/web/content.html
index 8c1a6eb..7abde5d 100644
--- a/web/content.html
+++ b/web/content.html
@@ -40,6 +40,13 @@ <h3>How to use the generated fonts in LVGL?</h3>
 				</div>
 			</div>
 
+			<div class="form-group row">
+				<label for="name" class="form-label col-md-2">Fallback</label>
+				<div class="col-md-5">
+					<input type="text" name="fallback" id="fallback" class="form-control" placeholder="E.g. lv_font_montserrat_24">
+				</div>
+			</div>
+
 			<div class="form-group row">
 				<label for="height" class="col-md-2 col-form-label">Size</label>
 				<div class="col-md-5">
diff --git a/web/index.js b/web/index.js
index cacfb3e..6277625 100644
--- a/web/index.js
+++ b/web/index.js
@@ -60,6 +60,7 @@ document.querySelector('#converterForm').addEventListener('submit', function han
   e.preventDefault();
 
   var _name = document.getElementById('name').value;
+  var _fallback = document.getElementById('fallback').value;
   var _size = document.getElementById('height').value;
   var _bpp = document.getElementById('bpp').value;
   /* eslint-disable max-depth, radix */
@@ -110,7 +111,8 @@ document.querySelector('#converterForm').addEventListener('submit', function han
     lcd_v: document.getElementById('subpixel3').checked,
     use_color_info: document.getElementById('use_color_info').checked,
     format: 'lvgl',
-    output: _name
+    output: _name,
+    lv_fallback: _fallback
   };
 
   convert(args).then(result => {