From 57659a1f4432d3a4609d23bc2d74349e4e7c3748 Mon Sep 17 00:00:00 2001
From: Daniel Jacobs <danielhunterjacobs@gmail.com>
Date: Fri, 6 May 2022 10:04:16 -0400
Subject: [PATCH] demo: Add an area to say the file name

---
 web/packages/demo/www/index.css  | 6 ++++++
 web/packages/demo/www/index.html | 1 +
 web/packages/demo/www/index.js   | 5 +++++
 3 files changed, 12 insertions(+)

diff --git a/web/packages/demo/www/index.css b/web/packages/demo/www/index.css
index c74162a3d..c838b9f47 100644
--- a/web/packages/demo/www/index.css
+++ b/web/packages/demo/www/index.css
@@ -115,6 +115,12 @@ body {
     background-color: white;
 }
 
+#local-file-name {
+    min-width: 150px;
+    display: inline-block;
+    font-size: smaller;
+}
+
 #sample-swfs {
     background-color: white;
     color: var(--ruffle-blue);
diff --git a/web/packages/demo/www/index.html b/web/packages/demo/www/index.html
index 70892378b..a340310fc 100644
--- a/web/packages/demo/www/index.html
+++ b/web/packages/demo/www/index.html
@@ -25,6 +25,7 @@
                     <span>Local SWF:</span>
                     <input type="file" accept=".swf,.spl" id="local-file" />
                     <label for="local-file" id="local-file-label">Select File</label>
+                    <span id="local-file-name">No file selected.</span>
                 </div>
                 <div id="sample-swfs-container" class="hidden">
                     <span id="sample-swfs-label">Sample SWF:</span>
diff --git a/web/packages/demo/www/index.js b/web/packages/demo/www/index.js
index b3696d882..00969b129 100644
--- a/web/packages/demo/www/index.js
+++ b/web/packages/demo/www/index.js
@@ -21,6 +21,7 @@ const sampleFileInputContainer = document.getElementById(
 );
 const localFileInput = document.getElementById("local-file");
 const sampleFileInput = document.getElementById("sample-swfs");
+const localFileName = document.getElementById("local-file-name");
 // prettier-ignore
 const optionGroups = {
     "Animation": document.getElementById("anim-optgroup"),
@@ -68,6 +69,9 @@ async function loadFile(file) {
     if (!file) {
         return;
     }
+    if (file.name) {
+        localFileName.textContent = file.name;
+    }
     hideSample();
     const data = await new Response(file).arrayBuffer();
     load({ data, ...config });
@@ -75,6 +79,7 @@ async function loadFile(file) {
 
 function loadSample() {
     const swfData = sampleFileInput[sampleFileInput.selectedIndex].swfData;
+    localFileName.textContent = "No file selected.";
     if (swfData) {
         showSample(swfData);
         load({ url: swfData.location, ...config });