Spaces:
Running
Running
Update templates/talkDetail.html
Browse files- templates/talkDetail.html +20 -6
templates/talkDetail.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
-
<title
|
| 7 |
<style>
|
| 8 |
body {
|
| 9 |
font-family: Arial, sans-serif;
|
|
@@ -44,12 +44,13 @@
|
|
| 44 |
cursor: pointer;
|
| 45 |
}
|
| 46 |
.history-button {
|
| 47 |
-
margin:
|
|
|
|
| 48 |
padding: 10px 20px;
|
| 49 |
-
border: none;
|
| 50 |
-
border-radius: 4px;
|
| 51 |
background-color: #007bff;
|
| 52 |
-
color:
|
|
|
|
|
|
|
| 53 |
cursor: pointer;
|
| 54 |
}
|
| 55 |
history-button:hover {
|
|
@@ -69,6 +70,9 @@
|
|
| 69 |
<h2>会話の文字起こし表示</h2>
|
| 70 |
<div id="transcription">ここに会話内容が表示されます。</div>
|
| 71 |
<div class="flex">
|
|
|
|
|
|
|
|
|
|
| 72 |
<form method="POST" action="/index">
|
| 73 |
<div class="feedback-space">
|
| 74 |
<input
|
|
@@ -91,7 +95,7 @@
|
|
| 91 |
value="フィードバック画面を表示"
|
| 92 |
/>
|
| 93 |
</div>
|
| 94 |
-
</form
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
|
|
@@ -121,6 +125,16 @@
|
|
| 121 |
|
| 122 |
// 初期化処理
|
| 123 |
displayTranscription();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 124 |
</script>
|
| 125 |
</body>
|
| 126 |
</html>
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<title>会話詳細画面</title>
|
| 7 |
<style>
|
| 8 |
body {
|
| 9 |
font-family: Arial, sans-serif;
|
|
|
|
| 44 |
cursor: pointer;
|
| 45 |
}
|
| 46 |
.history-button {
|
| 47 |
+
margin-top: 20px;
|
| 48 |
+
margin-left: 20px;
|
| 49 |
padding: 10px 20px;
|
|
|
|
|
|
|
| 50 |
background-color: #007bff;
|
| 51 |
+
color: white;
|
| 52 |
+
border: none;
|
| 53 |
+
border-radius: 5px;
|
| 54 |
cursor: pointer;
|
| 55 |
}
|
| 56 |
history-button:hover {
|
|
|
|
| 70 |
<h2>会話の文字起こし表示</h2>
|
| 71 |
<div id="transcription">ここに会話内容が表示されます。</div>
|
| 72 |
<div class="flex">
|
| 73 |
+
<button class="history-button" id="detailButton" onclick="showRecorder()">録音画面を表示</button>
|
| 74 |
+
<button class="history-button" id="detailButton" onclick="showFeedback()">フィードバック画面を表示</button>
|
| 75 |
+
<!--
|
| 76 |
<form method="POST" action="/index">
|
| 77 |
<div class="feedback-space">
|
| 78 |
<input
|
|
|
|
| 95 |
value="フィードバック画面を表示"
|
| 96 |
/>
|
| 97 |
</div>
|
| 98 |
+
</form>-->
|
| 99 |
</div>
|
| 100 |
</div>
|
| 101 |
|
|
|
|
| 125 |
|
| 126 |
// 初期化処理
|
| 127 |
displayTranscription();
|
| 128 |
+
|
| 129 |
+
//画面遷移
|
| 130 |
+
function showRecorder() {
|
| 131 |
+
// 録音画面へ遷移
|
| 132 |
+
window.location.href = 'index';
|
| 133 |
+
}
|
| 134 |
+
function showFeedback() {
|
| 135 |
+
// フィードバック画面へ遷移
|
| 136 |
+
window.location.href = 'feedback';
|
| 137 |
+
}
|
| 138 |
</script>
|
| 139 |
</body>
|
| 140 |
</html>
|