Spaces:

Justtalk
/

JusTalk

Running

buletomato25 commited on Mar 18

Commit

ee13b1b

1 Parent(s): 3ceca0e

login_complete

Files changed (3) hide show

app.py CHANGED Viewed

@@ -115,6 +115,14 @@ if not HUGGINGFACE_HUB_TOKEN:
 def top():
     return redirect('/login')
 # ログイン後画面
 @app.route('/callback')
 def callback():
@@ -145,7 +153,7 @@ def feedback():
         'name': session.get('name'),
         'email': session.get('email')
     }
-    return render_template('feedback.html')
 # 会話詳細画面（テンプレート: talkDetail.html）
 @app.route('/talk_detail', methods=['GET', 'POST'])
@@ -156,17 +164,11 @@ def talk_detail():
         'name': session.get('name'),
         'email': session.get('email')
    }
-    return render_template('talkDetail.html')
-# ログイン画面（テンプレート: login.html）
-@app.route('/login')
-def login():
-   authorization_url, state = flow.authorization_url()
-   session['state'] = state
-   return redirect(authorization_url)
    # インデックス画面（テンプレート: index.html）
-@app.route('/index')
 def index():
    if 'google_id' not in session:
         return redirect(url_for('login'))

 def top():
     return redirect('/login')
+# ログイン画面（テンプレート: login.html）
+@app.route('/login')
+def login():
+   authorization_url, state = flow.authorization_url()
+   session['state'] = state
+   return redirect(authorization_url)
 # ログイン後画面
 @app.route('/callback')
 def callback():
         'name': session.get('name'),
         'email': session.get('email')
     }
+    return render_template('feedback.html', user=user_info)
 # 会話詳細画面（テンプレート: talkDetail.html）
 @app.route('/talk_detail', methods=['GET', 'POST'])
         'name': session.get('name'),
         'email': session.get('email')
    }
+    return render_template('talkDetail.html', user=user_info)
    # インデックス画面（テンプレート: index.html）
+@app.route('/index', methods=['GET', 'POST'])
 def index():
    if 'google_id' not in session:
         return redirect(url_for('login'))

templates/resetting_password.html DELETED Viewed

@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>パスワード再設定画面</title>
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <form method="POST">
-      <div class="container">
-        <h2>パスワード再設定</h2>
-        <div>
-          <label for="">ユーザ名</label>
-          <input type="text" name="username" />
-          <br />
-          <br />
-          <label for="">パスワード</label>
-          <input type="password" name="password" />
-          <br />
-        </div>
-        <div class="flex">
-          <input
-            type="submit"
-            class="history-button"
-            id="loginButton"
-            onclick="showRecorder()"
-            value="パスワード再設定"
-          />
-        </div>
-    </form>
-    </div>
-    <script>
-      // 初期化処理
-      displayTranscription();
-      //画面遷移
-      function showRecorder() {
-        // 録音画面へ遷移
-        window.location.href = "/index";
-      }
-      function showFeedback() {
-        // フィードバック画面へ遷移
-        window.location.href = "/feedback";
-      }
-    </script>
-  </body>
-</html>

templates/talkDetail.html CHANGED Viewed

@@ -4,6 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>会話詳細画面</title>
     <style>
       body {
         font-family: Arial, sans-serif;
@@ -66,12 +70,25 @@
     </style>
   </head>
   <body>
     <div class="container">
       <h2>会話の文字起こし表示</h2>
       <div id="transcription">ここに会話内容が表示されます。</div>
       <div class="flex">
-        <button class="history-button" id="detailButton" onclick="showRecorder()">録音画面を表示</button>
-        <button class="history-button" id="detailButton" onclick="showFeedback()">フィードバック画面を表示</button>
         <!--
         <form method="POST" action="/index">
           <div class="feedback-space">
@@ -125,15 +142,15 @@
       // 初期化処理
       displayTranscription();
       //画面遷移
       function showRecorder() {
-      // 録音画面へ遷移
-      window.location.href = '/index';
       }
       function showFeedback() {
-      // フィードバック画面へ遷移
-      window.location.href = '/feedback';
       }
     </script>
   </body>

     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>会話詳細画面</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
     <style>
       body {
         font-family: Arial, sans-serif;
     </style>
   </head>
   <body>
+    <h1>ようこそ, {{ user.name }} さん!</h1>
     <div class="container">
       <h2>会話の文字起こし表示</h2>
       <div id="transcription">ここに会話内容が表示されます。</div>
       <div class="flex">
+        <button
+          class="history-button"
+          id="detailButton"
+          onclick="showRecorder()"
+        >
+          録音画面を表示
+        </button>
+        <button
+          class="history-button"
+          id="detailButton"
+          onclick="showFeedback()"
+        >
+          フィードバック画面を表示
+        </button>
         <!--
         <form method="POST" action="/index">
           <div class="feedback-space">
       // 初期化処理
       displayTranscription();
       //画面遷移
       function showRecorder() {
+        // 録音画面へ遷移
+        window.location.href = "/index";
       }
       function showFeedback() {
+        // フィードバック画面へ遷移
+        window.location.href = "/feedback";
       }
     </script>
   </body>