Spaces:
Running
Running
File size: 3,246 Bytes
795058e f1b89be 795058e bb2773b 436b25c 795058e 436b25c f1b89be 436b25c 795058e 436b25c 795058e 436b25c 795058e 436b25c 795058e 436b25c 795058e 436b25c a13512b 436b25c f1b89be 436b25c 1a34be3 436b25c 795058e 436b25c 1a34be3 795058e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<!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>
<link
rel="stylesheet"
href="{{ url_for('static', filename='loading.css') }}"
/>
<script src="https://cdn.tailwindcss.com"></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') }}">
<script src="https://use.fontawesome.com/releases/v5.10.0/js/all.js"></script>
</head>
<body>
<div class="loader" id="loader">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
</div>
<div class="main-content relative">
<!-- Title -->
<div class="main-title">会話フィードバック</div>
<!-- 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>
<!-- Feedback Details -->
<div class="text-xl font-semibold mb-6" id="level">会話レベル:</div>
<div class="text-lg mb-2" id="Harassment_bool">ハラスメントの有無:</div>
<div class="text-lg mb-2" id="Harassment_type">ハラスメントの種類:</div>
<div class="text-lg mb-2" id="Harassment_loop">繰り返しの程度:</div>
<div class="text-lg mb-2" id="Harassment_comfort">会話の心地よさ:</div>
<div class="text-lg mb-2" id="Harassment_volume">
非難またはハラスメントの程度:
</div>
</div>
<script src="{{ url_for('static', filename='menu.js') }}"></script>
<script src="{{ url_for('static', filename='feedback.js') }}"></script>
</body>
</html>
|