Upload 10 files

static/feedback.js

@@ -15,8 +15,9 @@ async function getAnalysis() {
   const loader = document.getElementById("loader");
   loader.style.display = "block";
   try {
-    const response = await fetch("/analyze");
+    await getTranscription();
 
+    const response = await fetch("/analyze");
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }

static/menu.js

@@ -3,7 +3,10 @@
     fetch("/reset");
     window.location.href = "userregister";
   }
-
+// メンバー選択画面表示
+  function showUserSelect() {
+    window.location.href = "/userselect";
+  }
   // Show recorder page
   function showRecorder() {
     window.location.href = "index";

static/process1.js

@@ -0,0 +1,293 @@
+let allUsers = [];
+        let selectedUsers = [];
+        let userToDelete = null;
+        
+        // ページ読み込み時にユーザーリストを取得
+        document.addEventListener('DOMContentLoaded', fetchUserList);
+        
+        // ユーザーリスト取得
+        function fetchUserList() {
+            fetch('/list_base_audio')
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success' && data.fileNames) {
+                        allUsers = data.fileNames;
+                        renderUserList(allUsers);
+                    } else {
+                        showError('メンバーリストの取得に失敗しました');
+                    }
+                })
+                .catch(error => {
+                    console.error('Error fetching user list:', error);
+                    showError('サーバーとの通信中にエラーが発生しました');
+                });
+        }
+        
+        // ユーザーリストの表示
+        function renderUserList(users) {
+            const userListElement = document.getElementById('userList');
+            
+            if (!users || users.length === 0) {
+                userListElement.innerHTML = `
+                    <div class="no-users">
+                        <p>登録されているメンバーがいません。</p>
+                        <p>「新規登録」から音声を登録してください。</p>
+                    </div>
+                `;
+                return;
+            }
+            
+            let html = '';
+            users.forEach(user => {
+                const firstLetter = user.substr(0, 1).toUpperCase();
+                html += `
+                    <div class="user-item">
+                        <input type="checkbox" id="user-${user}" value="${user}" onchange="toggleUserSelection('${user}')">
+                        <label for="user-${user}">${user}</label>
+                        <div class="user-avatar">${firstLetter}</div>
+                        <button class="delete-button" onclick="showDeleteModal('${user}')">
+                            <i class="fas fa-trash"></i>
+                        </button>
+                    </div>
+                `;
+            });
+            
+            userListElement.innerHTML = html;
+            
+            // 既に選択済みのユーザーがあればチェックを入れる
+            checkStoredSelections();
+        }
+        
+        // ユーザー選択の切り替え
+        function toggleUserSelection(username) {
+            const index = selectedUsers.indexOf(username);
+            if (index === -1) {
+                selectedUsers.push(username);
+            } else {
+                selectedUsers.splice(index, 1);
+            }
+            
+            updateSelectedCount();
+            updateProceedButton();
+            saveSelections();
+        }
+        
+        // すべてのユーザーを選択
+        function selectAllUsers() {
+            selectedUsers = [...allUsers];
+            
+            // チェックボックスを更新
+            allUsers.forEach(user => {
+                const checkbox = document.getElementById(`user-${user}`);
+                if (checkbox) checkbox.checked = true;
+            });
+            
+            updateSelectedCount();
+            updateProceedButton();
+            saveSelections();
+        }
+        
+        // すべての選択を解除
+        function deselectAllUsers() {
+            selectedUsers = [];
+            
+            // チェックボックスを更新
+            allUsers.forEach(user => {
+                const checkbox = document.getElementById(`user-${user}`);
+                if (checkbox) checkbox.checked = false;
+            });
+            
+            updateSelectedCount();
+            updateProceedButton();
+            saveSelections();
+        }
+        
+        // 選択数の表示を更新
+        function updateSelectedCount() {
+            document.getElementById('selectedCount').textContent = `選択中: ${selectedUsers.length}人`;
+        }
+        
+        // 進むボタンの有効/無効を更新
+        function updateProceedButton() {
+            document.getElementById('proceedButton').disabled = selectedUsers.length === 0;
+        }
+        
+        // 選択を保存
+        function saveSelections() {
+            localStorage.setItem('selectedUsers', JSON.stringify(selectedUsers));
+        }
+        
+        // 保存されている選択を読み込み
+        function checkStoredSelections() {
+            const storedSelections = localStorage.getItem('selectedUsers');
+            if (storedSelections) {
+                try {
+                    selectedUsers = JSON.parse(storedSelections);
+                    selectedUsers = selectedUsers.filter(user => allUsers.includes(user)); // 存在するユーザーのみ選択
+                    
+                    // チェックボックスに反映
+                    selectedUsers.forEach(user => {
+                        const checkbox = document.getElementById(`user-${user}`);
+                        if (checkbox) checkbox.checked = true;
+                    });
+                    
+                    updateSelectedCount();
+                    updateProceedButton();
+                } catch (e) {
+                    console.error('保存された選択の読み込みに失敗しました', e);
+                    selectedUsers = [];
+                }
+            }
+        }
+        
+        // エラー表示
+        function showError(message) {
+            const userListElement = document.getElementById('userList');
+            userListElement.innerHTML = `
+                <div class="no-users">
+                    <p>${message}</p>
+                    <button class="select-button" onclick="fetchUserList()">再読み込み</button>
+                </div>
+            `;
+        }
+        
+        // 選択されたユーザーでサーバーに送信して次のページに進む
+        function proceedWithSelectedUsers() {
+            if (selectedUsers.length === 0) {
+                alert('少なくとも1人のメンバーを選択してください');
+                return;
+            }
+            
+            // 選択したユーザーをサーバーに送信
+            fetch('/select_users', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    users: selectedUsers
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.status === 'success') {
+                    // 成功したらインデックスページに進む
+                    window.location.href = '/index';
+                } else {
+                    alert('エラーが発生しました: ' + (data.error || 'Unknown error'));
+                }
+            })
+            .catch(error => {
+                console.error('Error selecting users:', error);
+                alert('サーバーとの通信中にエラーが発生しました');
+            });
+        }
+
+        // 削除確認モーダルを表示
+        function showDeleteModal(username) {
+            userToDelete = username;
+            document.getElementById('deleteModalText').textContent = `メンバー「${username}」を削除しますか？削除すると元に戻せません。`;
+            document.getElementById('deleteModal').style.display = 'flex';
+        }
+
+        // 削除確認モーダルを非表示
+        function hideDeleteModal() {
+            document.getElementById('deleteModal').style.display = 'none';
+            userToDelete = null;
+        }
+
+        // メンバーの削除を実行
+        function confirmDelete() {
+            if (!userToDelete) return;
+            
+            // 削除中の表示
+            document.getElementById('deleteModalText').innerHTML = `
+                <div class="loading">
+                    <div class="spinner"></div>
+                    <p>メンバー「${userToDelete}」を削除中...</p>
+                </div>
+            `;
+            
+            fetch('/reset_member', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    names: [userToDelete]
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.status === 'success') {
+                    // 選択リストからも削除
+                    const index = selectedUsers.indexOf(userToDelete);
+                    if (index !== -1) {
+                        selectedUsers.splice(index, 1);
+                        saveSelections();
+                    }
+                    
+                    // リストから削除して再表示
+                    allUsers = allUsers.filter(user => user !== userToDelete);
+                    renderUserList(allUsers);
+                    
+                    // モーダルを閉じる
+                    hideDeleteModal();
+                    
+                    // 成功メッセージ表示（オプション）
+                    const successMessage = document.createElement('div');
+                    successMessage.className = 'success-message';
+                    successMessage.innerHTML = `<div style="background: rgba(39, 174, 96, 0.2); color: white; padding: 10px; border-radius: 6px; margin-bottom: 10px; text-align: center;">メンバー��削除しました</div>`;
+                    document.querySelector('.container').prepend(successMessage);
+                    
+                    // 数秒後にメッセージを消す
+                    setTimeout(() => {
+                        successMessage.remove();
+                    }, 3000);
+                } else {
+                    alert('削除に失敗しました: ' + (data.message || 'Unknown error'));
+                    hideDeleteModal();
+                }
+            })
+            .catch(error => {
+                console.error('Error deleting user:', error);
+                alert('サーバーとの通信中にエラーが発生しました');
+                hideDeleteModal();
+            });
+        }
+
+        // ハンバーガーメニュー表示/非表示の切り替え
+        function toggleMenu(event) {
+            event.stopPropagation();
+            const menu = document.getElementById('menu');
+            menu.classList.toggle('open');
+        }
+
+        // メニュー外クリックでメニューを閉じる
+        function closeMenu(event) {
+            const menu = document.getElementById('menu');
+            if (menu.classList.contains('open') && !menu.contains(event.target) && event.target.id !== 'menuButton') {
+                menu.classList.remove('open');
+            }
+        }
+
+        // 各画面へのナビゲーション関数
+        function showUserRegister() {
+            window.location.href = '/userregister';
+        }
+
+        function showIndex() {
+            window.location.href = '/index';
+        }
+
+        function showResults() {
+            window.location.href = '/feedback';
+        }
+
+        function showTalkDetail() {
+            window.location.href = '/talk_detail';
+        }
+
+        function resetAction() {
+            window.location.href = '/reset_html';
+        }

