19c1cbdf15
Adds a 'My Schedule' tab to the Fusion Clock portal that lists the current employee's published planning.slot records, grouped by day. Reuses the fusion_clock dark theme and reuses Odoo Planning's stock backend UI (Gantt, send wizard, recurrence) unchanged. - Controller /my/clock/schedule: pulls published slots in next 60 days - Portal template with next-shift hero card, summary stats, grouped list - Bottom-nav xpath inherits target the nav bar specifically (not the Recent Activity 'View All' link, which also linked to /my/clock/timesheets) - 4-tab nav fits via reduced padding and flex sizing Module depends on stock 'planning' (Enterprise) + fusion_clock. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
166 lines
9.2 KiB
XML
166 lines
9.2 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template id="portal_schedule_page" name="Fusion Clock My Schedule">
|
|
<t t-call="portal.portal_layout">
|
|
<t t-set="breadcrumbs_searchbar" t-value="False"/>
|
|
<t t-set="no_breadcrumbs" t-value="True"/>
|
|
<t t-set="no_header" t-value="True"/>
|
|
|
|
<div class="fclk-app">
|
|
<div class="fclk-container">
|
|
|
|
<!-- Header -->
|
|
<div class="fclk-header">
|
|
<div class="fclk-date">My Schedule</div>
|
|
<h1 class="fclk-greeting">Hello, <t t-esc="employee.name.split(' ')[0]"/></h1>
|
|
</div>
|
|
|
|
<!-- Next Shift Card (if any upcoming) -->
|
|
<t t-if="next_slot">
|
|
<div class="fclk-status-card fpl-next-shift">
|
|
<div class="fpl-next-label">Next Shift</div>
|
|
<div class="fpl-next-date"><t t-esc="next_slot['date']"/></div>
|
|
<div class="fpl-next-time"><t t-esc="next_slot['time']"/></div>
|
|
<div class="fpl-next-role" t-if="next_slot['role']">
|
|
<t t-esc="next_slot['role']"/>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<t t-else="">
|
|
<div class="fclk-status-card fpl-empty-card">
|
|
<div class="fpl-empty-icon">
|
|
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.5">
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
|
|
<line x1="16" y1="2" x2="16" y2="6"/>
|
|
<line x1="8" y1="2" x2="8" y2="6"/>
|
|
<line x1="3" y1="10" x2="21" y2="10"/>
|
|
</svg>
|
|
</div>
|
|
<div class="fpl-empty-title">No upcoming shifts</div>
|
|
<div class="fpl-empty-sub">Your manager hasn't published any shifts yet.</div>
|
|
</div>
|
|
</t>
|
|
|
|
<!-- Summary Row -->
|
|
<div class="fclk-stats-row" t-if="slot_count">
|
|
<div class="fclk-stat-card">
|
|
<div class="fclk-stat-header">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="2">
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
|
|
<line x1="16" y1="2" x2="16" y2="6"/>
|
|
<line x1="8" y1="2" x2="8" y2="6"/>
|
|
</svg>
|
|
<span>Upcoming</span>
|
|
</div>
|
|
<div class="fclk-stat-value">
|
|
<t t-esc="slot_count"/>
|
|
</div>
|
|
<div class="fclk-stat-target">shifts scheduled</div>
|
|
</div>
|
|
<div class="fclk-stat-card">
|
|
<div class="fclk-stat-header">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="2">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<polyline points="12 6 12 12 16 14"/>
|
|
</svg>
|
|
<span>Total Hours</span>
|
|
</div>
|
|
<div class="fclk-stat-value">
|
|
<t t-esc="'%.1f' % sum(s['duration_hours'] for items in groups.values() for s in items)"/>h
|
|
</div>
|
|
<div class="fclk-stat-target">across upcoming</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Grouped Schedule List -->
|
|
<t t-foreach="groups.items()" t-as="group">
|
|
<div class="fpl-group">
|
|
<div class="fpl-group-title">
|
|
<t t-esc="group[0]"/>
|
|
</div>
|
|
<div class="fpl-list">
|
|
<t t-foreach="group[1]" t-as="item">
|
|
<div class="fclk-recent-item fpl-shift-item">
|
|
<div class="fclk-recent-date">
|
|
<div class="fclk-recent-day-name">
|
|
<t t-esc="item['day_label']"/>
|
|
</div>
|
|
<div class="fclk-recent-day-num">
|
|
<t t-esc="item['day_num']"/>
|
|
</div>
|
|
</div>
|
|
<div class="fclk-recent-info">
|
|
<div class="fclk-recent-location">
|
|
<t t-if="item['role_name']">
|
|
<t t-esc="item['role_name']"/>
|
|
</t>
|
|
<t t-else="">
|
|
Shift
|
|
</t>
|
|
</div>
|
|
<div class="fclk-recent-times">
|
|
<t t-esc="item['time_range']"/>
|
|
</div>
|
|
<div class="fpl-shift-note" t-if="item['note']">
|
|
<t t-esc="item['note']"/>
|
|
</div>
|
|
</div>
|
|
<div class="fclk-recent-hours">
|
|
<t t-esc="'%.1f' % item['duration_hours']"/>h
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
|
|
<!-- Navigation Bar -->
|
|
<div class="fclk-nav-bar">
|
|
<a href="/my/clock" class="fclk-nav-item">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<polyline points="12 6 12 12 16 14"/>
|
|
</svg>
|
|
<span>Clock</span>
|
|
</a>
|
|
<a href="/my/clock/timesheets" class="fclk-nav-item">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
|
|
<line x1="16" y1="2" x2="16" y2="6"/>
|
|
<line x1="8" y1="2" x2="8" y2="6"/>
|
|
<line x1="3" y1="10" x2="21" y2="10"/>
|
|
</svg>
|
|
<span>Timesheets</span>
|
|
</a>
|
|
<a href="/my/clock/schedule" class="fclk-nav-item fclk-nav-active">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
|
|
<line x1="16" y1="2" x2="16" y2="6"/>
|
|
<line x1="8" y1="2" x2="8" y2="6"/>
|
|
<line x1="3" y1="10" x2="21" y2="10"/>
|
|
<line x1="8" y1="14" x2="10" y2="14"/>
|
|
<line x1="14" y1="14" x2="16" y2="14"/>
|
|
<line x1="8" y1="18" x2="10" y2="18"/>
|
|
<line x1="14" y1="18" x2="16" y2="18"/>
|
|
</svg>
|
|
<span>Schedule</span>
|
|
</a>
|
|
<a href="/my/clock/reports" class="fclk-nav-item">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
|
</svg>
|
|
<span>Reports</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
|
|
</odoo>
|