Filter for appropriate file extension in file upload dialog.

In case of an upload error, the error message will be shown received from target.
BlueAndi · Dec 4, 2023 · 2e4a78d · 2e4a78d
1 parent 5cdc87a
commit 2e4a78d
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 13 deletions.
diff --git a/lib/IconTextLampPlugin/web/IconTextLampPlugin.html b/lib/IconTextLampPlugin/web/IconTextLampPlugin.html
@@ -106,7 +106,7 @@ <h3 class="mt-1">Icon</h3>
                     </div>
                     <div class="form-group">
                         <label for="icon">Icon:</label>
-                        <input id="icon" type="file" />    
+                        <input id="icon" type="file" accept=".bmp" />    
                     </div>
                     <input name="submit" type="submit" value="Update"/>
                 </form>
@@ -119,7 +119,7 @@ <h3 class="mt-1">Sprite sheet</h3>
                     </div>
                     <div class="form-group">
                         <label for="spriteSheet">Sprite sheet:</label>
-                        <input id="spriteSheet" type="file" />
+                        <input id="spriteSheet" type="file" accept=".sprite" />
                     </div>
                     <input name="submit" type="submit" value="Update"/>
                 </form>
@@ -271,7 +271,11 @@ <h3 class="mt-1">Lamp</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });
@@ -294,7 +298,11 @@ <h3 class="mt-1">Lamp</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });

diff --git a/lib/IconTextPlugin/web/IconTextPlugin.html b/lib/IconTextPlugin/web/IconTextPlugin.html
@@ -90,7 +90,7 @@ <h3 class="mt-1">Icon</h3>
                     </div>
                     <div class="form-group">
                         <label for="icon">Icon:</label>
-                        <input id="icon" type="file" />    
+                        <input id="icon" type="file" accept=".bmp" />    
                     </div>
                     <input name="submit" type="submit" value="Update"/>
                 </form>
@@ -103,7 +103,7 @@ <h3 class="mt-1">Sprite sheet</h3>
                     </div>
                     <div class="form-group">
                         <label for="spriteSheet">Sprite sheet:</label>
-                        <input id="spriteSheet" type="file" />
+                        <input id="spriteSheet" type="file" accept=".sprite"/>
                     </div>
                     <input name="submit" type="submit" value="Update"/>
                 </form>
@@ -228,7 +228,11 @@ <h3 class="mt-1">Text</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });
@@ -251,7 +255,11 @@ <h3 class="mt-1">Text</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });

diff --git a/lib/ThreeIconPlugin/web/ThreeIconPlugin.html b/lib/ThreeIconPlugin/web/ThreeIconPlugin.html
@@ -97,7 +97,7 @@ <h3 class="mt-1">Icon</h3>
                     </div>
                     <div class="form-group">
                         <label for="bitmap">Icon:</label>
-                        <input id="bitmap" name="bitmap" type="file" />    
+                        <input id="bitmap" name="bitmap" type="file" accept=".bmp" />    
                     </div>
                     <input name="submit" type="submit" value="Update"/>
                 </form>
@@ -118,7 +118,7 @@ <h3 class="mt-1">Sprite sheet</h3>
                     </div>
                     <div class="form-group">
                         <label for="spriteSheet">Sprite sheet:</label>
-                        <input id="spriteSheet" name="spriteSheet" type="file" />    
+                        <input id="spriteSheet" name="spriteSheet" type="file" accept=".sprite" />    
                     </div>
                     <input name="submit" type="submit" value="Update"/>
                 </form>
@@ -316,7 +316,11 @@ <h3 class="mt-1">Animation configuration</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });
@@ -339,7 +343,11 @@ <h3 class="mt-1">Animation configuration</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });
@@ -378,7 +386,11 @@ <h3 class="mt-1">Animation configuration</h3>
                     updateForms();
                     alert("Ok.");
                 }).catch(function(rsp) {
-                    alert("Failed.");
+                    if (("undefined" !== typeof rsp.error) && ("string" === typeof rsp.error.msg)) {
+                        alert("Error: " + rsp.error.msg);
+                    } else {
+                        alert("Failed.");
+                    }
                 }).finally(function() {
                     enableUI();
                 });