From c3fcf7ea1332f3bbed54f8239c6df2a1e0748aa4 Mon Sep 17 00:00:00 2001
From: hina ntki <hina.natsuki.723@gmail.com>
Date: Fri, 16 Aug 2024 23:24:48 +0900
Subject: [PATCH] =?UTF-8?q?SCV=E3=81=8B=E3=82=89=E3=83=9E=E3=82=B9?=
 =?UTF-8?q?=E3=82=BF=E3=83=BC=E3=82=92=E3=82=A4=E3=83=B3=E3=83=9D=E3=83=BC?=
 =?UTF-8?q?=E3=83=88=E3=81=99=E3=82=8B=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6?=
 =?UTF-8?q?=E3=83=88=E3=82=92=E5=BE=A9=E5=85=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/templates/quiz_master.html | 51 ++++++++++++++++++++++++++++++++--
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/web/templates/quiz_master.html b/web/templates/quiz_master.html
index a4fe9ec..018549e 100644
--- a/web/templates/quiz_master.html
+++ b/web/templates/quiz_master.html
@@ -244,6 +244,41 @@
             }
         }
 
+        async function uploadCsvFile(event) {
+            event.preventDefault();
+            const form = event.target;
+            const formData = new FormData(form);
+
+            try {
+                const response = await fetch('/upload_quiz_master', {
+                    method: 'POST',
+                    body: formData
+                });
+                const result = await response.json();
+                document.getElementById('message').innerText = result.message || result.error;
+                if (!result.error) {
+                    form.reset();
+                }
+            } catch (error) {
+                document.getElementById('message').innerText = 'エラーが発生しました: ' + error.message;
+            }
+        }
+
+        async function importCsvData() {
+            try {
+                const response = await fetch('/import_quiz_master', {
+                    method: 'POST'
+                });
+                const result = await response.json();
+                document.getElementById('message').innerText = result.message || result.error;
+                if (!result.error) {
+                    fetchQuizMasters();
+                }
+            } catch (error) {
+                document.getElementById('message').innerText = 'エラーが発生しました: ' + error.message;
+            }
+        }
+
         function closeUpdateModal() {
             document.getElementById('updateModal').style.display = 'none';
             document.getElementById('addQuizMasterForm').style.display = 'block';
@@ -295,6 +330,18 @@
                 <button type="submit">追加</button>
             </div>
         </form>
+
+        <!-- CSVファイルアップロードフォーム -->
+        <form id="uploadCsvForm" onsubmit="uploadCsvFile(event)" style="margin-top: 20px;">
+            <div class="form-group">
+                <label for="csvFile">CSVファイルを選択:</label>
+                <input type="file" name="file" id="csvFile" accept=".csv" required>
+            </div>
+            <div class="button-group">
+                <button type="submit">アップロード</button>
+            </div>
+        </form>
+        <button onclick="importCsvData()">CSVデータをインポート</button>
     </div>
 
     <!-- 編集用モーダル -->
@@ -334,9 +381,9 @@
 
     <!-- 音量調整と停止ボタン -->
     <div style="margin-top: 20px;">
-        <label for="volumeSlider">プレビュー音量:</label>
+        <label for="volumeSlider">プレビュー再生音量:</label>
         <input type="range" id="volumeSlider" min="0" max="100" value="10" oninput="changeVolume(this.value)">
-        <button onclick="stopAudio()">レビュー再生停止</button>
+        <button onclick="stopAudio()">プレビュー再生停止</button>
     </div>
 
     <div class="table-container">