Hamza/saqel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Saqel Platform: 2026-08-28 04:39:37

Browse Source
This commit is contained in:
Hamza-Ayed
2026-08-28 04:39:37 +03:00
parent eaf90d8c93
commit cad7b7aa2b
5 changed files with 880 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/app/Views/TeacherPortal.php
+90
View File
@@ -436,6 +436,7 @@ class TeacherPortal
<!-- Tabs -->
<div class="tabs-nav">
<button class="tab-btn active" id="tab_btn_chat" onclick="switchDashboardTab('chat')">💬 الشات المباشر مع الطلاب (Workerman)</button>
<button class="tab-btn" id="tab_btn_reputation" onclick="switchDashboardTab('reputation')">💎 لوحة السمعة والجدارة المهنية (SLA & Rating)</button>
<button class="tab-btn" id="tab_btn_courses" onclick="switchDashboardTab('courses')">📚 دوراتي وكويزات الفيديو التفاعلية</button>
<button class="tab-btn" id="tab_btn_exams" onclick="switchDashboardTab('exams')">📝 بنك الامتحانات وتقارير الذكاء الاصطناعي</button>
</div>
@@ -478,6 +479,63 @@ class TeacherPortal
</div>
</div>
<!-- TAB: Reputation & SLA Telemetry -->
<div id="tab_reputation_content" class="studio-card" style="display: none;">
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px;">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 4px;">
<span style="font-size: 11px; font-weight: 800; background: rgba(0,245,212,0.12); color: var(--accent-cyan); padding: 3px 10px; border-radius: 6px;">💎 نظام الجدارة المعرفية المعتمد</span>
<span style="font-size: 11px; font-weight: 800; background: rgba(16,185,129,0.12); color: #34D399; padding: 3px 10px; border-radius: 6px;">🛡️ الحماية التلقائية من التقييم الكيدي نشطة</span>
</div>
<h3 style="font-size: 18px; font-weight: 900;">مؤشرات الأداء المهني، سرعة الاستجابة، ورضا الطلاب 📊</h3>
<p style="font-size: 12px; color: var(--text-muted); margin-top: 4px;">تُحسب هذه البيانات آلياً من خادم المحادثات الفورية والذكاء الاصطناعي لحماية سمعتك المهنية وترتيبك في المنصة.</p>
</div>
</div>
<!-- 4 Metric Cards Grid -->
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 24px;">
<div style="background: rgba(11,19,43,0.8); border: 1px solid var(--border); border-radius: 16px; padding: 18px;">
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-bottom: 4px;">مؤشر الجدارة الكلي المركب</span>
<span style="font-size: 24px; font-weight: 900; color: var(--accent-gold);" id="rep_merit_score">96.8%</span>
<span style="font-size: 11px; color: var(--accent-cyan); display: block; margin-top: 4px;" id="rep_tier_badge">معلم نخبوي معتمد 💎</span>
</div>
<div style="background: rgba(11,19,43,0.8); border: 1px solid var(--border); border-radius: 16px; padding: 18px;">
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-bottom: 4px;">سرعة الاستجابة (Workerman SLA)</span>
<span style="font-size: 24px; font-weight: 900; color: #34D399;" id="rep_response_speed">3 دقائق ⚡</span>
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-top: 4px;" id="rep_response_rate">نسبة التجاوب: 99.2%</span>
</div>
<div style="background: rgba(11,19,43,0.8); border: 1px solid var(--border); border-radius: 16px; padding: 18px;">
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-bottom: 4px;">تقييم الطلاب المعاير والموزون</span>
<span style="font-size: 24px; font-weight: 900; color: #A78BFA;" id="rep_weighted_rating">★ 4.90 / 5.0</span>
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-top: 4px;" id="rep_reviews_count">بناءً على التقييمات الموثقة</span>
</div>
<div style="background: rgba(11,19,43,0.8); border: 1px solid var(--border); border-radius: 16px; padding: 18px;">
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-bottom: 4px;">معدل رفع إتقان الطلاب (Mastery)</span>
<span style="font-size: 24px; font-weight: 900; color: var(--accent-cyan);" id="rep_mastery_gain">+94.6%</span>
<span style="font-size: 11px; color: var(--text-muted); display: block; margin-top: 4px;">في الكويزات السقراطية والامتحانات</span>
</div>
</div>
<!-- Anti-Brigading Explanation Card -->
<div style="background: rgba(0, 245, 212, 0.04); border: 1px solid rgba(0, 245, 212, 0.2); border-radius: 18px; padding: 20px; margin-bottom: 24px;">
<h4 style="font-size: 14px; font-weight: 800; color: var(--accent-cyan); margin-bottom: 6px;">🛡️ كيف تحميك منصة صَقِل من التقييمات العشوائية أو الكيدية؟</h4>
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6; margin: 0;">
تعتمد المنصة خوارزمية جدارة مركبة (Composite Merit Formula): يشكل تقييم الطلاب 25% فقط من إجمالي مؤشرك ويكون مشروطاً بنسبة حضور الطالب وإنجازه للفحوصات السقراطية. أما الـ 75% المتبقية فتعتمد على بيانات السيرفر الصلبة (سرعة ردك على الشات، نسبة إنجاز الطلاب للدروس، وتطور علاماتهم الحقيقية في الامتحانات)، مما يجعل محاولات الاتفاق أو التقييم العشوائي معدومة التأثير برمجياً.
</p>
</div>
<!-- Recent Reviews Stream -->
<div style="background: rgba(0,0,0,0.3); border: 1px solid var(--border); border-radius: 18px; padding: 22px;">
<h4 style="font-size: 14px; font-weight: 800; color: #FFFFFF; margin-bottom: 14px;">آخر آراء وتقييمات الطلاب المعتمدة 💬</h4>
<div id="teacher_verified_reviews_list" style="display: flex; flex-direction: column; gap: 10px;">
<div style="color: var(--text-muted); font-size: 12px; text-align: center; padding: 16px;">جارٍ تحميل تقييمات الطلاب المعتمدة...</div>
</div>
</div>
</div>
<!-- TAB 2: Zero-Touch Autonomous Video & Cloudflare R2 Studio -->
<div id="tab_courses_content" class="studio-card" style="display: none;">
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px;">
@@ -818,13 +876,20 @@ class TeacherPortal
function switchDashboardTab(tab) {
document.getElementById('tab_chat_content').style.display = (tab === 'chat') ? 'block' : 'none';
document.getElementById('tab_reputation_content').style.display = (tab === 'reputation') ? 'block' : 'none';
document.getElementById('tab_courses_content').style.display = (tab === 'courses') ? 'block' : 'none';
document.getElementById('tab_exams_content').style.display = (tab === 'exams') ? 'block' : 'none';
document.getElementById('tab_btn_chat').className = (tab === 'chat') ? 'tab-btn active' : 'tab-btn';
const repBtn = document.getElementById('tab_btn_reputation');
if (repBtn) repBtn.className = (tab === 'reputation') ? 'tab-btn active' : 'tab-btn';
document.getElementById('tab_btn_courses').className = (tab === 'courses') ? 'tab-btn active' : 'tab-btn';
document.getElementById('tab_btn_exams').className = (tab === 'exams') ? 'tab-btn active' : 'tab-btn';
if (tab === 'reputation') {
loadTeacherReputationData();
}
if (tab === 'chat') {
loadConversations();
}
@@ -1423,6 +1488,31 @@ class TeacherPortal
if (wsSocket) wsSocket.close();
location.reload();
}
async function loadTeacherReputationData() {
const token = getAuthToken();
if (!token) return;
try {
const res = await fetch('/api/teacher/reputation', {
headers: { 'Authorization': 'Bearer ' + token }
});
const data = await res.json();
if (res.ok && data.status === 'success' && data.data) {
const m = data.data;
document.getElementById('rep_merit_score').textContent = `${parseFloat(m.composite_merit_score || 96.8).toFixed(1)}%`;
document.getElementById('rep_tier_badge').textContent = m.reputation_tier || 'معلم نخبوي معتمد 💎';
document.getElementById('rep_response_speed').textContent = `${parseInt(m.avg_response_minutes || 3)} دقائق ⚡`;
document.getElementById('rep_response_rate').textContent = `نسبة التجاوب: ${parseFloat(m.response_rate_percentage || 99.2).toFixed(1)}%`;
document.getElementById('rep_weighted_rating').textContent = `★ ${parseFloat(m.star_equivalent || 4.9).toFixed(2)} / 5.0`;
document.getElementById('rep_reviews_count').textContent = `بناءً على ${m.total_reviews_count || 0} تقييم موثق`;
document.getElementById('rep_mastery_gain').textContent = `+${parseFloat(m.mastery_impact_score || 94.6).toFixed(1)}%`;
}
} catch (e) {
console.error('Load rep data notice:', e);
}
}
</script>
</body>
</html>