static/register_record.js

@@ -1,150 +1,150 @@
-let mediaRecorder;
-let audioChunks = [];
-let userCount = 0; // 追加されたメンバー数を保持
-let isRecording = false; // 録音中かどうかを判定するフラグ
-let currentRecordingButton = null; // 現在録音中のボタンを保持
-let userNames = [];
-
-function toggleRecording(button) {
-  button.classList.toggle("recording");
-}
-
-async function startRecording(button) {
-  if (isRecording && currentRecordingButton !== button) return; // 他の人が録音中なら何もしない
-  isRecording = true; // 録音中に設定
-  currentRecordingButton = button; // 録音中のボタンを記録
-
-  try {
-    const stream = await navigator.mediaDevices.getUserMedia({
-      audio: true,
-    });
-    mediaRecorder = new MediaRecorder(stream, { mimeType: "audio/webm" });
-    audioChunks = [];
-    mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);
-    mediaRecorder.onstop = () => {
-      sendAudioChunks(audioChunks, button); // ボタン情報を渡す
-      audioChunks = [];
-      isRecording = false; // 録音停止後はフラグを戻す
-      currentRecordingButton = null; // 録音ボタンを解除
-    };
-    mediaRecorder.start();
-    toggleRecording(button);
-  } catch (err) {
-    console.error("マイクアクセスに失敗しました:", err);
-    isRecording = false; // エラー発生時もフラグを戻す
-    currentRecordingButton = null;
-  }
-}
-
-function stopRecording(button) {
-  if (!isRecording) return; // 録音中でない場合は停止しない
-  mediaRecorder.stop();
-  toggleRecording(button);
-}
-
-function handleRecording(e) {
-  const button = e.target.closest(".record-button");
-  if (button) {
-    if (isRecording && currentRecordingButton !== button) {
-      // 他の人が録音中なら反応しない
-      return;
-    }
-    if (mediaRecorder && mediaRecorder.state === "recording") {
-      stopRecording(button);
-    } else {
-      startRecording(button);
-    }
-  }
-}
-
-function sendAudioChunks(chunks, button) {
-  // 引数に button を追加
-  const audioBlob = new Blob(chunks, { type: "audio/wav" });
-  const reader = new FileReader();
-  reader.onloadend = () => {
-    const base64String = reader.result.split(",")[1]; // Base64エンコードされた音声データ
-    // フォームの取得方法を変更
-    const form = button.closest(".user-item")?.querySelector("form")
-    const nameInput = form?.querySelector('input[name="name"]');
-    const name = nameInput ? nameInput.value : "unknown"; // 名前がない
-    fetch("/upload_base_audio", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ audio_data: base64String, name: name }),
-    })
-      .then((response) => response.json())
-      .then((data) => {
-        // エラー処理のみ残す
-        if (data.error) {
-          alert("エラー: " + data.error);
-          console.error(data.details);
-        }
-        // 成功時の処理（ボタンの有効化など）
-        else {
-          console.log("音声データ送信成功:", data);
-          userNames.push(name);
-          // 必要に応じて、ここでUIの変更（ボタンの有効化など）を行う
-          // 例: button.disabled = true; // 送信ボタンを無効化
-          // 例: button.classList.remove("recording"); //録音中のスタイルを解除
-        }
-      })
-      .catch((error) => {
-        console.error("エラー:", error);
-      });
-  };
-  reader.readAsDataURL(audioBlob);
-}
-
-// 録音画面に移動
-function showRecorder() {
-  window.location.href = "index";
-}
-
-// Add user function
-function addUser() {
-  const userName = prompt("ユーザー名を入力してください");
-  if (userName) {
-    const userList = document.getElementById("people-list");
-    const userDiv = document.createElement("div");
-    userDiv.classList.add(
-      "user-item", // 追加
-      "bg-gray-700",
-      "p-4",
-      "rounded-lg",
-      "text-white",
-      "flex",
-      "justify-between",
-      "items-center",
-      "flex-wrap", // 追加
-      "gap-3" // 追加
-    );
-    userDiv.innerHTML = `
-      <form
-        action="/submit"
-        method="POST"
-        class="flex items-center space-x-2 w-full sm:w-auto"
-        onsubmit="event.preventDefault();"
-      >
-        <input
-          type="text"
-          name="name"
-          placeholder="名前を入力"
-          value="${userName}"
-          class="flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-700 text-white"
-        />
-        <button type="button" class="record-button" aria-label="音声録音開始">
-          <div class="record-icon"></div>
-        </button>
-      </form>
-    `;
-    userDiv
-      .querySelector(".record-button")
-      .addEventListener("click", handleRecording);
-    userList.appendChild(userDiv);
-    userCount++;
-  }
-}
-
-document.getElementById("add-btn").addEventListener("click", addUser);
+let mediaRecorder;
+let audioChunks = [];
+let userCount = 0; // 追加されたメンバー数を保持
+let isRecording = false; // 録音中かどうかを判定するフラグ
+let currentRecordingButton = null; // 現在録音中のボタンを保持
+let userNames = [];
+
+function toggleRecording(button) {
+  button.classList.toggle("recording");
+}
+
+async function startRecording(button) {
+  if (isRecording && currentRecordingButton !== button) return; // 他の人が録音中なら何もしない
+  isRecording = true; // 録音中に設定
+  currentRecordingButton = button; // 録音中のボタンを記録
+
+  try {
+    const stream = await navigator.mediaDevices.getUserMedia({
+      audio: true,
+    });
+    mediaRecorder = new MediaRecorder(stream, { mimeType: "audio/webm" });
+    audioChunks = [];
+    mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);
+    mediaRecorder.onstop = () => {
+      sendAudioChunks(audioChunks, button); // ボタン情報を渡す
+      audioChunks = [];
+      isRecording = false; // 録音停止後はフラグを戻す
+      currentRecordingButton = null; // 録音ボタンを解除
+    };
+    mediaRecorder.start();
+    toggleRecording(button);
+  } catch (err) {
+    console.error("マイクアクセスに失敗しました:", err);
+    isRecording = false; // エラー発生時もフラグを戻す
+    currentRecordingButton = null;
+  }
+}
+
+function stopRecording(button) {
+  if (!isRecording) return; // 録音中でない場合は停止しない
+  mediaRecorder.stop();
+  toggleRecording(button);
+}
+
+function handleRecording(e) {
+  const button = e.target.closest(".record-button");
+  if (button) {
+    if (isRecording && currentRecordingButton !== button) {
+      // 他の人が録音中なら反応しない
+      return;
+    }
+    if (mediaRecorder && mediaRecorder.state === "recording") {
+      stopRecording(button);
+    } else {
+      startRecording(button);
+    }
+  }
+}
+
+function sendAudioChunks(chunks, button) {
+  // 引数に button を追加
+  const audioBlob = new Blob(chunks, { type: "audio/wav" });
+  const reader = new FileReader();
+  reader.onloadend = () => {
+    const base64String = reader.result.split(",")[1]; // Base64エンコードされた音声データ
+    // フォームの取得方法を変更
+    const form = button.closest(".user-item")?.querySelector("form")
+    const nameInput = form?.querySelector('input[name="name"]');
+    const name = nameInput ? nameInput.value : "unknown"; // 名前がない
+    fetch("/upload_base_audio", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ audio_data: base64String, name: name }),
+    })
+      .then((response) => response.json())
+      .then((data) => {
+        // エラー処理のみ残す
+        if (data.error) {
+          alert("エラー: " + data.error);
+          console.error(data.details);
+        }
+        // 成功時の処理（ボタンの有効化など）
+        else {
+          console.log("音声データ送信成功:", data);
+          userNames.push(name);
+          // 必要に応じて、ここでUIの変更（ボタンの有効化など）を行う
+          // 例: button.disabled = true; // 送信ボタンを無効化
+          // 例: button.classList.remove("recording"); //録音中のスタイルを解除
+        }
+      })
+      .catch((error) => {
+        console.error("エラー:", error);
+      });
+  };
+  reader.readAsDataURL(audioBlob);
+}
+
+// 前の画面に戻る
+function goBack() {
+  window.location.href = "index";
+}
+
+// Add user function
+function addUser() {
+  const userName = prompt("ユーザー名を入力してください");
+  if (userName) {
+    const userList = document.getElementById("people-list");
+    const userDiv = document.createElement("div");
+    userDiv.classList.add(
+      "user-item", // 追加
+      "bg-gray-700",
+      "p-4",
+      "rounded-lg",
+      "text-white",
+      "flex",
+      "justify-between",
+      "items-center",
+      "flex-wrap", // 追加
+      "gap-3" // 追加
+    );
+    userDiv.innerHTML = `
+      <form
+        action="/submit"
+        method="POST"
+        class="flex items-center space-x-2 w-full sm:w-auto"
+        onsubmit="event.preventDefault();"
+      >
+        <input
+          type="text"
+          name="name"
+          placeholder="名前を入力"
+          value="${userName}"
+          class="flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-700 text-white"
+        />
+        <button type="button" class="record-button" aria-label="音声録音開始">
+          <div class="record-icon"></div>
+        </button>
+      </form>
+    `;
+    userDiv
+      .querySelector(".record-button")
+      .addEventListener("click", handleRecording);
+    userList.appendChild(userDiv);
+    userCount++;
+  }
+}
+
+document.getElementById("add-btn").addEventListener("click", addUser);