JusTalk / templates /reset.html
mizzzuno's picture
Update templates/reset.html
054e672 verified
<!DOCTYPE html>
<html lang="ja" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>リセット画面</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://use.fontawesome.com/releases/v5.10.0/js/all.js"></script>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='menu.css') }}">
</head>
<body>
<div class="main-content relative">
<div class="p-6 dark:bg-gray-800 shadow-lg rounded-2xl">
<h2 class="text-2xl font-semibold mb-4 text-center">
メンバーを消去しますか?
</h2>
<!-- Hamburger Menu -->
<div class="absolute top-4 left-4">
<button
id="menuButton"
class="text-white text-2xl focus:outline-none"
onclick="toggleMenu(event)"
>
<i class="fas fa-bars"></i>
</button>
<!-- Menu Content -->
<div
id="menu"
class="absolute top-0 left-0 h-full w-64 bg-gray-800 text-white transform -translate-x-full transition-transform duration-300 ease-in-out opacity-0 visibility-hidden"
>
<div class="px-4 py-2 text-lg font-semibold">メニュー</div>
<button onclick="showUserRegister()">
<i class="fas fa-user-plus"></i> メンバーを追加
</button>
<button onclick="showUserSelect()">
<i class="fas fa-users"></i> メンバーを選択
</button>
<button onclick="showRecorder()">
<i class="fas fa-microphone"></i> 録音画面を表示
</button>
<button onclick="showResults()">
<i class="fas fa-chart-bar"></i> フィードバックを表示
</button>
<button onclick="showTalkDetail()">
<i class="fas fa-comments"></i> 会話詳細を表示
</button>
<button onclick="resetAction()">
<i class="fas fa-redo"></i> リセット
</button>
<button onclick="toggleMenu(event)">
<i class="fas fa-times"></i> 閉じる
</button>
</div>
</div>
<!-- Hamburger Menu End -->
<input type="button" id="select-all" value="全選択" />
<div id="memberCheckboxes">
<!--ここにチャックボックスを表示してほしい-->
</div>
<div class="flex justify-center gap-4">
<button
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-[#607d8b] text-white rounded-lg hover:bg-[#546e7a] transition-colors"
onclick="showRecorder()"
>
録音画面を表示
</button>
</div>
</div>
</div>
<script src="{{ url_for('static', filename='reset.js') }}"></script>
<script src="{{ url_for('static', filename='menu.js') }}"></script>
</body>
</html>