From 8aac49c38cbf8cb257bee68eae00db728876907c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Am=C4=93lija=20I?= <amelija_i@inbox.lv>
Date: Tue, 29 Apr 2025 20:11:39 +0300
Subject: [PATCH] Adding Teacher Panel to start/end event recording

---
 __pycache__/server.cpython-313.pyc | Bin 2834 -> 6858 bytes
 server.py                          | 149 ++++++++++++++++++++++++-----
 templates/login.html               |  47 +++++++++
 templates/teacher_panel.html       |  72 ++++++++++++++
 4 files changed, 242 insertions(+), 26 deletions(-)
 create mode 100644 templates/login.html
 create mode 100644 templates/teacher_panel.html

diff --git a/__pycache__/server.cpython-313.pyc b/__pycache__/server.cpython-313.pyc
index cdecac76da9ca94f074b75dd70eb8d25141b34d0..2ffedc6554ee6064b0b0caf487a0f0b3bcf027e8 100644
GIT binary patch
literal 6858
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

delta 1736
zcmZuxU2GIp6u$F6`#at4Zrd%Cu26(Q3fSLl1H=u5LJM8m=|)I58HVn38QIRPcXms<
zF=-1XEKd|hlg7jZqYu8BXh`%y4T^~|F`2a*>j)7NV#1Rv_~6fj-aGA9jGWEhIp>~x
zzH?^2bI(`3*PDWm0|75U^5~WKa(}Sbf-Prw0)W?n1SDbv3=@zTCLuXYK`M^-$Ps#&
zfsCtDBkV8-IajAgc*tkCt)Lf!A&G+wu@z)Iy$B5p^hyl$W%%)yYYWi?yRjX}Fz8rd
z!wzPG635^GAtOk<t2IcTRscg8@A!7BDuhL^<dgh+Nhy#ZrC{quN*K;~Bw^qb07@eO
z=(LDW&o@XRsZk0i&<o_~94$s3;(A2NVUFY#^Sr}B_2rUk79H*-)6li)IgxODCk#Dj
z9Lj5|Uc_eJP_lB?D60DGs3Vx_6jY0HK{3q>2FyC16RFXml$;(v=7dV73S~_%s!*9K
zYKCrF$Ed&uZ%_vbB4YhO@9B-8<W2zR)S#M`&#QB$Nus?oaTvv};H;9@vPw~v)mfAs
zwxZ2OYd`bswlcTZES;UviVl4;B~3V7>g2?+)To3C<Yv_3IU{RYe{)Ub5^3EML?U4&
z`3SEg&eC9<#h=1Q?Lc4>y<s!1&DL#>!*&{2r}_Q>U#CPT(uDOU-)3EJ2wPwCVv0<Y
zJJC5TN&^6s!kUgE$$CuPpN%6w=Fk<%Bl-6c^)pXa*6CK322!Ah>;RJpbxp>@b?x70
znzViiN25VWcsiC;$7;Y>&wxq%#a-cm(hY!4Jz3FYbKRS!>XkhmSFYoRdPtLON4G(z
zl2pg~bDEe22dH*1O^A)7unmDa#IEwD<kXaEnw^IX#H5k$Oy={(h0YYza++QaU>0}B
z*I6uE5w@QwTgTZp>!>%=r7fYGgNZdwC8w6U5TgB>ebfG^x>&tvzi)qN-;7r;RTu3~
z?VHt#{jvRtRrQ8<Jp2+J)P6&;q94+@40f$IAg00L&Z$aPg{HOJx2*xUmgAi=@_E(m
zRjc4@OVSPvRkPsm_4bBt#}cZE(c(zf`qaPHi|bvw5BZwV-|Qo-R46)7p;!A775b|G
zir<cQRr&7K{v&m>yUO>h_K*F?6v7o>jf^s}2i8O13&hXXE`RHMWpH)iKxOdi@hive
zSYOrOzZz~{4lgBa|K<mL<M(`9m2X>CzvVj~2u;f#d)te4^Qjf#^#5}U;U%duXY(z;
z-|<Br1B!{=K@r?L;TvObH`&cQR|N4XLGy0ZcYMoVH4cURX+DQu@Rra&$b-+gqz^ql
z5BH$;Ht#*mP`4X*9tPCy0Rrh?00ylNFUvEErpxj~ncKI={b?1{(RlV`)w89XL!UFy
z;Gqi!EQ(QwnZ^SNQYa0kZXT?2R+yW?;|Q|I;jn9C2y)mU4HIY4l^Io*9ZD$_Aily5
zn^W<ua;Os29KRbaPr1{~A+u+ph%>nCGtelZS%v9yC|J^A2)j1nB|3&T`Ta9Swv<;7
z!Xz^BFgM>qON}B3;wK<hfp{0R-vwKK1fKiA_iEri>#H2SWGqnkBHL{cy2tXDwTs%4
zZ-w2wKv^eZ?PHH<lIW}PfMhPm7Gssf^6ZT{d&~0+F`MZ6mE26k9#eqqu3@dVAJG0v
gd4-Ct(%j{t#i6B+<<sv@EDU`^chx9Bx4M=714rAxp#T5?

diff --git a/server.py b/server.py
index 1d38122..b35babd 100644
--- a/server.py
+++ b/server.py
@@ -1,53 +1,150 @@
-from flask import Flask, request, jsonify
+from flask import Flask, request, jsonify, session, render_template
 from pymongo import MongoClient
+from datetime import datetime
+import os
 
 app = Flask(__name__)
 application = app
+app.secret_key = os.urandom(24)
 
-try:
-    from local_settings import *
-except ImportError:
-    print("Can't import from localsettings, terminating")
-    exit()
+#try:
+#    from local_settings import *
+#except ImportError:
+#    print("Can't import from localsettings, terminating")
+#    exit()
 
-EXPECTED_PASSWORD = APPLICATION_PASSWORD
-uri = MONGO_URI
+EXPECTED_PASSWORD = "8V33zfvkImxBZcigtQ"
+#APPLICATION_PASSWORD
+uri = "mongodb://zpdai.rkg.lv/submit"
+#MONGO_URI
+TEACHER_PASSWORD = "teacher_password_123"
 
 mongo_client = MongoClient(uri)
 db = mongo_client["user_interactions"]
-collection = db["user_events"]
+events_col = db["user_events"]
+sessions_col = db["monitoring_sessions"]
+
+current_session = {
+    'active': False,
+    'class_name': None,
+    'start_time': None,
+    'session_id': None
+}
 
 def validate_event(event):
     required_keys = ["@version", "type", "TimeStamp", "data", "@timestamp"]
     return all(key in event for key in required_keys)
 
+@app.after_request
+def add_cors_headers(response):
+    response.headers['Access-Control-Allow-Origin'] = '*'
+    response.headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS'
+    response.headers['Access-Control-Allow-Headers'] = 'Content-Type, X-Password'
+    return response
+
+@app.route('/api/session_status', methods=['OPTIONS'])
+@app.route('/teacher/control', methods=['OPTIONS'])
+def handle_options():
+    return jsonify(), 200, {
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Methods': 'POST, GET, OPTIONS',
+        'Access-Control-Allow-Headers': 'Content-Type'
+    }
+
 @app.route('/submit', methods=['POST', 'OPTIONS'])
 def submit_event():
     if request.method == 'OPTIONS':
-        resp = jsonify()
-        resp.headers['Access-Control-Allow-Origin'] = '*'
-        resp.headers['Access-Control-Allow-Methods'] = 'POST, OPTIONS'
-        resp.headers['Access-Control-Allow-Headers'] = 'Content-Type, X-Password'
-        return resp
+        return jsonify(), 204
+    
     try:
-
         password = request.headers.get('X-Password')
         if password != EXPECTED_PASSWORD:
             return jsonify({"error": "Неверный пароль"}), 403
         
         event = request.get_json()
-
         if not event or not validate_event(event):
-            resp = jsonify({"error": "Неверный формат"})
-            resp.headers['Access-Control-Allow-Origin'] = '*'
-            return resp, 400
+            return jsonify({"error": "Неверный формат"}), 400
 
-        collection.insert_one(event)
+        if current_session['active']:
+            event['session_id'] = current_session['session_id']
+            events_col.insert_one(event)
+            return jsonify({"message": "Действие сохранено"}), 200
+        else:
+            return jsonify({"error": "Сессия не активна"}), 400
 
-        resp = jsonify({"message": "Действие успешно сохранено"})
-        resp.headers['Access-Control-Allow-Origin'] = '*'
-        return resp, 200
     except Exception as e:
-        resp = jsonify({"error": str(e)})
-        resp.headers['Access-Control-Allow-Origin'] = '*'
-        return resp, 500
+        return jsonify({"error": str(e)}), 500
+
+@app.route('/api/session_status', methods=['GET', 'OPTIONS'])
+def session_status():
+    if request.method == 'OPTIONS':
+        return jsonify(), 204
+    
+    return jsonify({
+        'active': current_session['active'],
+        'class_name': current_session['class_name'],
+        'session_id': current_session['session_id']
+    }), 200
+
+
+@app.route('/teacher', methods=['GET'])
+def teacher_panel():
+    if not session.get('teacher_logged_in'):
+        return render_template('login.html')
+    return render_template('teacher_panel.html')
+
+@app.route('/teacher/login', methods=['POST', 'OPTIONS'])
+def teacher_login():
+    if request.method == 'OPTIONS':
+        return jsonify(), 204
+    
+    password = request.json.get('password')
+    if password == TEACHER_PASSWORD:
+        session['teacher_logged_in'] = True
+        return jsonify({'status': 'success'}), 200
+    return jsonify({'error': 'Invalid password'}), 401
+
+@app.route('/teacher/control', methods=['POST', 'OPTIONS'])
+def session_control():
+    if request.method == 'OPTIONS':
+        return jsonify(), 200
+    
+    if not session.get('teacher_logged_in'):
+        return jsonify({'error': 'Unauthorized'}), 401
+    
+    action = request.json.get('action')
+    class_name = request.json.get('class_name')
+
+    if action == 'start' and class_name:
+        current_session.update({
+            'active': True,
+            'class_name': class_name,
+            'start_time': datetime.now(),
+            'session_id': os.urandom(16).hex()
+        })
+        sessions_col.insert_one({
+            'session_id': current_session['session_id'],
+            'class': class_name,
+            'start_time': current_session['start_time'],
+            'end_time': None,
+            'active': True
+        })
+        return jsonify({'status': 'session_started'}), 200
+    
+    elif action == 'stop':
+        sessions_col.update_one(
+            {'session_id': current_session['session_id']},
+            {'$set': {'active': False, 'end_time': datetime.now()}}
+        )
+        current_session.update({
+            'active': False,
+            'class_name': None,
+            'start_time': None,
+            'session_id': None
+        })
+        return jsonify({'status': 'session_stopped'}), 200
+    
+    return jsonify({'error': 'Invalid request'}), 400
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000)
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000..c70aa03
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Авторизация учителя</title>
+    <style>
+        body { font-family: Arial, sans-serif; padding: 40px; }
+        form { 
+            max-width: 300px;
+            margin: 0 auto;
+        }
+        input, button {
+            width: 100%;
+            padding: 10px;
+            margin: 10px 0;
+        }
+    </style>
+</head>
+<body>
+    <form onsubmit="login(event)">
+        <h2>Вход для учителя</h2>
+        <input type="password" id="password" placeholder="Пароль" required>
+        <button type="submit">Войти</button>
+        <p id="error" style="color: red;"></p>
+    </form>
+
+    <script>
+        async function login(event) {
+            event.preventDefault();
+            const password = document.getElementById('password').value;
+
+            const response = await fetch('/teacher/login', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ password })
+            });
+
+            if (response.ok) {
+                window.location.href = '/teacher';
+            } else {
+                document.getElementById('error').textContent = 'Неверный пароль';
+            }
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/teacher_panel.html b/templates/teacher_panel.html
new file mode 100644
index 0000000..3d730cc
--- /dev/null
+++ b/templates/teacher_panel.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Панель учителя</title>
+    <style>
+        body { font-family: Arial, sans-serif; padding: 20px; }
+        .status { padding: 10px; margin: 10px 0; }
+        .active { background: #dff0d8; }
+        .inactive { background: #f2dede; }
+    </style>
+</head>
+<body>
+    <div id="status" class="status"></div>
+    <input type="text" id="className" placeholder="Название класса">
+    <button onclick="controlSession('start')">Начать сессию</button>
+    <button onclick="controlSession('stop')">Остановить сессию</button>
+
+    <script>
+
+        async function controlSession(action) {
+            try {
+                const className = action === 'start' 
+                    ? document.getElementById('className').value.trim()
+                    : null;
+
+                if (action === 'start' && !className) {
+                    alert('Введите название класса!');
+                    return;
+                }
+
+                const response = await fetch('/teacher/control', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-Password': 'teacher_password_123'
+                    },
+                    body: JSON.stringify({
+                        action: action,
+                        class_name: className
+                    })
+                });
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const result = await response.json();
+                
+                alert(result.status || (action === 'start' ? 'Сессия начата' : 'Сессия остановлена'));
+                updateStatus();
+
+            } catch (error) {
+                console.error('Ошибка управления сессией:', error);
+                alert(`Ошибка: ${error.message}`);
+            }
+        }
+
+        async function updateStatus() {
+            const response = await fetch('/api/session_status');
+            const status = await response.json();
+            const statusDiv = document.getElementById('status');
+            statusDiv.className = `status ${status.active ? 'active' : 'inactive'}`;
+            statusDiv.textContent = status.active 
+                ? `Активная сессия: ${status.class_name}`
+                : 'Сессия не активна';
+        }
+        
+        setInterval(updateStatus, 3000);
+        updateStatus();
+    </script>
+</body>
+</html>
\ No newline at end of file