feat: initial backend codebase — EnCoach v3
Complete Odoo 19 backend with 25 custom addons: - encoach_core: user/entity/role management - encoach_api: REST API + JWT auth - encoach_ai: OpenAI integration, AI settings, generation - encoach_ai_course: AI-powered English & IELTS course generation - encoach_exam_template/session: exam creation, structures, sessions - encoach_scoring: AI auto-grading + manual approval - encoach_vector: pgvector RAG integration - encoach_adaptive: adaptive learning engine - encoach_placement: placement testing - encoach_taxonomy/resources: content taxonomy & resource management - Plus 14 more modules for courses, branding, portal, etc. Includes docs: user guide, generation report, developer workflow. Made-with: Cursor
This commit is contained in:
Yamen Ahmad
@@ -0,0 +1,54 @@
|
||||
.o_signal_timeline .st-timeline {
|
||||
position: relative;
|
||||
padding-left: 48px;
|
||||
}
|
||||
.o_signal_timeline .st-timeline::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 19px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 2px;
|
||||
background: #dee2e6;
|
||||
}
|
||||
.o_signal_timeline .st-timeline-item {
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.o_signal_timeline .st-timeline-marker {
|
||||
position: absolute;
|
||||
left: -48px;
|
||||
top: 8px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
font-size: 0.85rem;
|
||||
z-index: 1;
|
||||
border: 3px solid #fff;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.o_signal_timeline .st-timeline-content {
|
||||
padding-left: 4px;
|
||||
}
|
||||
.o_signal_timeline .st-timeline-content .card {
|
||||
border-radius: 0.5rem;
|
||||
transition: box-shadow 0.15s;
|
||||
}
|
||||
.o_signal_timeline .st-timeline-content .card:hover {
|
||||
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
.o_signal_timeline .st-student-card {
|
||||
transition: transform 0.15s, box-shadow 0.15s;
|
||||
cursor: pointer;
|
||||
}
|
||||
.o_signal_timeline .st-student-card:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
.o_signal_timeline .cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
152
custom_addons/encoach_adaptive/static/src/js/signal_timeline.js
Normal file
152
custom_addons/encoach_adaptive/static/src/js/signal_timeline.js
Normal file
@@ -0,0 +1,152 @@
|
||||
/** @odoo-module */
|
||||
|
||||
import { Component, onWillStart, useState } from "@odoo/owl";
|
||||
import { registry } from "@web/core/registry";
|
||||
import { useService } from "@web/core/utils/hooks";
|
||||
import { Layout } from "@web/search/layout";
|
||||
|
||||
class SignalTimeline extends Component {
|
||||
static template = "encoach_adaptive.SignalTimeline";
|
||||
static components = { Layout };
|
||||
static props = ["*"];
|
||||
|
||||
setup() {
|
||||
this.orm = useService("orm");
|
||||
this.action = useService("action");
|
||||
this.state = useState({
|
||||
loading: true,
|
||||
studentId: null,
|
||||
student: null,
|
||||
events: [],
|
||||
filteredEvents: [],
|
||||
filters: { eventType: "", dateFrom: "", dateTo: "" },
|
||||
totalCount: 0,
|
||||
});
|
||||
|
||||
onWillStart(async () => {
|
||||
const ctx = this.props.action?.context || {};
|
||||
this.state.studentId = ctx.student_id || ctx.active_id || null;
|
||||
if (this.state.studentId) {
|
||||
await this.loadTimeline();
|
||||
} else {
|
||||
await this.loadStudentList();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
async loadStudentList() {
|
||||
try {
|
||||
this.state.studentList = await this.orm.searchRead(
|
||||
"res.users",
|
||||
[["account_source", "!=", false]],
|
||||
["name", "email"],
|
||||
{ limit: 50, order: "name" },
|
||||
);
|
||||
} catch (e) {
|
||||
console.error("Failed to load students:", e);
|
||||
} finally {
|
||||
this.state.loading = false;
|
||||
}
|
||||
}
|
||||
|
||||
async selectStudent(studentId) {
|
||||
this.state.studentId = studentId;
|
||||
this.state.loading = true;
|
||||
await this.loadTimeline();
|
||||
}
|
||||
|
||||
async loadTimeline() {
|
||||
this.state.loading = true;
|
||||
try {
|
||||
const domain = [["student_id", "=", this.state.studentId]];
|
||||
if (this.state.filters.eventType) {
|
||||
domain.push(["event_type", "=", this.state.filters.eventType]);
|
||||
}
|
||||
if (this.state.filters.dateFrom) {
|
||||
domain.push(["created_at", ">=", this.state.filters.dateFrom]);
|
||||
}
|
||||
if (this.state.filters.dateTo) {
|
||||
domain.push(["created_at", "<=", this.state.filters.dateTo + " 23:59:59"]);
|
||||
}
|
||||
|
||||
const [events, students] = await Promise.all([
|
||||
this.orm.searchRead(
|
||||
"encoach.adaptive.event",
|
||||
domain,
|
||||
["student_id", "course_id", "event_type", "signal_name", "signal_value", "decision", "context", "created_at"],
|
||||
{ limit: 100, order: "created_at desc" },
|
||||
),
|
||||
this.orm.searchRead(
|
||||
"res.users",
|
||||
[["id", "=", this.state.studentId]],
|
||||
["name", "email"],
|
||||
),
|
||||
]);
|
||||
|
||||
this.state.student = students.length ? students[0] : null;
|
||||
this.state.events = events;
|
||||
this.state.filteredEvents = events;
|
||||
this.state.totalCount = events.length;
|
||||
} catch (e) {
|
||||
console.error("Timeline load error:", e);
|
||||
} finally {
|
||||
this.state.loading = false;
|
||||
}
|
||||
}
|
||||
|
||||
onFilterChange(field, ev) {
|
||||
this.state.filters[field] = ev.target.value;
|
||||
if (this.state.studentId) {
|
||||
this.loadTimeline();
|
||||
}
|
||||
}
|
||||
|
||||
clearFilters() {
|
||||
this.state.filters = { eventType: "", dateFrom: "", dateTo: "" };
|
||||
if (this.state.studentId) {
|
||||
this.loadTimeline();
|
||||
}
|
||||
}
|
||||
|
||||
eventIcon(eventType) {
|
||||
return eventType === "signal" ? "fa-bolt" : "fa-gavel";
|
||||
}
|
||||
|
||||
eventColor(eventType) {
|
||||
return eventType === "signal" ? "primary" : "success";
|
||||
}
|
||||
|
||||
formatDate(dt) {
|
||||
if (!dt) return "";
|
||||
return dt.replace("T", " ").substring(0, 19);
|
||||
}
|
||||
|
||||
parseContext(ctx) {
|
||||
if (!ctx) return null;
|
||||
try {
|
||||
return typeof ctx === "string" ? JSON.parse(ctx) : ctx;
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
get signalCount() {
|
||||
return this.state.filteredEvents.filter(e => e.event_type === "signal").length;
|
||||
}
|
||||
|
||||
get decisionCount() {
|
||||
return this.state.filteredEvents.filter(e => e.event_type === "decision").length;
|
||||
}
|
||||
|
||||
goBack() {
|
||||
this.state.studentId = null;
|
||||
this.state.student = null;
|
||||
this.state.events = [];
|
||||
this.state.filteredEvents = [];
|
||||
this.state.filters = { eventType: "", dateFrom: "", dateTo: "" };
|
||||
this.state.loading = true;
|
||||
this.loadStudentList();
|
||||
}
|
||||
}
|
||||
|
||||
registry.category("actions").add("encoach_signal_timeline", SignalTimeline);
|
||||
@@ -0,0 +1,177 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<templates xml:space="preserve">
|
||||
<t t-name="encoach_adaptive.SignalTimeline">
|
||||
<Layout display="{ controlPanel: {} }">
|
||||
<div class="o_signal_timeline">
|
||||
<div class="container-fluid py-3">
|
||||
|
||||
<t t-if="state.loading">
|
||||
<div class="text-center py-5">
|
||||
<i class="fa fa-spinner fa-spin fa-3x text-primary"/>
|
||||
<p class="mt-2 text-muted">Loading timeline...</p>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<!-- Student Selector -->
|
||||
<t t-elif="!state.studentId and state.studentList">
|
||||
<h2 class="mb-3">Adaptive Signal Timeline</h2>
|
||||
<p class="text-muted mb-4">Select a student to view their adaptive learning events.</p>
|
||||
<div class="row g-3">
|
||||
<t t-foreach="state.studentList" t-as="st" t-key="st.id">
|
||||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||||
<div class="card shadow-sm h-100 cursor-pointer st-student-card"
|
||||
t-on-click="() => this.selectStudent(st.id)">
|
||||
<div class="card-body text-center">
|
||||
<div class="rounded-circle bg-info bg-opacity-10 d-inline-flex align-items-center justify-content-center mb-2" style="width:48px;height:48px">
|
||||
<i class="fa fa-user text-info"/>
|
||||
</div>
|
||||
<h6 class="card-title mb-0" t-esc="st.name"/>
|
||||
<small class="text-muted" t-esc="st.email"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<!-- Timeline View -->
|
||||
<t t-elif="state.student">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<button class="btn btn-sm btn-outline-secondary me-3" t-on-click="goBack"
|
||||
t-if="!this.props.action?.context?.student_id">
|
||||
<i class="fa fa-arrow-left me-1"/> Back
|
||||
</button>
|
||||
<div>
|
||||
<h2 class="mb-0">Adaptive Timeline</h2>
|
||||
<small class="text-muted">
|
||||
Student: <strong t-esc="state.student.name"/>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Filters -->
|
||||
<div class="card shadow-sm mb-3">
|
||||
<div class="card-body py-2">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold mb-1">Event Type</label>
|
||||
<select class="form-select form-select-sm"
|
||||
t-on-change="(ev) => this.onFilterChange('eventType', ev)">
|
||||
<option value="">All Events</option>
|
||||
<option value="signal">Signals</option>
|
||||
<option value="decision">Decisions</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold mb-1">From Date</label>
|
||||
<input type="date" class="form-control form-control-sm"
|
||||
t-on-change="(ev) => this.onFilterChange('dateFrom', ev)"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold mb-1">To Date</label>
|
||||
<input type="date" class="form-control form-control-sm"
|
||||
t-on-change="(ev) => this.onFilterChange('dateTo', ev)"/>
|
||||
</div>
|
||||
<div class="col-md-3 text-end">
|
||||
<button class="btn btn-sm btn-outline-secondary" t-on-click="clearFilters">
|
||||
<i class="fa fa-refresh me-1"/> Reset
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Summary Badges -->
|
||||
<div class="d-flex gap-3 mb-4">
|
||||
<div class="bg-light rounded px-3 py-2 d-flex align-items-center">
|
||||
<i class="fa fa-list me-2 text-secondary"/>
|
||||
<strong class="me-1" t-esc="state.totalCount"/> events
|
||||
</div>
|
||||
<div class="bg-primary bg-opacity-10 rounded px-3 py-2 d-flex align-items-center">
|
||||
<i class="fa fa-bolt me-2 text-primary"/>
|
||||
<strong class="me-1" t-esc="signalCount"/> signals
|
||||
</div>
|
||||
<div class="bg-success bg-opacity-10 rounded px-3 py-2 d-flex align-items-center">
|
||||
<i class="fa fa-gavel me-2 text-success"/>
|
||||
<strong class="me-1" t-esc="decisionCount"/> decisions
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Timeline -->
|
||||
<div class="st-timeline">
|
||||
<t t-foreach="state.filteredEvents" t-as="ev" t-key="ev.id">
|
||||
<div class="st-timeline-item">
|
||||
<div class="st-timeline-marker"
|
||||
t-att-class="'bg-' + eventColor(ev.event_type)">
|
||||
<i class="fa" t-att-class="eventIcon(ev.event_type)"/>
|
||||
</div>
|
||||
<div class="st-timeline-content">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body py-2 px-3">
|
||||
<div class="d-flex justify-content-between align-items-start mb-1">
|
||||
<div>
|
||||
<span class="badge me-1"
|
||||
t-att-class="'bg-' + eventColor(ev.event_type)"
|
||||
t-esc="ev.event_type"/>
|
||||
<strong t-if="ev.signal_name" t-esc="ev.signal_name"/>
|
||||
<strong t-elif="ev.decision">Decision</strong>
|
||||
</div>
|
||||
<small class="text-muted" t-esc="formatDate(ev.created_at)"/>
|
||||
</div>
|
||||
|
||||
<!-- Signal details -->
|
||||
<div t-if="ev.event_type === 'signal'" class="mt-1">
|
||||
<span class="text-muted small">Value: </span>
|
||||
<span class="fw-bold" t-esc="ev.signal_value"/>
|
||||
<t t-if="ev.course_id">
|
||||
<span class="text-muted small ms-3">Course: </span>
|
||||
<span t-esc="ev.course_id[1]"/>
|
||||
</t>
|
||||
</div>
|
||||
|
||||
<!-- Decision details -->
|
||||
<div t-if="ev.event_type === 'decision'" class="mt-1">
|
||||
<span class="small" t-esc="ev.decision"/>
|
||||
<t t-if="ev.course_id">
|
||||
<span class="text-muted small ms-3">Course: </span>
|
||||
<span t-esc="ev.course_id[1]"/>
|
||||
</t>
|
||||
</div>
|
||||
|
||||
<!-- Context (if any) -->
|
||||
<div t-if="parseContext(ev.context)" class="mt-1">
|
||||
<small class="text-muted">
|
||||
<i class="fa fa-info-circle me-1"/>
|
||||
<t t-foreach="Object.entries(parseContext(ev.context) || {})" t-as="entry" t-key="entry[0]">
|
||||
<span class="me-2">
|
||||
<span class="fw-bold" t-esc="entry[0]"/>: <t t-esc="entry[1]"/>
|
||||
</span>
|
||||
</t>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<t t-if="!state.filteredEvents.length">
|
||||
<div class="text-center py-5 text-muted">
|
||||
<i class="fa fa-clock-o fa-3x mb-2 d-block"/>
|
||||
<p>No adaptive events found for this student.</p>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<t t-elif="!state.studentId">
|
||||
<div class="text-center py-5 text-muted">
|
||||
<i class="fa fa-clock-o fa-3x mb-3 d-block"/>
|
||||
<p>No student selected. Open from a student record or select one above.</p>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
</t>
|
||||
</templates>
|
||||
Reference in New Issue
Block a user