Create a widget in odoo 10 for pos - odoo

Question

I trying to create a custom widget,
*.js
odoo.define('pos_widget',function (require) {
var PosBaseWidget = require('point_of_sale.BaseWidget');
aleert('Alert One');//It alerts
var NewWidget = PosBaseWidget.extend({
template: 'NewWidget',
init: function(parent,options){
alert('Alert Two inside init function'); // It not alerts
var self = this;
},
});
});
But getting an error on console:
Error: Service pos_widget already defined boot.js:119:27
No type for action Object { context: Object } action_manager.js:631:13
error: Some modules could not be started
Failed modules: Array [ "point_of_sale.chrome" ]
Non loaded modules: Array [ "point_of_sale.main" ]
Debug: Object { point_of_sale.main: Object, point_of_sale.chrome: Object }
Note
I have added these lines in chrome.js file (point_of_sale module) directly, and works. But not in custom module.
How can i resolve this?

Answer 1

It seems that the name you have used is conflict 'pos_widget'
Change it to with your something like modulename.pos_custom_widget

Answer 2

Check path of your js file given in your xml file. It should be like this way:
XML file :
<?xml version="1.0" encoding="utf-8"?>
<template id="assets" inherit_id="point_of_sale.assets">
<xpath expr="." position="inside">
<script type="text/javascript" src="/custom_module/static/src/js/js_file.js"></script>
</xpath>
</template>
After that for js file it should be like this:
JS file:
odoo.define('custom_module.file_name', function (require) {
"use strict";
var PosBaseWidget = require('point_of_sale.BaseWidget');
var TableWidget = PosBaseWidget.extend({
template: 'TableWidget',
init: function(parent, options){
this._super(parent, options);
alert("Custom Widget");
}
});
});
After this add your xml file in manifest like this:
Manifest file:
'data': [
'views/pos_restaurant_views.xml',
],
Also after this you have to create your qweb template in xml file. And add this qweb temlpate in manifest like this:
qweb template in manifest
'qweb': [
'static/src/xml/qweb_file.xml',
],
After this run your POS in front.