XENHR

Leave Request

Your user isn't linked to an employee record yet. Please contact HR.

New Request

Leave Type Leave Type Basis From

Start Date

End Date

Reason

<button class="o_xeno_m_bigbtn"
                                t-att-class="{ 'is_busy': state.submitting }"
                                t-att-disabled="!canSubmit"
                                t-on-click="onSubmit">
                            <t t-if="state.submitting">Submitting…</t>
                            <t t-else="">Submit Request</t>
                        </button>
                    </div>

<div class="o_xeno_m_card_title o_xeno_m_section">My Recent Requests</div>
                    <t t-if="!state.myLeaves.length">
                        <div class="o_xeno_m_card o_xeno_m_notice">No leave requests yet.</div>
                    </t>
                    <t t-foreach="state.myLeaves" t-as="lv" t-key="lv.id">
                        <div class="o_xeno_m_card o_xeno_m_leave_row">
                            <div class="o_xeno_m_leave_main">
                                <div class="o_xeno_m_leave_type" t-esc="lv.typeName"/>
                                <div class="o_xeno_m_leave_dates">
                                    <t t-esc="lv.dateFrom"/> → <t t-esc="lv.dateTo"/>
                                    <span class="o_xeno_m_muted"> · <t t-esc="lv.days"/> d</span>
                                </div>
                                <div t-if="lv.reason" class="o_xeno_m_leave_reason" t-esc="lv.reason"/>
                            </div>
                            <div class="o_xeno_m_leave_side">
                                <span t-attf-class="o_xeno_m_pill {{ lv.statusClass }}" t-esc="lv.statusLabel"/>
                                <button t-if="lv.canCancel" class="o_xeno_m_cancel_link"
                                        t-on-click="() => this.onCancel(lv.id)">Cancel</button>
                            </div>
                        </div>
                    </t>
                </t>

<div t-if="!state.loaded" class="o_xeno_m_card o_xeno_m_loading">Loading…</div>
            </div>
        </div>
    </t>
</templates>