Merge branch 'name_reset'

app.py

@@ -55,25 +55,41 @@ def reset_html():
 #メンバー削除&累積音声削除
 @app.route('/reset_member', methods=['GET', 'POST'])
 def reset_member():
-    global users  # ←これを追加！
-    #data = request.get_json()
-    #name = data['name']  # 名前を取得
+    global users
     global total_audio
     print(total_audio)
     process.delete_files_in_directory(total_audio)
-    base_audio_dir = "/tmp/data/base_audio"
-    for name in users:
-        file_path = os.path.join(base_audio_dir, f"{name}.wav")
-        if os.path.exists(file_path):
-            try:
-                os.remove(file_path)
-                print(f"{file_path} を削除しました。")
-            except Exception as e:
-                print(f"削除中にエラーが発生しました: {e}")
-        else:
-            print(f"ファイルが存在しません: {file_path}")
-    users.clear()
-    return render_template('index.html', users = users)
+    try:
+        data = request.get_json()
+        if not data or "names" not in data:
+            return jsonify({"status": "error", "message": "Invalid request body"}), 400  # 400 Bad Request
+
+        names = data.get("names", [])
+        base_audio_dir = "/tmp/data/base_audio"
+
+        for name in names:
+            file_path = os.path.join(base_audio_dir, f"{name}.wav")
+            if os.path.exists(file_path):
+                try:
+                    os.remove(file_path)
+                    print(f"{file_path} を削除しました。")
+                except Exception as e:
+                    print(f"削除中にエラーが発生しました: {e}")
+                    # ファイル削除に失敗した場合も、エラーを返す
+                    return jsonify({"status": "error", "message": f"Failed to delete {name}: {e}"}), 500
+
+            else:
+                print(f"ファイルが存在しません: {file_path}")
+
+        # usersリストを更新
+        users = [u for u in users if u not in names]
+
+        # 成功した場合のレスポンス
+        return jsonify({"status": "success", "message": "Members deleted successfully", "users": users}), 200 # 200 OK
+
+    except Exception as e:
+        print(f"An unexpected error occurred: {e}")
+        return jsonify({"status": "error", "message": f"Internal server error: {e}"}), 500  # 500 Internal Server Error
 
 # 書き起こし作成エンドポイント
 @app.route('/transcription',methods =['GET','POST'])

static/reset.js

@@ -1,23 +1,97 @@
-// サーバーからメンバー情報を取得してチャートを更新する関数
-async function updateChartFrom() {
+async function fetchAndRenderMembers() {
   try {
     const response = await fetch("/confirm");
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
+
     const data = await response.json();
     if (!data || !data.members || !Array.isArray(data.members)) {
       console.error("Invalid member data received:", data);
-      members = ["member1"];
       return;
     }
-    members = data.members;
-  } catch (error) {}
+
+    const members = data.members;
+    console.log(members);
+    const container = document.getElementById("memberCheckboxes");
+    container.innerHTML = ""; // 既存の中身を消去
+
+    members.forEach((name) => {
+      const newItem = document.createElement("div");
+      newItem.className = "flex items-center gap-3 mb-2";
+      console.log(name);
+      newItem.innerHTML = `
+            <input
+              type="checkbox"
+              name="members"
+              value="${name}"
+              id="checkbox-${name}"
+              class="px-4 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-700 text-white"
+            />
+            <lavel for="checkbox-${name}" class="text-white text-lg">${name}</label>
+          `;
+
+      container.appendChild(newItem);
+    });
+  } catch (error) {
+    console.error("Error fetching members:", error);
+  }
 }
 
+// メンバー削除ボタンのイベントリスナー（修正箇所）
+document.getElementById("reset_btn").addEventListener("click", () => {
+  // メンバー送信処理
+
+  const checkboxes = document.querySelectorAll(
+    '#memberCheckboxes input[type="checkbox"]:checked'
+  );
+
+  const selectedNames = Array.from(checkboxes).map((cb) => cb.value);
+
+  if (selectedNames.length === 0) {
+    alert("メンバーを1人以上選択してください。");
+    return;
+  }
+
+  fetch("/reset_member", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ names: selectedNames }),
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error("送信に失敗しました");
+      }
+      // サーバーからのJSONレスポンスを期待する
+      return response.json();
+    })
+    .then((data) => {
+      alert("選択されたメンバーを削除しました。");
+      fetchAndRenderMembers(); // 再描画
+    })
+    .catch((error) => {
+      console.error("送信エラー:", error);
+      // エラーメッセージを表示する
+      alert(`送信エラー: ${error.message}`);
+    });
+});
+
+// ページが表示されたときにチェックボックスを生成
+window.addEventListener("DOMContentLoaded", fetchAndRenderMembers);
+
+// 「全選択」ボタン処理
+document.getElementById("select-all").addEventListener("click", () => {
+  const checkboxes = document.querySelectorAll(
+    '#memberCheckboxes input[type="checkbox"]'
+  );
+  checkboxes.forEach((checkbox) => {
+    checkbox.checked = true;
+  });
+});
+
+// 他のページに移動する関数
 function showRecorder() {
   window.location.href = "/index";
 }
-function showReset() {
-  window.location.href = "/reset_member";
-}

templates/reset.html

@@ -13,14 +13,19 @@
       class="container mx-auto p-6 bg-white dark:bg-gray-800 shadow-lg rounded-2xl"
     >
       <h2 class="text-2xl font-semibold mb-4">メンバーを消去しますか？</h2>
+      <input type="button" id="select-all" value="全選択" />
+      <div id="memberCheckboxes">
+        <!--ここにチャックボックスを表示してほしい-->
+      </div>
 
       <div class="flex justify-center gap-4">
         <button
-          class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          onclick="showReset()"
+          id="reset_btn"
+          class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"
         >
-          メンバーを消去
+          メンバー削除
         </button>
+
         <button
           class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
           onclick="showRecorder()"
@@ -29,15 +34,6 @@
         </button>
       </div>
     </div>
-    <script>
-      function showRecorder() {
-        window.location.href = "/index";
-      }
-      function showReset() {
-        window.location.href = "/reset_member";
-      }
-    </script>
-    <!--<script src="{{ url_for('static', filename='reset.js') }}"></script>
-    -->
+    <script src="{{ url_for('static', filename='reset.js') }}"></script>
   </body>
 </html>