+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tel:
+
+
+ --------------------------------
+ Served by
+ +
+
+ +
+
+
+
+ | Product | +Qty | +Amount | +
|---|---|---|
|
+
+
+ |
+
+ |
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
Subtotal :
+
+
+ +
+ TOTAL :
+
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+ Thank You... Please Visit Again ...
+
+ ]]>
+
+ Phone:
+
+
+ + Phone:
+
+
+ Date :
+
+
+
+
+
+ Order :
+
+ + Order :
+
+
+ Cashier :
+
+ Customer :
+
+
+ +
+
+
+
+ +
+
+
+
+ | Product | +Qty | +Amount | +
|---|---|---|
|
+
+
+ |
+
+ |
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
Subtotal :
+
+
+ +
+ TOTAL :
+
+
+ +
+
+ +
+ CHANGE :
+
+
+ + +
+ Discounts :
+
+
+
+
+
+ Total Taxes :
+
+
+
+
+
+
+
+
+
+ +
+
+
+ Thank You... Please Visit Again ...
+
+ ]]>
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/custom_receipts_for_pos/static/js/ReceiptScreen/order_receipt.js b/custom_receipts_for_pos/static/js/ReceiptScreen/order_receipt.js
new file mode 100644
index 0000000..8a7c797
--- /dev/null
+++ b/custom_receipts_for_pos/static/js/ReceiptScreen/order_receipt.js
@@ -0,0 +1,53 @@
+odoo.define('custom_receipts_for_pos.receipt',function(require){
+ "use strict"
+ var models=require('point_of_sale.models');
+ const Registries = require('point_of_sale.Registries');
+ var PosDB = require("point_of_sale.DB");
+ const OrderReceipt = require('point_of_sale.OrderReceipt');
+ const AbstractReceiptScreen = require('point_of_sale.AbstractReceiptScreen');
+ var SuperOrder = models.Order;
+ const{onMounted}=owl;
+
+ PosDB.include({
+ init:function(options)
+ {
+ var self=this;
+ this._super(options);
+ this.receipt_design=null;
+ },
+ })
+
+ const PosResOrderReceipt = OrderReceipt =>
+ class extends OrderReceipt {
+ setup(){
+ super.setup();
+ onMounted(()=>{
+ var self=this;
+
+ if(self.env.pos.config.is_custom_receipt){
+ var receipt_design=self.env.pos.config.design_receipt
+ var order=self._receiptEnv.order;
+ var data={
+ widget:self.env,
+ pos:order.pos,
+ order:order,
+ receipt:order.export_for_printing(),
+ orderlines:order.get_orderlines(),
+ paymentlines:order.get_paymentlines(),
+ moment:moment,
+ };
+ var parser=new DOMParser();
+ var xmlDoc=parser.parseFromString(receipt_design,"text/xml");
+ var s=new XMLSerializer();
+ var newXmlStr=s.serializeToString(xmlDoc);
+ var qweb=new QWeb2.Engine();
+ console.log('receipt', self._receiptEnv)
+ qweb.add_template('
+
+
+
+ 
+
+ + POS Receipt Designs
++ Option to select the customised Receipts for each POS.
+
+
+
+
+
+
+
+ + Explore this module +
+ +
+
+
+
+
+
+
+ + Overview +
+
+
+
+
+ + In this module POS Receipt Design user can add receipt designs from the backend, and we can choose the receipt designs for each POS, + And we can view the different receipts for each POS.
+
+
+
+
+
+
+ + Features +
+
+
+
+
+ 
+
+
+
+
+ + User can add the receipt designs from the backend in the menu Receipt Designs.
+
+
+
+
+
+
+
+
+
+ + User can choose whether the current pos needs custom receipt design
+
+
+
+
+
+
+
+
+
+ + We can see that chosen receipt in frontend of the POS .
+
+
+
+
+
+
+
+
+
+
+ + We can edit the receipt design from the backend of the POS.
+
+
+
+
+
+ + Screenshots +
+
+ 
+
+ + Default Receipt of POS
++ This is the default receipt of POS. +
+
+
+ 
+ 
+
+
+ + Receipt Designs
++ We can add the Receipt designs from the backend in the menu 'Receipt Designs'. +
+
+
+
+ 
+
+ + Choose receipt design for POS.
++ We can choose the receipt design for each POS from the backend of the pos. +
+
+
+ 
+
+
+ + Edit receipt designs for POS.
++ We can edit the receipt design from the backend of the POS. +
+
+
+
+
+ + Chosen receipt in the frontend
++ We can see the chosen receipts for the POS in the frontend of the POS, It will vary as per we're choosing from the Backend for each POS. +
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+ Our Services
++
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+
+
+ Our Industries
++
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+
+
+
+
+ Need Help?
++
+
+
+
+
+
+
+
+
+
+
+
+ +91 86068 27707
+
+
+
+
+
+ 
+
+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+ Use Custom Receipt Design
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Use Custom Receipt Design
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+ POS Dashboard
+Detailed Dashboard View for POS.
+ +
+
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This module helps you to see the Overview of POS, here You can see the total orders, sessions, top
+ customers, top products etc.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Total POS Orders.
+
+
+ Total POS Orders.
+
+
+ Session Details.
+
+
+ Session Details.
+
+
+ Refund Details.
+
+
+ Refund Details.
+
+
+ Sale Details.
+
+
+ Sale Details.
+
+
+ Sale Report Charts.
+
+
+ Sale Report Charts.
+
+
+ Top products.
+
+
+ Top products.
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Open POS
+
+
+ 
+
+
+ Order and Session details.
+Order and Session counts are displayed in the dashboard.
+
+
+ 
+
+
+ Details in Charts
+Possible to see the POS details in different charts.
+
+
+ 
+
+
+ Bank, session & salesperson details
+Details like bank, session status, salesperson details are listed.
+
+
+
+
+ 
+
+
+ Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Odoo + Customization
+
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+
+
+ + Odoo + Support
+
+
+
+
+
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+
+
+
+ + Odoo + Integration
+
+
+
+
+
+
+
+
+ + Odoo + Migration
+
+
+
+
+
+
+
+ + Odoo + Consultancy
+
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/dashboard_pos/static/src/css/pos_dashboard.css b/dashboard_pos/static/src/css/pos_dashboard.css
new file mode 100644
index 0000000..c3a8144
--- /dev/null
+++ b/dashboard_pos/static/src/css/pos_dashboard.css
@@ -0,0 +1,1005 @@
+.oh_dashboards{
+ padding-top :15px;
+ background-color: #f8faff !important;
+}
+
+.oh-card h4 {
+ font-size: 1.1rem;
+}
+.breadcrumbs {
+ margin-top: 0;
+}
+
+.buttons button {
+ margin: 2px 0; }
+
+/* Button Reset */
+.btn, .button {
+ display: inline-block;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ transition: all .15s ease-in-out;
+ border-radius: 0;
+ cursor: pointer; }
+
+
+/* Widget One
+---------------------------*/
+.stat-content {
+ display: inline-block;
+ width: 66%;
+}
+.stat-icon{
+ display: inline-block;
+}
+
+.stat-widget-one .stat-icon {
+ vertical-align: top;
+ margin: auto;
+ width: 100%;
+ color: #01c490;
+}
+
+.stat-widget-one .stat-icon i {
+ font-size: 30px;
+ font-weight: 900;
+ display: inline-block;
+ color: #01c490;}
+
+.stat-widget-one .stat-text {
+ font-size: 14px;
+ color: #868e96;
+ font-weight: bold;
+}
+
+.stat-widget-one .stat-digit {
+ font-size: 24px;
+ color: #02448b; }
+
+.stat-count {
+ font-size: 20px;
+ text-align: center;
+ color: #00438b;}
+
+.stat-title {
+ font-size: 17px;
+ text-align: center;
+ color: #00438b; }
+
+.mb-0 .dash-title {
+ font-size: 20px;
+ text-align: center;
+ color: rgba(255, 255, 255, 0.81);
+}
+.hr_birthday {
+ font-size: 28px;
+ text-align: center;
+ padding: 20px 0;
+ color: #00438b;
+ font-weight: 600;
+}
+
+body .text-color {
+ color: #00438b;
+}
+.slice {
+ stroke: #fff;
+ stroke-width: 0px;
+}
+
+/* Leave graph */
+
+path { stroke: #fff; }
+path:hover { opacity:0.9; }
+rect:hover { fill:#934da5; }
+.axis { font: 10px sans-serif; }
+.legend tr{ border-bottom:1px solid grey; }
+.legend tr:first-child{ border-top:1px solid grey; }
+
+.axis path,
+.axis line {
+ fill: none;
+ stroke: #000;
+ shape-rendering: crispEdges;
+}
+
+.x.axis path { display: none; }
+.legend{
+ border-collapse: collapse;
+ border-spacing: 0px;
+ display: inline-block;
+}
+.legend td, .legend .legend_col{
+ padding:4px 5px;
+ vertical-align:bottom;
+}
+.legendFreq, .legendPerc{
+ align:right;
+ width:50px;
+}
+
+/* Leave broadfactor graph */
+
+.broad_factor_graph .axis path,
+.broad_factor_graph .axis line {
+ fill: none;
+ stroke: black;
+ shape-rendering: crispEdges;
+}
+.broad_factor_graph .axis text {
+ font-family: sans-serif;
+ font-size: 11px;
+}
+
+.broad_factor_graph rect {
+ -moz-transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
+}
+.broad_factor_graph rect:hover{
+ fill: #ff618a;
+}
+
+#broad_factor_pdf {
+ background-color: #ffffff;
+ border: 0;
+ color : #000000;
+ float: right;
+}
+#broad_factor_pdf i {
+ color: red;
+}
+
+.leave_broad_factor{
+ overflow-x: auto !important;
+ overflow-y: hidden !important;
+ height: auto;
+}
+
+/*=====================New Dashboard===========================*/
+
+.oh_dashboards {
+ background-color: #f8faff !important;
+ padding: 0px !important;
+
+}
+.container-fluid.o_pos_dashboard {
+ padding: 0px !important;
+}
+.employee-prof {
+
+ padding: 0px;
+ height: 100%;
+ background-color: #3e6282;
+ /*background-image: linear-gradient(180deg, #3e6282, #41666f);*/
+ position: fixed;
+ z-index: 999;
+}
+.employee-prof .oh-card:hover {
+
+ transform:none !important;
+ box-shadow: none !important;
+
+}
+
+/*.dummy{
+ height:130vh;
+}*/
+.oh-card {
+
+ padding-top: 0px;
+ padding: 0px;
+ margin-bottom: 1.5rem;
+ border-radius: 0px;
+ box-shadow: none;
+ background: none;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+
+}
+.oh-card:hover {
+
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+
+}
+.employee-prof .employee-icon {
+
+ float: left;
+ padding-right: 0px;
+ width: 100%;
+ height: 185px;
+ overflow: hidden;
+ background: #fff;
+
+}
+.employee-prof .employee-icon img{
+ width: 100%;
+ background: #fff;
+}
+
+.employee-prof .employee-name h2 {
+
+ text-align: center;
+ font-weight: 300;
+ text-transform: uppercase;
+ font-size: 17px;
+ margin-top: 12px;
+ margin-bottom: 2px;
+ color: #fff;
+
+}
+.media-body.employee-name {
+
+ background: #466b8d;
+ float: left;
+ margin: 0;
+ width: 100%
+
+}
+.employee-prof .employee-name p {
+
+ margin: 0 0 9px;
+ text-align: center;
+ font-size: 12px;
+ color: #f3f3f3;
+
+}
+.employee-prof p {
+ margin: 0 0 9px;
+ color: #fff;
+}
+.employee-gender {
+ width: 40%;
+ margin-left: 10%;
+ padding: 8% 10% 4%;
+ text-align: center;
+ border-right: 1px solid #4d769b;
+ margin-top: 14%;
+ float: left;
+ border-bottom: 1px solid #4d769b;
+}
+.employee-gender p {
+ margin: 0px 0 4px !important;
+ color: #fff;
+}
+.employee-age {
+ width: 40%;
+ margin-right: 10%;
+ padding: 4% 10% 7%;
+ text-align: center;
+ margin-top: 18%;
+ float: left;
+ border-bottom: 1px solid #4d769b;
+}
+.employee-age p {
+ margin: 0 0 1px;
+ color: #fff;
+}
+.employee-experience {
+
+ width: 100%;
+ text-align: center;
+ padding-top: 8%;
+ float: left;
+ padding-bottom: 3%;
+
+}
+.employee-country {
+ width: 40%;
+ margin-left: 10%;
+ padding: 9% 0% 4%;
+ text-align: center;
+ border-right: 1px solid #4d769b;
+ margin-top: 2%;
+ float: left;
+ border-top: 1px solid #4d769b;
+
+}
+.employee-country p {
+ margin: 0px 0 1px !important;
+ color: #fff;
+}
+.employee-mobile {
+ width: 40%;
+ margin-right: 10%;
+ padding: 9% 0% 7%;
+ text-align: center;
+ margin-top: 2%;
+ float: left;
+ border-top: 1px solid #4d769b;
+}
+.employee-mobile p {
+ margin: 0 0 1px;
+ color: #fff;
+}
+.oh-payslip {
+
+ margin-top: 4.5%;
+
+}
+.oh-payslip .stat-icon {
+
+ width: 30%;
+ height: 85px;
+ text-align: center;
+ background: #ff8762;
+ color: #fff;
+ width: 32%;
+ padding-top: 2%;
+ font-size: xxx-large;
+
+}
+.oh-payslip .oh-card {
+
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+
+}
+.stat-widget-one .stat-text {
+
+ font-size: 14px;
+ color: #ff8762;
+ margin-top: 2.3rem;
+ margin-left: 1rem;
+
+}
+.stat-widget-one .stat-digit {
+ font-size: 26px;
+ color:#993232;
+ margin-left: 1rem;
+ margin-top: -1px;
+ font-family: initial
+}
+
+.stat-widget-one .stat-icon i {
+
+ font-size: 25px;
+ font-weight: 900;
+ display: inline-block;
+ color: #fff;
+
+}
+.stat-widget-one {
+
+ background-color: white;
+ text-align: left;
+
+}
+.stat-widget-one {
+ width: 100%;
+}
+.oh-payslip .stat-icon {
+
+ width: 30%;
+ height: 85px;
+ text-align: center;
+ padding-top: 2%;
+
+}
+.oh-timesheets .stat-icon{
+ background: #5ebade !important;
+}
+.oh-contracts .stat-icon{
+ background: #b298e1 !important;
+}
+.oh-broad-factor .stat-icon{
+ background: #70cac1 !important;
+}
+.oh-timesheets .stat-widget-one .stat-text {
+ color: #5ebade;
+}
+.oh-contracts .stat-widget-one .stat-text {
+ color: #b298e1;
+}
+.oh-broad-factor .stat-widget-one .stat-text {
+ color: #70cac1;
+}
+.leave-manager {
+
+ background-color: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding: 0px;
+ margin: 15px;
+
+}
+.hr_leave_request_approve {
+ padding: 0;
+ padding-bottom: 0em;
+ padding-top: 0em;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+}
+.leaves_request_month {
+ padding: 0;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-bottom: 0em;
+ padding-top: 0em;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ border-bottom: 1px solid #f1f1f133;
+}
+.leaves_request_today{
+ padding: 0;
+ padding-bottom: 0em;
+ padding-top: 0em;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+
+}
+.hr_leave_request_approve:hover, .leaves_request_month:hover, .leaves_request_today:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+.hr_leave_request_approve p {
+ font-size: 14px;
+ color: #ff8762;
+ margin-left: 1rem;
+ margin-bottom: 0px;
+ text-align: left;
+ width: 64%;
+ font-weight: bold;
+ float: left;
+}
+.leaves_request_today p {
+ font-size: 14px;
+ color: #5ebade;
+ margin-left: 1rem;
+ margin-bottom: 0px;
+ text-align: left;
+ width:64%;
+ float:left;
+ font-weight: bold;
+}
+.leaves_request_month p{
+ font-size: 14px;
+ color: #b298e1;
+ margin-left: 1rem;
+ margin-bottom:0px;
+ text-align: left;
+ width:64%;
+ float:left;
+ font-weight: bold;
+}
+h4 .stat-count {
+ font-size: 17px;
+ text-align: center;
+ color: #000 !important;
+ margin-top: 0px;
+ width: 100%;
+ float: left;
+ margin: 0;
+}
+.leave-manager h4 {
+ float: left;
+ width: 23%;
+
+}
+.hr_leave_request_approve h4 {
+
+ padding: 5.2rem 0;
+ margin: 0;
+ background: #ff8762;
+ color: #fff;
+
+}
+.leaves_request_today h4 {
+
+ padding: 2.2rem 0;
+ margin: 0 !important;
+ background: #5ebade;
+ color: #fff;
+
+}
+.leaves_request_month h4 {
+
+ padding: 2.1rem 0;
+ margin: 0 !important;
+ background: #b298e1;
+ color: #fff;
+
+}
+.leaves_request_today h4 .stat-count ,.leaves_request_month h4 .stat-count , .hr_leave_request_approve h4 .stat-count
+{
+ color:#fff !important;
+}
+.graph_view .legend {
+ margin-bottom: 27px;
+ display: inline-block;
+ border-collapse: collapse;
+ border-spacing: 0px;
+ margin-left: 29px;
+}
+.hr-chart-1{
+ margin: 15px 0px;
+ background: #fff;
+ padding: 0px !important;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+}
+.hr-chart-1:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+.stat-head {
+ text-align: left !important;
+ font-weight: 300;
+ font-size: 15px;
+ margin-bottom: 25px;
+ margin-left: 24px;
+ width: 100%;
+}
+.emp_graph {
+ padding-left: 90px;
+ height: auto;
+ padding-bottom: 65px;
+ text-align: center !important;
+}
+.hr_leave_allocations_approve p {
+ font-size: 14px;
+ color: #ff8762;
+ margin-left: 1rem;
+ margin-bottom: 0px;
+ text-align: left;
+ width: 70%;
+ float: left;
+ font-weight: bold;
+}
+.hr_leave_allocations_approve h4 {
+
+ padding: 2.5rem 0;
+ margin: 0;
+ background: #ff8762;
+ color: #fff;
+ width: 26%;
+ float: left;
+}
+.hr_leave_allocations_approve .stat-count {
+
+ font-size: 17px;
+ text-align: center;
+ color: #fff !important;
+ margin-top: 0px;
+ width: 100%;
+ float: left;
+ margin: 0;
+
+}
+.hr_leave_allocations_approve {
+
+ padding: 0;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-bottom: 0em;
+ padding-top: 0em;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ background: #fff;
+ height: 80px;
+
+}
+.hr_leave_allocations_approve:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+.leave-manager {
+
+ background-color: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding: 0px;
+ margin: 15px;
+ margin-right: 15px;
+ margin-right: 0px;
+ width: 95% !important;
+ padding: 0;
+
+}
+.hr_job_application_approve {
+ padding: 0;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-bottom: 0em;
+ padding-top: 0em;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ background: #fff;
+ margin-top: 15px;
+ height: 80px;
+
+}
+.hr_job_application_approve p {
+ font-size: 14px;
+ color: #70cac1;
+ margin-left: 1rem;
+ margin-bottom: 0px;
+ text-align: left;
+ width: 70%;
+ float: left;
+ font-weight: bold;
+}
+.hr_job_application_approve h4 {
+
+ padding: 2.5rem 0;
+ margin: 0;
+ background: #70cac1;
+ color: #fff;
+ width: 26%;
+ float: left;
+
+}
+.hr_job_application_approve .stat-count {
+
+ font-size: 17px !important;
+ color: #fff !important;
+ margin-top: 0px !important;
+ width: 100%;
+ float: left;
+ margin: 0;
+ margin: 0px !important;
+ text-align: center !important;
+ width: 100% !important;
+
+}
+.hr_job_application_approve:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+.hr_attendance_login .oh-card {
+ margin: 0;
+ margin-bottom: 0px;
+ margin-bottom: 0px;
+ background: #134c8a;
+ padding-bottom: 7px;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+}
+.hr_attendance_login .stat-widget-one {
+ background: none;
+}
+.hr_attendance_login .stat-widget-one .stat-icon {
+ text-align: center;
+ padding-top: 9px;
+}
+.hr_attendance_login .stat-content {
+ width: 100%;
+ color: #fff !important;
+}
+.hr_attendance_login .stat-widget-one .stat-text {
+ margin: 0;
+ text-align: center;
+ width: 100% !important;
+ padding: 0;
+ color: #fff;
+}
+.hr_attendance_login .stat-widget-one .stat-icon .fa {
+ font-size: 50px;
+}
+.hr_attendance_login .stat-widget-one .stat-icon .fa {
+ font-size: 50px;
+ margin: 0px;
+ box-shadow: none;
+}
+.hr_attendance_login {
+ margin-top: 1.5%;
+}
+.monthly_leave_graph_view .oh-card {
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding: 15px;
+}
+.broad_factor_graph .oh-card {
+ padding: 15px !important;
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding: 15px;
+}
+.leave_broad_factor {
+ overflow-x: auto !important;
+ overflow-y: hidden !important;
+ height: 336px;
+ padding: 0px;
+ padding-left: 0px;
+}
+#broad_factor_pdf {
+
+ background-color: #ffffff;
+ float: right;
+ border-radius: 30px;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ border: 1px solid #4ec3b7;
+ color: #757575;
+ padding-top: 9px;
+ color: #4ec3b7;
+
+}
+#broad_factor_pdf:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+.hr_birthday {
+ font-size: 17px;
+ text-align: center;
+ padding: 20px 0;
+ color: #00438b;
+ font-weight: 300;
+}
+.hr_notification img {
+ width: 40px;
+ height: 40px;
+ border-radius: 100%;
+}
+.hr_notification {
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ height: 316px;
+ overflow-y: auto;
+ margin-bottom: 15px;
+}
+.hr_notification .media {
+ border-bottom: 1px solid #e6e6e6;
+ padding-bottom: 6px;
+ margin-bottom: 10px;
+}
+.hr_notification .text-color.display-6 {
+ margin: 0px 0 3px;
+ color: #2d2d2d;
+}
+.hr_notification p {
+ margin: 0 0 1px;
+ color: #666;
+ font-size: 10px;
+}
+.hr_notification_head {
+ font-size: 17px;
+ text-align: center;
+ padding: 12px 0;
+ color: #fff;
+ font-weight: 300;
+ background: #de6a5e;
+ margin-bottom: 9px;
+}
+.monthly_leave_trend .oh-card{
+ background: #fff;
+ transition: none !important;
+ will-change: none !important;
+ box-shadow: none !important;
+ margin-bottom: 5px;
+}
+
+.monthly_leave_trend path {
+ stroke: #70cac1;
+ stroke-width: 2;
+ fill: none;
+}
+
+.monthly_leave_trend .axis path,
+.monthly_leave_trend .axis line {
+ fill: none;
+ stroke: grey;
+ stroke-width: 1;
+ shape-rendering: crispEdges;
+}
+.monthly_leave_trend circle{
+ fill: #ffffff;
+ stroke: #44b7ac;
+ stroke-width: 1.5;
+}
+.hr-chart-1 {
+ margin: 15px 0px;
+ background: #fff;
+ padding: 0px !important;
+ padding-top: 0px;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding-top: 3px !important;
+}
+.monthly_leave_trend {
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+}
+.monthly_leave_trend:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+
+
+/*----------------------*/
+.monthly_join_resign_trend{
+ padding-right: 0px !important;
+}
+
+.monthly_join_resign_trend .oh-card {
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding: 15px;
+}
+
+.monthly_join_resign_trend .axis path,
+.monthly_join_resign_trend .axis line {
+ fill: none;
+ shape-rendering: crispEdges;
+ }
+
+.monthly_join_resign_trend .line {
+ fill: none;
+ stroke-width: 3px;
+
+ }
+
+.monthly_join_resign_trend .area {
+ fill: steelblue;
+ opacity: 0.5;
+ }
+
+.monthly_join_resign_trend .dot {
+ fill: steelblue;
+ stroke: steelblue;
+ stroke-width: 1.5px;
+ }
+
+/*----------------------------------------*/
+
+
+.monthly_attrition_rate path {
+ stroke: #70cac1;
+ stroke-width: 2;
+ fill: none;
+}
+
+.monthly_attrition_rate .axis path,
+.monthly_attrition_rate .axis line {
+ fill: none;
+ stroke: grey;
+ stroke-width: 1;
+ shape-rendering: crispEdges;
+}
+.monthly_attrition_rate circle{
+ fill: #ffffff;
+ stroke: #44b7ac;
+ stroke-width: 1.5;
+}
+
+.monthly_attrition_rate .oh-card {
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);
+ padding: 15px;
+}
+
+.monthly_attrition_rate .oh-card:hover{
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+
+
+.row.main-section {
+ margin-right: 0px; !important;
+}
+/* width */
+.hr_notification::-webkit-scrollbar {
+ width: 4px;
+}
+
+/* Track */
+.hr_notification::-webkit-scrollbar-track {
+ background: #f1f1f1;
+}
+
+/* Handle */
+.hr_notification::-webkit-scrollbar-thumb {
+ background: #5ebade;
+}
+
+/* Handle on hover */
+.hr_notification::-webkit-scrollbar-thumb:hover {
+ background: #598da1;
+}
+
+.oh-card-body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.oh-ribbon {
+ position: absolute;
+ left: -5px; top: -5px;
+ z-index: 1;
+ overflow: hidden;
+ width: 150px; height: 150px;
+ text-align: right;
+}
+.oh-ribbon span {
+ font-size: 10px;
+ font-weight: bold;
+ color: #FFF;
+ text-transform: uppercase;
+ text-align: center;
+ line-height: 20px;
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ width: 200px;
+ display: block;
+ background: #79A70A;
+ background: linear-gradient(#2989d8 0%, #1e5799 100%);
+ box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
+ position: absolute;
+ top: 56px;
+ left: -35px;
+}
+.oh-ribbon span::before {
+ content: "";
+ position: absolute; left: 0px; top: 100%;
+ z-index: -1;
+ border-left: 3px solid #1e5799;
+ border-right: 3px solid transparent;
+ border-bottom: 3px solid transparent;
+ border-top: 3px solid #1e5799;
+}
+.oh-ribbon span::after {
+ content: "";
+ position: absolute; right: 0px; top: 100%;
+ z-index: -1;
+ border-left: 3px solid transparent;
+ border-right: 3px solid #1e5799;
+ border-bottom: 3px solid transparent;
+ border-top: 3px solid #1e5799;
+}
+
+.o_action_manager{
+ overflow-y: scroll !important;
+ max-width:100%;
+ }
+
+ .hr_notification {
+
+ margin-top: 20px;
+}
+
+.stat_count{
+ margin-top: -111px;
+ margin-left: 35px;
+ font-size: 48px;
+}
+
+
+.stat-head {
+ text-align: left !important;
+ font-weight: 300;
+ font-size: 18px;
+ margin-bottom: 25px;
+ margin-left: 24px;
+ width: 100%;
+ margin-top: 57px;
+}
\ No newline at end of file
diff --git a/dashboard_pos/static/src/js/pos_dashboard.js b/dashboard_pos/static/src/js/pos_dashboard.js
new file mode 100644
index 0000000..69f302d
--- /dev/null
+++ b/dashboard_pos/static/src/js/pos_dashboard.js
@@ -0,0 +1,540 @@
+odoo.define('dashboard_pos.Dashboard', function (require) {
+"use strict";
+
+var AbstractAction = require('web.AbstractAction');
+var core = require('web.core');
+const { loadBundle } = require("@web/core/assets");
+var ajax = require('web.ajax');
+var session = require('web.session');
+var web_client = require('web.web_client');
+var rpc = require('web.rpc');
+var _t = core._t;
+var QWeb = core.qweb;
+
+var PosDashboard = AbstractAction.extend({
+ template: 'PosDashboard',
+ events: {
+ 'click .pos_order_today':'pos_order_today',
+ 'click .pos_order':'pos_order',
+ 'click .pos_total_sales':'pos_order',
+ 'click .pos_session':'pos_session',
+ 'click .pos_refund_orders':'pos_refund_orders',
+ 'click .pos_refund_today_orders':'pos_refund_today_orders',
+ 'change #pos_sales': 'onclick_pos_sales',
+ },
+
+ init: function(parent, context) {
+ this._super(parent, context);
+ this.dashboards_templates = ['PosOrders','PosChart','PosCustomer'];
+ this.payment_details = [];
+ this.top_salesperson = [];
+ this.selling_product = [];
+ this.total_sale = [];
+ this.total_order_count = [];
+ this.total_refund_count = [];
+ this.total_session = [];
+ this.today_refund_total = [];
+ this.today_sale = [];
+ },
+
+
+// willStart: function() {
+// var self = this;
+// return $.when(ajax.loadLibs(this), this._super()).then(function() {
+// return self.fetch_data();
+// });
+// },
+
+
+ willStart: function() {
+ var self = this;
+ return $.when(loadBundle(this), this._super()).then(function() {
+ return self.fetch_data();
+ });
+ },
+// willStart: function() {
+// var self = this;
+// return Promise.all([loadBundle(this), this._super()]).then(function() {
+// return self.fetch_data();
+
+ start: function() {
+ var self = this;
+ this.set("title", 'Dashboard');
+ return this._super().then(function() {
+ self.render_dashboards();
+ self.render_graphs();
+ self.$el.parent().addClass('oe_background_grey');
+ });
+ },
+
+ fetch_data: function() {
+ var self = this;
+ var def1 = this._rpc({
+ model: 'pos.order',
+ method: 'get_refund_details'
+ }).then(function(result) {
+ self.total_sale = result['total_sale'],
+ self.total_order_count = result['total_order_count']
+ self.total_refund_count = result['total_refund_count']
+ self.total_session = result['total_session']
+ self.today_refund_total = result['today_refund_total']
+ self.today_sale = result['today_sale']
+ });
+ var def2 = self._rpc({
+ model: "pos.order",
+ method: "get_details",
+ })
+ .then(function (res) {
+ self.payment_details = res['payment_details'];
+ self.top_salesperson = res['salesperson'];
+ self.selling_product = res['selling_product'];
+ });
+ return $.when(def1,def2);
+ },
+
+ render_dashboards: function() {
+ var self = this;
+ _.each(this.dashboards_templates, function(template) {
+ self.$('.o_pos_dashboard').append(QWeb.render(template, {widget: self}));
+ });
+ },
+ render_graphs: function(){
+ var self = this;
+ self.render_top_customer_graph();
+ self.render_top_product_graph();
+ self.render_product_category_graph();
+ },
+
+
+
+
+ pos_order_today: function(e){
+ var self = this;
+ var date = new Date();
+ var yesterday = new Date(date.getTime());
+ yesterday.setDate(date.getDate() - 1);
+ e.stopPropagation();
+ e.preventDefault();
+
+ session.user_has_group('hr.group_hr_user').then(function(has_group){
+ if(has_group){
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ self.do_action({
+ name: _t("Today Order"),
+ type: 'ir.actions.act_window',
+ res_model: 'pos.order',
+ view_mode: 'tree,form,calendar',
+ view_type: 'form',
+ views: [[false, 'list'],[false, 'form']],
+ domain: [['date_order','<=', date],['date_order', '>=', yesterday]],
+ target: 'current'
+ }, options)
+ }
+ });
+
+ },
+
+
+ pos_refund_orders: function(e){
+ var self = this;
+ var date = new Date();
+ var yesterday = new Date(date.getTime());
+ yesterday.setDate(date.getDate() - 1);
+ e.stopPropagation();
+ e.preventDefault();
+
+ session.user_has_group('hr.group_hr_user').then(function(has_group){
+ if(has_group){
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ self.do_action({
+ name: _t("Refund Orders"),
+ type: 'ir.actions.act_window',
+ res_model: 'pos.order',
+ view_mode: 'tree,form,calendar',
+ view_type: 'form',
+ views: [[false, 'list'],[false, 'form']],
+ domain: [['amount_total', '<', 0.0]],
+ target: 'current'
+ }, options)
+ }
+ });
+
+ },
+ pos_refund_today_orders: function(e){
+ var self = this;
+ var date = new Date();
+ var yesterday = new Date(date.getTime());
+ yesterday.setDate(date.getDate() - 1);
+ e.stopPropagation();
+ e.preventDefault();
+
+ session.user_has_group('hr.group_hr_user').then(function(has_group){
+ if(has_group){
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ self.do_action({
+ name: _t("Refund Orders"),
+ type: 'ir.actions.act_window',
+ res_model: 'pos.order',
+ view_mode: 'tree,form,calendar',
+ view_type: 'form',
+ views: [[false, 'list'],[false, 'form']],
+ domain: [['amount_total', '<', 0.0],['date_order','<=', date],['date_order', '>=', yesterday]],
+ target: 'current'
+ }, options)
+ }
+ });
+
+ },
+
+ pos_order: function(e){
+ var self = this;
+ var date = new Date();
+ var yesterday = new Date(date.getTime());
+ yesterday.setDate(date.getDate() - 1);
+ e.stopPropagation();
+ e.preventDefault();
+ session.user_has_group('hr.group_hr_user').then(function(has_group){
+ if(has_group){
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ self.do_action({
+ name: _t("Total Order"),
+ type: 'ir.actions.act_window',
+ res_model: 'pos.order',
+ view_mode: 'tree,form,calendar',
+ view_type: 'form',
+ views: [[false, 'list'],[false, 'form']],
+ target: 'current'
+ }, options)
+ }
+ });
+
+ },
+ pos_session: function(e){
+ var self = this;
+ e.stopPropagation();
+ e.preventDefault();
+ session.user_has_group('hr.group_hr_user').then(function(has_group){
+ if(has_group){
+ var options = {
+ on_reverse_breadcrumb: self.on_reverse_breadcrumb,
+ };
+ self.do_action({
+ name: _t("sessions"),
+ type: 'ir.actions.act_window',
+ res_model: 'pos.session',
+ view_mode: 'tree,form,calendar',
+ view_type: 'form',
+ views: [[false, 'list'],[false, 'form']],
+ target: 'current'
+ }, options)
+ }
+ });
+
+ },
+
+ onclick_pos_sales:function(events){
+ var option = $(events.target).val();
+ var self = this
+ var ctx = self.$("#canvas_1");
+ rpc.query({
+ model: "pos.order",
+ method: "get_department",
+ args: [option],
+ }).then(function (arrays) {
+ var data = {
+ labels: arrays[1],
+ datasets: [
+ {
+ label: arrays[2],
+ data: arrays[0],
+ backgroundColor: [
+ "rgba(255, 99, 132,1)",
+ "rgba(54, 162, 235,1)",
+ "rgba(75, 192, 192,1)",
+ "rgba(153, 102, 255,1)",
+ "rgba(10,20,30,1)"
+ ],
+ borderColor: [
+ "rgba(255, 99, 132, 0.2)",
+ "rgba(54, 162, 235, 0.2)",
+ "rgba(75, 192, 192, 0.2)",
+ "rgba(153, 102, 255, 0.2)",
+ "rgba(10,20,30,0.3)"
+ ],
+ borderWidth: 1
+ },
+
+ ]
+ };
+
+ //options
+ var options = {
+ responsive: true,
+ title: {
+ display: true,
+ position: "top",
+ text: "SALE DETAILS",
+ fontSize: 18,
+ fontColor: "#111"
+ },
+ legend: {
+ display: true,
+ position: "bottom",
+ labels: {
+ fontColor: "#333",
+ fontSize: 16
+ }
+ },
+ scales: {
+ yAxes: [{
+ ticks: {
+ min: 0
+ }
+ }]
+ }
+ };
+
+ //create Chart class object
+ if (window.myCharts != undefined)
+ window.myCharts.destroy();
+ window.myCharts = new Chart(ctx, {
+ type: "bar",
+ data: data,
+ options: options
+ });
+
+ });
+ },
+
+
+ render_top_customer_graph:function(){
+ var self = this
+ var ctx = self.$(".top_customer");
+ rpc.query({
+ model: "pos.order",
+ method: "get_the_top_customer",
+ }).then(function (arrays) {
+
+
+ var data = {
+ labels: arrays[1],
+ datasets: [
+ {
+ label: "",
+ data: arrays[0],
+ backgroundColor: [
+ "rgb(148, 22, 227)",
+ "rgba(54, 162, 235)",
+ "rgba(75, 192, 192)",
+ "rgba(153, 102, 255)",
+ "rgba(10,20,30)"
+ ],
+ borderColor: [
+ "rgba(255, 99, 132,)",
+ "rgba(54, 162, 235,)",
+ "rgba(75, 192, 192,)",
+ "rgba(153, 102, 255,)",
+ "rgba(10,20,30,)"
+ ],
+ borderWidth: 1
+ },
+
+ ]
+ };
+
+ //options
+ var options = {
+ responsive: true,
+ title: {
+ display: true,
+ position: "top",
+ text: " Top Customer",
+ fontSize: 18,
+ fontColor: "#111"
+ },
+ legend: {
+ display: true,
+ position: "bottom",
+ labels: {
+ fontColor: "#333",
+ fontSize: 16
+ }
+ },
+ scales: {
+ yAxes: [{
+ ticks: {
+ min: 0
+ }
+ }]
+ }
+ };
+
+ //create Chart class object
+ var chart = new Chart(ctx, {
+ type: "pie",
+ data: data,
+ options: options
+ });
+
+ });
+ },
+
+ render_top_product_graph:function(){
+ var self = this
+ var ctx = self.$(".top_selling_product");
+ rpc.query({
+ model: "pos.order",
+ method: "get_the_top_products",
+ }).then(function (arrays) {
+ var data = {
+
+ labels: arrays[1],
+ datasets: [
+ {
+ label: "Quantity",
+ data: arrays[0],
+ backgroundColor: [
+ "rgba(255, 99, 132,1)",
+ "rgba(54, 162, 235,1)",
+ "rgba(75, 192, 192,1)",
+ "rgba(153, 102, 255,1)",
+ "rgba(10,20,30,1)"
+ ],
+ borderColor: [
+ "rgba(255, 99, 132, 0.2)",
+ "rgba(54, 162, 235, 0.2)",
+ "rgba(75, 192, 192, 0.2)",
+ "rgba(153, 102, 255, 0.2)",
+ "rgba(10,20,30,0.3)"
+ ],
+ borderWidth: 1
+ },
+
+ ]
+ };
+
+ //options
+ var options = {
+ responsive: true,
+ title: {
+ display: true,
+ position: "top",
+ text: " Top products",
+ fontSize: 18,
+ fontColor: "#111"
+ },
+ legend: {
+ display: true,
+ position: "bottom",
+ labels: {
+ fontColor: "#333",
+ fontSize: 16
+ }
+ },
+ scales: {
+ yAxes: [{
+ ticks: {
+ min: 0
+ }
+ }]
+ }
+ };
+
+ //create Chart class object
+ var chart = new Chart(ctx, {
+ type: "horizontalBar",
+ data: data,
+ options: options
+ });
+
+ });
+ },
+
+ render_product_category_graph:function(){
+ var self = this
+ var ctx = self.$(".top_product_categories");
+ rpc.query({
+ model: "pos.order",
+ method: "get_the_top_categories",
+ }).then(function (arrays) {
+
+
+ var data = {
+ labels: arrays[1],
+ datasets: [
+ {
+ label: "Quantity",
+ data: arrays[0],
+ backgroundColor: [
+ "rgba(255, 99, 132,1)",
+ "rgba(54, 162, 235,1)",
+ "rgba(75, 192, 192,1)",
+ "rgba(153, 102, 255,1)",
+ "rgba(10,20,30,1)"
+ ],
+ borderColor: [
+ "rgba(255, 99, 132, 0.2)",
+ "rgba(54, 162, 235, 0.2)",
+ "rgba(75, 192, 192, 0.2)",
+ "rgba(153, 102, 255, 0.2)",
+ "rgba(10,20,30,0.3)"
+ ],
+ borderWidth: 1
+ },
+
+
+ ]
+ };
+
+ //options
+ var options = {
+ responsive: true,
+ title: {
+ display: true,
+ position: "top",
+ text: " Top product categories",
+ fontSize: 18,
+ fontColor: "#111"
+ },
+ legend: {
+ display: true,
+ position: "bottom",
+ labels: {
+ fontColor: "#333",
+ fontSize: 16
+ }
+ },
+ scales: {
+ yAxes: [{
+ ticks: {
+ min: 0
+ }
+ }]
+ }
+ };
+
+ //create Chart class object
+ var chart = new Chart(ctx, {
+ type: "horizontalBar",
+ data: data,
+ options: options
+ });
+
+ });
+ },
+});
+
+
+core.action_registry.add('pos_dashboard', PosDashboard);
+
+return PosDashboard;
+
+});
diff --git a/dashboard_pos/static/src/xml/pos_dashboard.xml b/dashboard_pos/static/src/xml/pos_dashboard.xml
new file mode 100644
index 0000000..cc8ba28
--- /dev/null
+++ b/dashboard_pos/static/src/xml/pos_dashboard.xml
@@ -0,0 +1,294 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SALE REPORT
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Sale by Salesperson
+
+
+
+
+
+
+
+
+
+
+
+
| Name | +orders | +Amount | +
|---|---|---|
+
+
+ |
+
+
+
+ |
+
+
+
+ |
+
+
+
+
+
+
+
+ Payment Method
+
+
+
+
+
+
+
+
+
+
+
+
| Payment Method | +Amount | +
|---|---|
+
+
+ |
+
+
+
+ |
+
+
+
+
+
+
+ Session Status
+
+
+
+
+
+
+
+
+
+
+
+
| Session | +Status | +
|---|---|
+
+
+ |
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + POS Direct Login +
+A Module For Direct + Login into POS. + +
+
+
+
+
+
+
+
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Overview +
+
+
+
+
+
+
+ This module allows to directly login to POS no need to access Backend.
+
+
+
+
+
+
+
+ Features +
+
+
+
+
+
+
+
+
+
+ Enterprise and Community compatible.
+
+
+ Enterprise and Community compatible.
+
+
+ Direct user based login to pos save time.
+
+
+
+
+ Direct user based login to pos save time.
+
+
+
+
+
+ Available in Odoo 16.0
+ Community
+
+
+ Available in Odoo 16.0
+ Community
+
+
+
+
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Configuration for + User +
+Select POS for the + user.
+
+
+ 
+
+ Login +
+Direct Login to + POS.
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ Related + Products +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Odoo + Customization
+
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+
+
+ + Odoo + Support
+
+
+
+
+
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+
+
+
+ + Odoo + Integration
+
+
+
+
+
+
+
+
+ + Odoo + Migration
+
+
+
+
+
+
+
+ + Odoo + Consultancy
+
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/login_pos_direct/views/res_users_views.xml b/login_pos_direct/views/res_users_views.xml
new file mode 100644
index 0000000..b51b753
--- /dev/null
+++ b/login_pos_direct/views/res_users_views.xml
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+ + Simplified Pos
++ All aspects of pos on + a single page.
+ +
+
+
+
+
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Overview +
+
+
+
+
+
+
+ With the help of this app, you may perform all point-of-sale tasks in a
+ single frame.
+
+
+
+
+
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ Choosing a product, confirming an order, and making a payment all on the same page.
+
+
+ Choosing a product, confirming an order, and making a payment all on the same page.
+
+
+
+
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+ 
+
+
+ + A POS frame
++ This is the new point + of sale frame.
+
+
+ 
+
+
+ + Product Search
++ We can search for + products here.
+
+
+ 
+
+
+ + Add Products to Order + line
++ When a product is + clicked, it is added to the order lines and the total is + displayed beneath it. We can adjust the amount, + price, and discount using the number pad.
+
+
+ 
+
+
+ + Add Payment + Methods
++ We can select the + necessary payment options, which can be shown beneath the + summary.
+
+
+ 
+
+
+ + Choose Customer
++ By pressing the search + button, we may choose a customer.
+
+
+ 
+
+
+ + Click
++ Click this to validate + the order.
+
+
+ 
+
+
+ + Click
++ Click confirm to + confirm order else click cancel.
+
+
+ 
+
+
+ + Click
++ Click print to print + the order.
+
+
+ 
+
+ + Click New order
++ To access the new + order, click New Order.
+
+
+
+
+
+
+
+ + Suggested + Products +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Odoo + Customization
+
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+
+
+ + Odoo + Support
+
+
+
+
+
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+
+
+
+ + Odoo + Integration
+
+
+
+
+
+
+
+
+ + Odoo + Migration
+
+
+
+
+
+
+
+ + Odoo + Consultancy
+
+
+
+
+
+
+
+ + Odoo + Implementation
+
+
+
+
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+
+
+
+ + Support +
+
+
+
diff --git a/simplified_pos/static/src/js/ConfirmationPopup.js b/simplified_pos/static/src/js/ConfirmationPopup.js
new file mode 100644
index 0000000..cdd7169
--- /dev/null
+++ b/simplified_pos/static/src/js/ConfirmationPopup.js
@@ -0,0 +1,44 @@
+odoo.define('point_of_sale.ConfirmationPopup', function (require) {
+ 'use strict';
+ const { _lt } = require('@web/core/l10n/translation');
+ const PaymentScreen = require('point_of_sale.PaymentScreen');
+ const Registries = require('point_of_sale.Registries');
+ const { useBus } = require('@web/core/utils/hooks');
+
+ class ConfirmationPopup extends PaymentScreen {
+ /*This is to add the workings inside confirmationPopup.*/
+ setup() {
+ super.setup();
+ if (this.props.confirmKey) {
+ useBus(this.env.posbus, `confirm-popup-${this.props.id}`, this.confirm);
+ }
+ }
+ async confirm(ev) {
+ /*Once confirm is clicked, the confirm function is activated,
+ and a PrintPopup is displayed, confirming the order.*/
+ this.showPopup("PrintPopup", {
+ title: _lt('Print order'),
+ confirmText: _lt('Print'),
+ cancelText: this.env._t('Cancel'),
+ });
+ this.validateOrder(false)
+ this.env.posbus.trigger('close-popup', {
+ popupId: this.props.id,
+ response: { confirmed: true, payload: await this.getPayload() },
+ });
+ }
+ async getPayload() {
+ return null;
+ }
+ async cancel(ev) {
+ /*Orders are cancelled through the cancel function.*/
+ window.location.reload();
+ }
+ get nextScreen() {
+ return !this.error ? 'ProductScreen' : 'ProductScreen';
+ }
+ }
+ ConfirmationPopup.template = 'ConfirmationPopup';
+ Registries.Component.add(ConfirmationPopup);
+ return ConfirmationPopup;
+});
\ No newline at end of file
diff --git a/simplified_pos/static/src/js/PrintPopup.js b/simplified_pos/static/src/js/PrintPopup.js
new file mode 100644
index 0000000..516d554
--- /dev/null
+++ b/simplified_pos/static/src/js/PrintPopup.js
@@ -0,0 +1,51 @@
+odoo.define('point_of_sale.PrintPopup', function (require) {
+ 'use strict';
+
+ const AbstractAwaitablePopup = require('point_of_sale.AbstractAwaitablePopup');
+ const Registries = require('point_of_sale.Registries');
+
+ class PrintPopup extends AbstractAwaitablePopup {
+ setup() {
+ super.setup();
+ }
+ async printReceipt() {
+ /*create a new window to hold the content to be printed*/
+ var printWindow = window.open('', 'PrintWindow', 'height=600,width=400');
+ /* get the HTML content of the popup, excluding the buttons*/
+ var content = this.el.innerHTML;
+ content = content.replace(/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![Logo]()
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tel:
+
+
+ --------------------------------
+ Served by
+ +
+ +
+
+
+ ( +
+
+
+
+ + ( +
+
----------
+ +
+ TOTAL
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ CUSTOMER
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Payment method
+
+
+
+
+ Name:
+Address:
+Email:
+Phone:
+
+
+
+
+ 
+
+
+