Dec 26 : [ADD] Initial Commit 'website_hr_portal'

website_hr_portal/README.rst

@@ -0,0 +1,47 @@
+.. image:: https://img.shields.io/badge/licence-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+HR WEBSITE PORTAL
+=================
+Employees can login and see, their payslips, remaining leaves,shift schedule
+and any news or events HRs posting.
+
+Configuration
+=============
+- www.odoo.com/documentation/16.0/setup/install.html
+- Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL-3).
+(https://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer: (V16) Sruthi Pavithran, Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

website_hr_portal/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import controllers

website_hr_portal/__manifest__.py

@@ -0,0 +1,45 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    'name': 'HR WEBSITE PORTAL',
+    'version': '16.0.1.0.0',
+    'category': 'Website',
+    'summary': 'Employees can login and see, their payslips,shifts and events',
+    'description': """This module helps the Employees can login and see, their 
+     payslips,remaining leaves, shift schedule and any news or events HRs 
+     posting.""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['hr_payroll_community', 'website_event'],
+    'data': [
+        'views/portal_templates.xml',
+        'views/payslip_templates.xml',
+        'views/event_templates.xml'
+    ],
+    'images': ['static/description/banner.png'],
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

website_hr_portal/controllers/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import portal_event
+from . import portal_payslip
+from . import portal_shift

website_hr_portal/controllers/portal_event.py

@@ -0,0 +1,77 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import http
+from odoo.http import request
+from odoo.addons.portal.controllers.portal import CustomerPortal
+
+
+class PortalEmployeeEvents(CustomerPortal):
+    """Display user counters"""
+
+    def _prepare_home_portal_values(self, counters):
+        """Display counters of events of current user"""
+        values = super()._prepare_home_portal_values(counters)
+        if 'event_count' in counters:
+            values['event_count'] = request.env[
+                'event.event'].sudo().search_count([])
+        return values
+
+
+class WebsiteHrPortalEvents(http.Controller):
+    """Display current user events"""
+
+    @http.route(['/my/event'], type='http', auth="user", website=True)
+    def portal_my_events(self, sortby=None, search="", search_in="All"):
+        """Display current user events"""
+        searchbar_sortings = {
+            'name': {'label': 'Name', 'order': 'name'},
+            'date_end': {'label': 'Date', 'order': 'date_end desc'},
+            'event_type_id': {'label': 'Event Type', 'order': 'event_type_id'},
+            'address_id': {'label': 'Venue', 'order': 'address_id'}
+        }
+        searchbar_inputs = {
+            'All': {'label': 'All', 'input': 'All', 'domain':
+                    ['|', '|', ('event_type_id', 'ilike', search),
+                     ('name', 'ilike', search),
+                     ('address_id', 'ilike', search)]},
+            'Event Type': {'label': 'Event Type', 'input': 'Event Type',
+                           'domain': [('event_type_id', 'ilike', search)]},
+            'Name': {'label': 'Name', 'input': 'Name',
+                     'domain': [('name', 'ilike', search)]},
+            'Venue': {'label': 'Venue', 'input': 'Venue',
+                      'domain': [('address_id', 'ilike', search)]},
+        }
+        if not sortby:
+            sortby = 'event_type_id'
+        order = searchbar_sortings[sortby]['order']
+        search_domain = searchbar_inputs[search_in]['domain']
+        event = request.env['event.event'].sudo().search(search_domain,
+                                                         order=order)
+        return http.request.render('website_hr_portal.portal_employee_events',
+                                   {'event': event,
+                                    'searchbar_sortings': searchbar_sortings,
+                                    'sortby': sortby,
+                                    'search': search,
+                                    'search_in': search_in,
+                                    'searchbar_inputs': searchbar_inputs,
+                                    'page_name': 'events'
+                                    })

website_hr_portal/controllers/portal_payslip.py

@@ -0,0 +1,94 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import http
+from odoo.http import request
+from odoo.addons.portal.controllers.portal import CustomerPortal
+
+
+class PortalEmployeePayslip(CustomerPortal):
+    """Display user counters"""
+
+    def _prepare_home_portal_values(self, counters):
+        """Display counters of payslips"""
+        values = super()._prepare_home_portal_values(counters)
+        if 'payslip_count' in counters:
+            values['payslip_count'] = request.env[
+                'hr.payslip'].sudo().search_count(
+                [('employee_id.user_id', '=', request.env.user.id)])
+        return values
+
+
+class WebsiteHrPortalPayslip(http.Controller):
+    """Display current user payslips"""
+
+    @http.route(['/my/payslip'], type='http', auth="user",
+                website=True)
+    def portal_my_payslip(self, sortby=None, search="",
+                          search_in='All'):
+        """Display current user payslips"""
+        searchbar_sortings = {
+            'struct_id': {'label': 'Structure',
+                          'order': 'struct_id desc'}
+        }
+        searchbar_inputs = {
+            'All': {'label': 'All', 'input': 'All', 'domain':
+                    ['|', '|', ('name', 'ilike', search),
+                     ('number', 'ilike', search),
+                     ('struct_id', 'ilike', search)]},
+            'Name': {'label': 'Name', 'input': 'Name',
+                     'domain': [('name', 'ilike', search)]},
+            'Reference': {'label': 'Reference', 'input': 'Reference',
+                          'domain': [('number', 'ilike', search)]},
+            'Structure': {'label': 'Structure', 'input': 'Structure',
+                          'domain': [('struct_id', 'ilike', search)]},
+        }
+        if not sortby:
+            sortby = 'struct_id'
+        search_domain = searchbar_inputs[search_in]['domain']
+        payslip = request.env['hr.payslip'].sudo().search([
+            ('employee_id.user_id', '=', request.env.user.id)])
+        return http.request.render(
+            'website_hr_portal.portal_employee_payslips',
+            {
+                'payslip_id': payslip.search(search_domain),
+                'searchbar_sortings': searchbar_sortings,
+                'searchbar_inputs': searchbar_inputs,
+                'sortby': sortby,
+                'search': search,
+                'search_in': search_in,
+                'page_name': 'payslip'
+            })
+
+    @http.route(['/payslip/details/<int:value>'], type='http', auth="user",
+                website=True)
+    def portal_payslip_details(self, value):
+        """Display current user payslip details"""
+        payslip = request.env['hr.payslip'].sudo().browse(value)
+        payslip_details = [schedule for schedule in
+                           payslip.line_ids]
+        return http.request.render(
+            'website_hr_portal.payslip_portal_content',
+            {
+                'payslip': payslip,
+                'payslip_details': payslip_details,
+                'page_name': 'payslip_details'
+            })

website_hr_portal/controllers/portal_shift.py

@@ -0,0 +1,59 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import http
+from odoo.http import request
+from odoo.addons.portal.controllers.portal import CustomerPortal
+
+
+class PortalEmployeeShifts(CustomerPortal):
+    """Display user counters"""
+
+    def _prepare_home_portal_values(self, counters):
+        """Display counters of shifts of current user"""
+        values = super()._prepare_home_portal_values(counters)
+        if 'shift_count' in counters:
+            values['shift_count'] = request.env[
+                'hr.employee'].sudo().search_count(
+                [('user_id', '=', request.env.user.id)])
+        return values
+
+    @http.route(['/my/shift'], type='http', auth="user", website=True)
+    def portal_my_shifts(self):
+        """Display current user shifts"""
+        shift = request.env['hr.employee'].sudo().search(
+            [('user_id', '=', request.env.user.id)])
+        leave = request.env['hr.leave'].sudo().search(
+            [('id', '=', request.env.user.id)])
+        attendance_list = [schedule for schedule in
+                           shift.resource_calendar_id.attendance_ids]
+        data = [
+            {'resource_calendar_id': shift.resource_calendar_id.name,
+             'leave_ids': leave.number_of_days
+             }
+            for shift in shift
+        ]
+        return http.request.render('website_hr_portal.portal_employee_shifts',
+                                   {'shift_id': shift,
+                                    'data': data,
+                                    'attendance_list': attendance_list,
+                                    'page_name': 'shifts'
+                                    })

website_hr_portal/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <website_hr_portal>
+
+#### 28.11.2023
+#### Version 16.0.1.0.0
+#### ADD
+- Initial commit for HR WEBSITE PORTAL

website_hr_portal/static/description/index.html

@@ -0,0 +1,637 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+    <!-- TITLE BAR -->
+    <div class="d-flex align-items-center justify-content-between"
+         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+        <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
+             style="width: 42px; height: 42px;"/>
+        <div>
+            <div
+                    style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Community
+            </div>
+        </div>
+    </div>
+    <!-- END OF TITLE BAR -->
+
+    <!-- APP HERO -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    HR WEBSITE PORTAL</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    Employees can Log in and see, their Payslips, Shifts and
+                    Events</p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/hero1.gif" class="img-responsive"
+                     style="width: 100%; margin-left: auto; margin-right: auto;"/>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/compass.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Explore This
+        Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+            more about this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            features of this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            screenshots for this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="overview">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pie-chart.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Overview
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">
+        Employees can log in and see, their payslips, remaining leaves shift
+        schedule and any news or events HRs posting.
+    </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="features">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/features.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Features
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 col-md-6">
+
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Available in Odoo 16.0 Community</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> Employees can log in and see, their payslips</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Employees can log in and see, their Shift schedule</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Employees can log in and see, any news or events HRs posting.</span>
+        </div>
+    </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+<!-- SCREENSHOTS SECTION -->
+<div class="row" id="screenshots">
+    <div class="col-md-12"
+         style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+        <h2
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+            <i class="fa fa-image mr-2"></i>Screenshots
+        </h2>
+    </div>
+    <div class="col-lg-12 my-2">
+        <h4 class="my-2"
+            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+            Employees can log in to see their Events, Payslips and Shifts with
+            respective counts.</h4>
+        <img src="assets/screenshots/port1.png"
+             class="img-responsive img-thumbnail border" width="100%"
+             height="auto"/>
+    </div>
+
+    <div class="col-lg-12 my-2">
+        <h4 class="my-2"
+            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+            Details of Payslips.When we click on the Payslips, we can see the
+            detailed view of the payslip.</h4>
+        <img src="assets/screenshots/payslip_01.png"
+             class="img-responsive img-thumbnail border" width="100%"
+             height="auto"/>
+    </div>
+    <div class="col-lg-12 my-2">
+        <h4 class="my-2"
+            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+            Details of Payslips.</h4>
+        <img src="assets/screenshots/payslip_02.png"
+             class="img-responsive img-thumbnail border" width="100%"
+             height="auto"/>
+    </div>
+
+    <div class="col-lg-12 my-2">
+        <h4 class="mt-2"
+            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+            Shift details of the respective employee.</h4>
+        <img src="assets/screenshots/port5.png"
+             class="img-responsive img-thumbnail border" width="100%"
+             height="auto"/>
+    </div>
+
+    <div class="col-lg-12 my-3">
+        <h4 class="mt-3"
+            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+            When we click on the event we can see the details of website
+            event.</h4>
+        <img src="assets/screenshots/port6.png"
+             class="img-responsive img-thumbnail border" width="100%"
+             height="auto"/>
+    </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/categories.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Related
+        Products
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+        <div id="demo1" class="row carousel slide" data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner" style="padding: 30px;">
+                <div class="carousel-item" style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/odoo_website_helpdesk/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/11.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/website_product_attachments/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/12.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/insta_feed_snippet/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/13.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item active"
+                     style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/customer_geolocation/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/14.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/product_visibility_website/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/15.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/website_hide_variants/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/16.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- Left and right controls -->
+            <a class="carousel-control-prev" href="#demo1" data-slide="prev"
+               style="width:35px; color:#000"> <span
+                    class="carousel-control-prev-icon"><i
+                    class="fa fa-chevron-left"
+                    style="font-size:24px"></i></span>
+            </a> <a class="carousel-control-next" href="#demo1"
+                    data-slide="next" style="width:35px; color:#000">
+            <span class="carousel-control-next-icon"><i
+                    class="fa fa-chevron-right"
+                    style="font-size:24px"></i></span>
+        </a>
+        </div>
+    </div>
+</div>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+<section class="container" style="margin-top: 6rem !important;">
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+            <h2 style="color: #212529 !important;">Our Services</h2>
+            <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/cogs.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Customization</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/wrench.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/lifebuoy.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Support</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/user.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Hire
+                Odoo
+                Developer</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/puzzle.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Integration</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/update.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Migration</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/consultation.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Consultancy</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/training.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/license.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Licensing Consultancy</h6>
+        </div>
+    </div>
+</section>
+<!-- END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+<section class="container" style="margin-top: 6rem !important;">
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+            <h2 style="color: #212529 !important;">Our Industries</h2>
+            <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/trading-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Trading
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easily procure
+                    and
+                    sell your products</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/pos-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    POS
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easy
+                    configuration
+                    and convivial experience</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/education-black.png"
+                     class="img-responsive mb-3" height="48px"
+                     width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Education
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    A platform for
+                    educational management</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/manufacturing-black.png"
+                     class="img-responsive mb-3" height="48px"
+                     width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Manufacturing
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Plan, track and
+                    schedule your operations</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/ecom-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    E-commerce &amp; Website
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Mobile
+                    friendly,
+                    awe-inspiring product pages</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/service-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Service Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Keep track of
+                    services and invoice</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/restaurant-black.png"
+                     class="img-responsive mb-3" height="48px"
+                     width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Restaurant
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Run your bar or
+                    restaurant methodically</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                <img src="./assets/icons/hotel-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Hotel Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    An
+                    all-inclusive
+                    hotel management application</p>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+<!-- END OF OUR INDUSTRIES -->
+
+<!-- FOOTER -->
+<!-- Footer Section -->
+<section class="container" style="margin: 5rem auto 2rem;">
+    <div class="row" style="max-width:1540px;">
+        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+            <h2 style="color: #212529 !important;">Need Help?</h2>
+            <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+        </div>
+    </div>
+
+    <!-- Contact Cards -->
+    <div class="row d-flex justify-content-center align-items-center"
+         style="max-width:1540px; margin: 0 auto 2rem auto;">
+
+        <div class="col-lg-12"
+             style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+            <div class="row mt-4">
+                <div class="col-lg-6">
+                    <a href="mailto:odoo@cybrosys.com" target="_blank"
+                       class="btn btn-block mb-2 deep_hover"
+                       style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                            class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                </div>
+                <div class="col-lg-6">
+                    <a href="https://api.whatsapp.com/send?phone=918606827707"
+                       target="_blank"
+                       class="btn btn-block mb-2 deep_hover"
+                       style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                            class="fa fa-whatsapp mr-2"></i>+91 86068 27707</a>
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <!-- End of Contact Cards -->
+</section>
+<!-- Footer -->
+<section class="oe_container" style="padding: 2rem 3rem 1rem;">
+    <div class="row"
+         style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+        <!-- Logo -->
+        <div class="col-lg-12 d-flex justify-content-center align-items-center"
+             style="margin-top: 3rem;">
+            <img src="https://www.cybrosys.com/images/logo.png" width="200px"
+                 height="auto"/>
+        </div>
+        <!-- End of Logo -->
+        <div class="col-lg-12">
+            <hr
+                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+            <!-- End of Footer Section -->
+        </div>
+    </div>
+</section>
+<!-- END OF FOOTER -->
+</div>

website_hr_portal/views/event_templates.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Inherit event layout for viewing all portal events-->
+    <template id="layout" inherit_id="website_event.layout">
+        <xpath expr='//div[hasclass("container")]' position="before">
+            <a href="/my/event" class="navbar-brand h4 my-0 me-0 me-md-4">
+                <span>Back</span>
+            </a>
+        </xpath>
+    </template>
+</odoo>

website_hr_portal/views/payslip_templates.xml

@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Template for creating payslip details-->
+    <template id="portal_layout_payslips"
+              inherit_id="portal.portal_breadcrumbs"
+              priority="60">
+        <xpath expr="//ol[hasclass('o_portal_submenu')]" position="inside">
+            <li t-if="page_name=='payslip_details'" class="col-lg-2"
+                t-attf-class="breadcrumb-item #{'active'}">
+                <a t-attf-href="/my/payslip">
+                    <span>Payslips</span>
+                </a>
+            </li>
+            <li t-if="page_name=='payslip_details'" class="col-lg-2"
+                t-attf-class="breadcrumb-item #{'active'}">
+                <em t-out="payslip.number"/>
+            </li>
+        </xpath>
+    </template>
+    <template id="payslip_portal_content" name="Payslip Portal Content">
+        <t t-call="portal.portal_layout">
+            <t t-set="breadcrumbs_searchbar" t-value="True"/>
+            <t t-call="portal.portal_searchbar">
+                <t t-set="title">Payslips</t>
+            </t>
+            <t t-call="portal.portal_table">
+                <thead>
+                    <tr>
+                        <th class="text-start align-middle">Salary
+                            Computation
+                        </th>
+                    </tr>
+                </thead>
+                <thead>
+                    <tr class="active">
+                        <th class="text-center">Name</th>
+                        <th class="text-center">Code</th>
+                        <th class="text-center">Category</th>
+                        <th class="text-center">Quantity</th>
+                        <th class="text-center">Rate(%)</th>
+                        <th class="text-center">Rule</th>
+                        <th class="text-center">Amount</th>
+                        <th class="text-center">Total</th>
+                    </tr>
+                </thead>
+                <t t-foreach="payslip_details" t-as="attendance">
+                    <tr>
+                        <td class="text-center">
+                            <span t-field="attendance.name"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.code"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.category_id"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.quantity"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.rate"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.salary_rule_id"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.amount"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.total"/>
+                        </td>
+                    </tr>
+                </t>
+            </t>
+             <t t-call="portal.portal_table">
+                <thead>
+                    <tr>
+                        <th class="text-start align-middle">Details By Salary
+                            Rule Category
+                        </th>
+                    </tr>
+                </thead>
+                <thead>
+                    <tr class="active">
+                        <th class="text-center">Name</th>
+                        <th class="text-center">Code</th>
+                        <th class="text-center">Category</th>
+                        <th class="text-center">Total</th>
+                    </tr>
+                </thead>
+                <t t-foreach="payslip_details" t-as="attendance">
+                    <tr>
+                         <td class="text-center">
+                            <span t-field="attendance.name"/>
+                        </td>
+                         <td class="text-center">
+                            <span t-field="attendance.code"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.category_id"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="attendance.total"/>
+                        </td>
+                    </tr>
+                </t>
+            </t>
+        </t>
+    </template>
+</odoo>

website_hr_portal/views/portal_templates.xml

@@ -0,0 +1,159 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--    Inherit portal home page for creating portal accounts-->
+    <template id="portal_layout_shifts" inherit_id="portal.portal_breadcrumbs"
+              priority="60">
+        <xpath expr="//ol[hasclass('o_portal_submenu')]" position="inside">
+            <li t-if="page_name=='shifts'" class="col-lg-2"
+                t-attf-class="breadcrumb-item #{'active '}">Shifts
+            </li>
+            <li t-if="page_name=='payslip'" class="col-lg-2"
+                t-attf-class="breadcrumb-item #{'active'}">Payslips
+            </li>
+            <li t-if="page_name=='events'" class="col-lg-2"
+                t-attf-class="breadcrumb-item #{'active'}">Events
+            </li>
+        </xpath>
+    </template>
+    <template id="portal_my_home_event" name="Events"
+              inherit_id="portal.portal_my_home">
+        <xpath expr="//div[hasclass('o_portal_docs')]" position="inside">
+            <t t-call="portal.portal_docs_entry">
+                <t t-set="title">Events</t>
+                <t t-set="url" t-value="'/my/event'"/>
+                <t t-set="placeholder_count" t-value="'event_count'"/>
+            </t>
+            <t t-call="portal.portal_docs_entry">
+                <t t-set="title">Payslips</t>
+                <t t-set="url" t-value="'/my/payslip'"/>
+                <t t-set="placeholder_count" t-value="'payslip_count'"/>
+            </t>
+            <t t-call="portal.portal_docs_entry">
+                <t t-set="title">Shifts</t>
+                <t t-set="url" t-value="'/my/shift'"/>
+                <t t-set="placeholder_count" t-value="'shift_count'"/>
+            </t>
+        </xpath>
+    </template>
+    <template id="portal_employee_payslips" name="Payslips">
+        <t t-call="portal.portal_layout">
+            <t t-set="breadcrumbs_searchbar" t-value="True"/>
+            <t t-call="portal.portal_searchbar">
+                <t t-set="title">Payslips</t>
+            </t>
+            <t t-if="payslip_id" t-call="portal.portal_table">
+                <thead>
+                    <tr class="active">
+                        <th>Reference</th>
+                        <th class="text-center">Payslip Name</th>
+                        <th class="text-center">Structure</th>
+                    </tr>
+                </thead>
+                <t t-foreach="payslip_id" t-as="value">
+                    <tr>
+                        <td>
+                            <a t-attf-href="/payslip/details/#{value.id}">
+                                <span t-field="value.number"/>
+                            </a>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="value.name"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="value.struct_id"/>
+                        </td>
+                    </tr>
+                </t>
+            </t>
+            <p t-else="">There are currently no payslips for your account.</p>
+        </t>
+    </template>
+    <template id="portal_employee_events" name="Events">
+        <t t-call="portal.portal_layout">
+            <t t-set="breadcrumbs_searchbar" t-value="True"/>
+            <t t-call="portal.portal_searchbar">
+                <t t-set="title">Events</t>
+            </t>
+            <t t-call="portal.portal_table">
+                <thead>
+                    <tr class="active">
+                        <th class="text-center">Event Name</th>
+                        <th class="text-center">Date</th>
+                        <th class="text-center">Event Type</th>
+                        <th class="text-center">Venue</th>
+                    </tr>
+                </thead>
+                <t t-foreach="event" t-as="events">
+                    <tr>
+                        <td>
+                            <a t-attf-href="/event/#{ slug(events) }">
+                                <span t-field="events.name"/>
+                            </a>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="events.date_end"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="events.event_type_id"/>
+                        </td>
+                        <td class="text-center">
+                            <span t-field="events.address_id"/>
+                        </td>
+                    </tr>
+                </t>
+            </t>
+        </t>
+    </template>
+    <template id="portal_employee_shifts" name="Shifts">
+        <t t-call="portal.portal_layout">
+            <t t-set="breadcrumbs_searchbar" t-value="True"/>
+            <t t-call="portal.portal_searchbar">
+                <t t-set="title">Shifts</t>
+            </t>
+            <t t-call="portal.portal_table">
+                <thead>
+                    <tr class="active">
+                        <th class="text-start align-middle">Shift Schedule</th>
+                    </tr>
+                </thead>
+                <t t-foreach="shift_id" t-as="shift">
+                    <tr>
+                        <td class="text-start align-middle">
+                            <span t-field="shift.resource_calendar_id"/>
+                        </td>
+                    </tr>
+                </t>
+            </t>
+            <t t-call="portal.portal_table">
+                <thead>
+                    <tr>
+                        <th class="text-end">Name</th>
+                        <th class="text-end">Day Of Week</th>
+                        <th class="text-end">Day Period</th>
+                        <th class="text-end">Work From</th>
+                        <th class="text-end">Work To</th>
+                    </tr>
+                </thead>
+                <t t-foreach="attendance_list" t-as="shift_schedule">
+                    <tr>
+                        <td class="text-end">
+                            <span t-field="shift_schedule.name"/>
+                        </td>
+                        <td class="text-end">
+                            <span t-field="shift_schedule.dayofweek"/>
+                        </td>
+                        <td class="text-end">
+                            <span t-field="shift_schedule.day_period"/>
+                        </td>
+                        <td class="text-end">
+                            <span t-field="shift_schedule.hour_from"/>
+                        </td>
+                        <td class="text-end">
+                            <span t-field="shift_schedule.hour_to"/>
+                        </td>
+                    </tr>
+                </t>
+            </t>
+        </t>
+    </template>
+</odoo>