AjmalCybro
2 years ago
7 changed files with 388 additions and 239 deletions
@ -1,152 +0,0 @@ |
|||
odoo.define('pos_kitchen_screen_odoo.dashboard_action', function(require) { |
|||
"use strict"; |
|||
var AbstractAction = require('web.AbstractAction'); |
|||
var core = require('web.core'); |
|||
document.write( |
|||
unescape("%3Cscript src='https://cdn.jsdelivr.net/npm/chart.js' type='text/javascript'%3E%3C/script%3E")); |
|||
const { |
|||
loadBundle |
|||
} = require("@web/core/assets"); |
|||
var QWeb = core.qweb; |
|||
var rpc = require('web.rpc'); |
|||
|
|||
//extending abstract actions for the dashboard
|
|||
var KitchenCustomDashBoard = AbstractAction.extend({ |
|||
template: 'KitchenCustomDashBoard', |
|||
events: { |
|||
'click .cancel_order': 'cancel_order', |
|||
'click .accept_order': 'accept_order', |
|||
'click .accept_order_line': 'accept_order_line', |
|||
'click .done_order': 'done_order', |
|||
'click .ready_stage': 'ready_stage', |
|||
'click .waiting_stage': 'waiting_stage', |
|||
'click .draft_stage': 'draft_stage', |
|||
}, |
|||
|
|||
//set up the dashboard template and fetch the data every 2 seconds from the backend for the dashboard
|
|||
init: function(parent, context) { |
|||
var self = this; |
|||
this._super(parent, context); |
|||
setInterval(function() { |
|||
self.fetch_data(); |
|||
}, 1000); |
|||
this.dashboards_templates = ['KitchenOrder']; |
|||
this.shop_id = context.context.default_lead_id; |
|||
}, |
|||
//returning the fetched data
|
|||
willStart: function() { |
|||
var self = this; |
|||
return Promise.all([loadBundle(this), this._super()]).then(function() { |
|||
return self.fetch_data(); |
|||
}); |
|||
}, |
|||
//rendering the dashboard every 2 seconds
|
|||
start: function() { |
|||
var self = this; |
|||
this.set("title", 'Dashboard'); |
|||
return this._super().then(function() { |
|||
self.render_dashboards(); |
|||
setInterval(function() { |
|||
self.render_dashboards(); |
|||
}, 1000); |
|||
}); |
|||
}, |
|||
//Used to render the dashboard
|
|||
render_dashboards: function() { |
|||
var self = this; |
|||
console.log('render_dashboards',self) |
|||
_.each(this.dashboards_templates, function(template) { |
|||
self.$('.o_pj_dashboard').html(QWeb.render(template, { |
|||
widget: self |
|||
})); |
|||
}); |
|||
}, |
|||
// fetch pos order details
|
|||
fetch_data: function() { |
|||
var self = this; |
|||
var def1 = self._rpc({ |
|||
model: 'pos.order', |
|||
method: 'get_details', |
|||
args: [ |
|||
[], self.shop_id, [] |
|||
], |
|||
}).then(function(result) { |
|||
self.total_room = result['orders']; |
|||
self.lines = result['order_lines']; |
|||
}); |
|||
return $.when(def1); |
|||
}, |
|||
// cancel the order from the kitchen
|
|||
cancel_order: function(e) { |
|||
var input_id = this.$("#" + e.target.id).val(); |
|||
rpc.query({ |
|||
model: 'pos.order', |
|||
method: 'order_progress_cancel', |
|||
args: [ |
|||
[], input_id |
|||
] |
|||
}) |
|||
}, |
|||
// accept the order from the kitchen
|
|||
accept_order: function(e) { |
|||
var input_id = this.$("#" + e.target.id).val(); |
|||
ScrollReveal().reveal("#" + e.target.id, { |
|||
delay: 1000, |
|||
duration: 2000, |
|||
opacity: 0, |
|||
distance: "50%", |
|||
origin: "top", |
|||
reset: true, |
|||
interval: 600, |
|||
}); |
|||
rpc.query({ |
|||
model: 'pos.order', |
|||
method: 'order_progress_draft', |
|||
args: [ |
|||
[], input_id |
|||
] |
|||
}) |
|||
}, |
|||
//set the stage is ready to see the completed stage orders
|
|||
ready_stage: function(e) { |
|||
var self = this; |
|||
self.stages = 'ready'; |
|||
}, |
|||
//set the stage is waiting to see the ready stage orders
|
|||
waiting_stage: function(e) { |
|||
var self = this; |
|||
self.stages = 'waiting'; |
|||
}, |
|||
//set the stage is draft to see the cooking stage orders
|
|||
draft_stage: function(e) { |
|||
var self = this; |
|||
self.stages = 'draft'; |
|||
}, |
|||
// change the status of the order from the kitchen
|
|||
done_order: function(e) { |
|||
var input_id = this.$("#" + e.target.id).val(); |
|||
rpc.query({ |
|||
model: 'pos.order', |
|||
method: 'order_progress_change', |
|||
args: [ |
|||
[], input_id |
|||
] |
|||
}); |
|||
}, |
|||
|
|||
// change the status of the product from the kitchen
|
|||
accept_order_line: function(e) { |
|||
var input_id = this.$("#" + e.target.id).val(); |
|||
rpc.query({ |
|||
model: 'pos.order.line', |
|||
method: 'order_progress_change', |
|||
args: [ |
|||
[], input_id |
|||
] |
|||
}) |
|||
}, |
|||
|
|||
}); |
|||
core.action_registry.add('kitchen_custom_dashboard_tags', KitchenCustomDashBoard); |
|||
return KitchenCustomDashBoard; |
|||
}); |
|||
@ -0,0 +1,136 @@ |
|||
/** @odoo-module */ |
|||
|
|||
import { registry } from "@web/core/registry"; |
|||
const { Component, useState } = owl; |
|||
import { useService } from "@web/core/utils/hooks"; |
|||
|
|||
|
|||
class kitchen_screen_dashboard extends Component { |
|||
|
|||
setup() { |
|||
this.busService = useService('bus_service') |
|||
this.busService.addChannel("pos_order_created"); |
|||
this.busService.addEventListener('notification', this.onPosOrderCreation.bind(this)); |
|||
|
|||
this.action = useService("action"); |
|||
this.rpc = useService("rpc"); |
|||
this.orm = useService("orm"); |
|||
var self=this |
|||
|
|||
this.state = useState({ |
|||
order_details: [], |
|||
shop_id:[], |
|||
stages: 'draft', |
|||
draft_count:[], |
|||
waiting_count:[], |
|||
ready_count:[], |
|||
lines:[] |
|||
}); |
|||
var session_shop_id; |
|||
//if refreshing the page then the last passed context (shop id)
|
|||
//save to the session storage
|
|||
if (this.props.action.context.default_shop_id) { |
|||
sessionStorage.setItem('shop_id', this.props.action.context.default_shop_id); |
|||
this.shop_id = this.props.action.context.default_shop_id; |
|||
session_shop_id = sessionStorage.getItem('shop_id'); |
|||
} else { |
|||
session_shop_id = sessionStorage.getItem('shop_id'); |
|||
this.shop_id = parseInt(session_shop_id, 10);; |
|||
} |
|||
self.orm.call("pos.order", "get_details", ["", self.shop_id,""]).then(function(result) { |
|||
self.state.order_details = result['orders'] |
|||
self.state.lines = result['order_lines'] |
|||
self.state.shop_id=self.shop_id |
|||
self.state.draft_count=self.state.order_details.filter((order) => order.order_status=='draft' && order.config_id[0]==self.state.shop_id).length |
|||
self.state.waiting_count=self.state.order_details.filter((order) => order.order_status=='waiting' && order.config_id[0]==self.state.shop_id).length |
|||
self.state.ready_count=self.state.order_details.filter((order) => order.order_status=='ready' && order.config_id[0]==self.state.shop_id).length |
|||
}); |
|||
} |
|||
|
|||
//Calling the onPosOrderCreation when an order is created or edited on the backend and return the notification
|
|||
onPosOrderCreation(message){ |
|||
let payload = message.detail[0].payload |
|||
var self=this |
|||
if(payload.message == "pos_order_created" && payload.res_model == "pos.order"){ |
|||
self.orm.call("pos.order", "get_details", ["", self.shop_id,""]).then(function(result) { |
|||
self.state.order_details = result['orders'] |
|||
self.state.lines = result['order_lines'] |
|||
self.state.shop_id=self.shop_id |
|||
self.state.draft_count=self.state.order_details.filter((order) => order.order_status=='draft' && order.config_id[0]==self.state.shop_id).length |
|||
self.state.waiting_count=self.state.order_details.filter((order) => order.order_status=='waiting' && order.config_id[0]==self.state.shop_id).length |
|||
self.state.ready_count=self.state.order_details.filter((order) => order.order_status=='ready' && order.config_id[0]==self.state.shop_id).length |
|||
}); |
|||
} |
|||
} |
|||
|
|||
// cancel the order from the kitchen
|
|||
cancel_order(e) { |
|||
var input_id = $("#" + e.target.id).val(); |
|||
this.orm.call("pos.order", "order_progress_cancel", [Number(input_id)]) |
|||
var current_order = this.state.order_details.filter((order) => order.id==input_id) |
|||
if(current_order){ |
|||
current_order[0].order_status = 'cancel' |
|||
} |
|||
} |
|||
// accept the order from the kitchen
|
|||
accept_order(e) { |
|||
var input_id = $("#" + e.target.id).val(); |
|||
ScrollReveal().reveal("#" + e.target.id, { |
|||
delay: 1000, |
|||
duration: 2000, |
|||
opacity: 0, |
|||
distance: "50%", |
|||
origin: "top", |
|||
reset: true, |
|||
interval: 600, |
|||
}); |
|||
var self=this |
|||
this.orm.call("pos.order", "order_progress_draft", [Number(input_id)]) |
|||
var current_order = this.state.order_details.filter((order) => order.id==input_id) |
|||
if(current_order){ |
|||
current_order[0].order_status = 'waiting' |
|||
} |
|||
} |
|||
// set the stage is ready to see the completed stage orders
|
|||
ready_stage(e) { |
|||
var self = this; |
|||
self.state.stages = 'ready'; |
|||
} |
|||
//set the stage is waiting to see the ready stage orders
|
|||
waiting_stage(e) { |
|||
var self = this; |
|||
self.state.stages = 'waiting'; |
|||
} |
|||
//set the stage is draft to see the cooking stage orders
|
|||
draft_stage(e) { |
|||
var self = this; |
|||
self.state.stages = 'draft'; |
|||
} |
|||
// change the status of the order from the kitchen
|
|||
done_order(e) { |
|||
var self = this; |
|||
var input_id = $("#" + e.target.id).val(); |
|||
this.orm.call("pos.order", "order_progress_change", [Number(input_id)]) |
|||
var current_order = this.state.order_details.filter((order) => order.id==input_id) |
|||
if(current_order){ |
|||
current_order[0].order_status = 'ready' |
|||
} |
|||
} |
|||
// change the status of the product from the kitchen
|
|||
accept_order_line(e) { |
|||
var input_id = $("#" + e.target.id).val(); |
|||
this.orm.call("pos.order.line", "order_progress_change", [Number(input_id)]) |
|||
var current_order_line=this.state.lines.filter((order_line) => order_line.id==input_id) |
|||
if (current_order_line){ |
|||
if (current_order_line[0].order_status == 'ready'){ |
|||
current_order_line[0].order_status = 'waiting' |
|||
} |
|||
else{ |
|||
current_order_line[0].order_status = 'ready' |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
kitchen_screen_dashboard.template = 'KitchenCustomDashBoard'; |
|||
registry.category("actions").add("kitchen_custom_dashboard_tags", kitchen_screen_dashboard); |
|||
Loading…
Reference in new issue