You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
174 lines
8.6 KiB
174 lines
8.6 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- TO INHERIT THE CHECK IN AND CHECK OUT BUTTON-->
|
|
<template id="portal_layout" inherit_id="website.template_header_default"
|
|
name="Attendance Button">
|
|
<xpath expr="//t[@t-call='portal.user_dropdown']" position="after">
|
|
<a class="btn btn-primary check-in-btn" href="/attendance/checkin"
|
|
id="check_in"
|
|
t-if="request.env['hr.employee'].search([('user_id', '=', request.env.user.id)]).attendance_state == 'checked_out'">
|
|
Check In
|
|
</a>
|
|
<a class="btn btn-primary check-out-btn" href="/check/out"
|
|
id="check_out"
|
|
t-if="request.env['hr.employee'].search([('user_id', '=', request.env.user.id)]).attendance_state == 'checked_in'">
|
|
Check Out
|
|
</a>
|
|
</xpath>
|
|
</template>
|
|
<!-- CHECK IN TEMPLATE-->
|
|
<template id="check_in_template">
|
|
<t t-call="website.layout">
|
|
<span class="o_hr_attendance_kiosk_backdrop position-absolute top-0 start-0 end-0 bottom-0 bg-black-75"
|
|
style="z-index:-1;"/>
|
|
<div class="card-body" align="center"
|
|
style="background:mediumblue;">
|
|
<div style="width: 500px;height: 71px;border: 1px solid;color:cadetblue;background-color:#6A6C97;margin-top: 62px;">
|
|
<div class="o_hr_attendance_user_badge o_home_menu_background d-flex align-items-end justify-content-center flex-grow-1 pt-5 pt-md-4 bg-odoo">
|
|
<img class="img rounded-circle mb-n5"
|
|
t-attf-src="data:image/png;base64,{{image}}"
|
|
height="80">
|
|
</img>
|
|
</div>
|
|
</div>
|
|
<div class="card-body d-flex flex-column p-0 p-md-4"
|
|
style="background:white;width: 500px;">
|
|
<div class="flex-grow-1">
|
|
<h1 class="mt-5" style="font-family: g;font-size:25px">
|
|
Hello
|
|
<t t-esc="name"/>
|
|
</h1>
|
|
<h3 style="font-family: g;font-size:22px">Welcome!</h3>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<a href="/check/in"
|
|
class="o_hr_attendance_sign_in_out_icon btn btn-success align-self-center px-5 py-3 mt-4 mb-2">
|
|
<span
|
|
style="font-family: g;font-size:18px">Check
|
|
In
|
|
</span>
|
|
<i class="fa fa-sign-in"
|
|
style="font-size:20px;"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
<!-- AFTER CHECKIN WELCOME NOTE-->
|
|
<template id="check_in_welcome_note_template">
|
|
<t t-call="website.layout">
|
|
<span class="o_hr_attendance_kiosk_backdrop position-absolute top-0 start-0 end-0 bottom-0 bg-black-75"
|
|
style="z-index:-1;"/>
|
|
<div class="card-body" align="center"
|
|
style="background:mediumblue;">
|
|
<div style="width: 500px;height: 71px;border: 1px solid;color:cadetblue;background-color:#6A6C97;margin-top: 62px;">
|
|
<div class="o_hr_attendance_user_badge o_home_menu_background d-flex align-items-end justify-content-center flex-grow-1 pt-5 pt-md-4 bg-odoo">
|
|
<img class="img rounded-circle mb-n5"
|
|
t-attf-src="data:image/png;base64,{{image}}"
|
|
height="80">
|
|
</img>
|
|
</div>
|
|
</div>
|
|
<div class="card-body d-flex flex-column p-0 p-md-4"
|
|
style="background:white;width: 500px;">
|
|
<div class="flex-grow-1">
|
|
<h1 class="mt-5" style="font-family: g;font-size:25px">
|
|
Welcome
|
|
<t t-esc="name"/>
|
|
</h1>
|
|
<h3 style="font-family: g;font-size:18px"
|
|
class="welcome_note"/>
|
|
<div class="alert alert-info" role="status">
|
|
Checked in at
|
|
<b>
|
|
<t t-esc="formatted_time"/>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<a href="/check/out" class="btn btn-primary">
|
|
<span>OK</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
<!-- CHECK OUT TEMPLATE -->
|
|
<template id="check_out_template">
|
|
<t t-call="website.layout">
|
|
<span class="o_hr_attendance_kiosk_backdrop position-absolute top-0 start-0 end-0 bottom-0 bg-black-75"
|
|
style="z-index:-1;"/>
|
|
<div class="card-body" align="center"
|
|
style="background:mediumblue;">
|
|
<div style="width: 500px;height: 71px;border: 1px solid;color:cadetblue;background-color:#6A6C97;margin-top: 62px;">
|
|
<div class="o_hr_attendance_user_badge o_home_menu_background d-flex align-items-end justify-content-center flex-grow-1 pt-5 pt-md-4 bg-odoo">
|
|
<img class="img rounded-circle mb-n5"
|
|
t-attf-src="data:image/png;base64,{{image}}"
|
|
height="80">
|
|
</img>
|
|
</div>
|
|
</div>
|
|
<div class="card-body d-flex flex-column p-0 p-md-4"
|
|
style="background:white;width: 500px;">
|
|
<div class="flex-grow-1">
|
|
<h1 class="mt-5" style="font-family: g;font-size:25px">
|
|
<t t-esc="name"/>
|
|
</h1>
|
|
<h3 style="font-family: g;font-size:20px">Want to check
|
|
out?
|
|
</h3>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<a href="/check/out/last"
|
|
class="o_hr_attendance_sign_in_out_icon btn btn-warning align-self-center px-5 py-3 mt-4 mb-2">
|
|
<i class="fa fa-sign-out"
|
|
style="font-size:20px;"/>
|
|
<span
|
|
style="font-family: g;font-size:18px">Check
|
|
OUT
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
<!-- LAST CHECK OUT TEMPLATE-->
|
|
<template id="portal_last_checkout">
|
|
<t t-call="website.layout">
|
|
<span class="o_hr_attendance_kiosk_backdrop position-absolute top-0 start-0 end-0 bottom-0 bg-black-75"
|
|
style="z-index:-1;"/>
|
|
<div class="card-body" align="center"
|
|
style="background:mediumblue;">
|
|
<div style="width: 500px;height: 71px;border: 1px solid;color:cadetblue;background-color:#6A6C97;margin-top: 62px;">
|
|
<div class="o_hr_attendance_user_badge o_home_menu_background d-flex align-items-end justify-content-center flex-grow-1 pt-5 pt-md-4 bg-odoo">
|
|
<img class="img rounded-circle mb-n5"
|
|
t-attf-src="data:image/png;base64,{{image}}"
|
|
height="80">
|
|
</img>
|
|
</div>
|
|
</div>
|
|
<div class="card-body d-flex flex-column p-0 p-md-4"
|
|
style="background:white;width: 500px;">
|
|
<div class="flex-grow-1">
|
|
<h1 class="mt-5" style="font-family: g;font-size:25px;">
|
|
Goodbye &nbsp;<t t-esc="name"/>!
|
|
</h1>
|
|
<h3 style="font-family: g;font-size:18px"
|
|
id="leaving_message"/>
|
|
</div>
|
|
<div class="alert alert-info" role="status">
|
|
Checked out at
|
|
<b>
|
|
<t t-esc="formatted_time"/>
|
|
</b>
|
|
</div>
|
|
<a href="/attendance/checkin"
|
|
class="btn btn-primary">
|
|
<span>GOOD BYE</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</odoo>
|