Refactor dial button

base_phone/static/src/js/phone_widget.js

@@ -8,76 +8,92 @@ odoo.define('base_phone.updatedphone_widget', function (require) {
 
 
     var core = require('web.core');
-    var web_client = require('web.web_client');
-    var basicFields = require('web.basic_fields');
-    var InputField = basicFields.InputField;
-    var originalFieldPhone = basicFields.FieldPhone;
-    var fieldRegistry = require('web.field_registry');
-    var QWeb = core.qweb;
+    var FieldPhone = require('web.basic_fields').FieldPhone;
     var _t = core._t;
 
-    var updatedFieldPhone = originalFieldPhone.extend({
+    FieldPhone.include({
 
         /* Always enable phone link tel:, not only on small screens  */
         _canCall: function () {
             return true;
         },
+        showDialButton: function () {
+            // must be inherited by ipbx specific modules
+            // and set to true
+            return false;
+        },
 
         _renderReadonly: function() {
+            // create a link to trigger action on server
+            // this link will be after the <a href="tel:">
             this._super();
-            if (this.mode == "readonly") {
-                var self = this;
-                var phone_num = this.value;
-                this.$el.filter('a[href^="tel:"]').off('click');
-                this.$el.filter('a[href^="tel:"]')
-                    .on('click', function(ev) {
-                        self.do_notify(
-                                _t('Click2dial started'),
-                                _t('Unhook your ringing phone'),
-                                false);
-                        var arg = {
-                            'phone_number': phone_num,
-                            'click2dial_model': self.model,
-                            'click2dial_id': self.res_id};
-                        self._rpc({
-                                route: '/base_phone/click2dial',
-                                params: arg,
-                                }).done(function(r) {
-                            // TODO: check why it never goes in there
-                            if (r === false) {
-                                self.do_warn("Click2dial failed");
-                            } else if (typeof r === 'object') {
-                                self.do_notify(
-                                        _t('Click2dial successfull'),
-                                        _t('Number dialed:') + ' ' + r.dialed_number,
-                                        false);
-                                if (r.action_model) {
-                                    var context = {
-                                        'click2dial_model': self.model,
-                                        'click2dial_id': self.res_id,
-                                        'phone_number': phone_num,
-                                    };
-                                    var action = {
-                                        name: r.action_name,
-                                        type: 'ir.actions.act_window',
-                                        res_model: r.action_model,
-                                        view_mode: 'form',
-                                        views: [[false, 'form']],
-                                        target: 'new',
-                                        context: context,
-                                    };
-                                    this.do_action(action);
-                                }
-                            }
-                        });
-                    });
+
+            if (!this.showDialButton()) {
+                return;
             }
-        }
-    });
+            var self = this;
 
+            // create our link
+            var dial = $('<a href="#" class="dial">📞 Dial</a>');
 
-fieldRegistry.add('phone', updatedFieldPhone);
+            // add a parent element
+            // it's not possible to append to $el directly
+            // because $el don't have any parent yet
+            var parent = $('<div>');
+            parent.append([this.$el[0], ' ', dial]);
 
-return updatedFieldPhone;
+            // replace this.$el by our new container
+            this.$el = parent;
+
+            var phone_num = this.value;
+            dial.click(function(evt) {
+                self.click2dial(phone_num);
+            });
+        },
+        click2dial: function(phone_num) {
+            var self = this;
+            this.do_notify(
+                _t('Click2dial started'),
+                _t('Unhook your ringing phone'),
+                false);
+            var params = {
+                'phone_number': phone_num,
+                'click2dial_model': this.model,
+                'click2dial_id': this.res_id};
+            return this._rpc({
+                route: '/base_phone/click2dial',
+                params: params,
+            }).then(function(r) {
+                console.log('successfull', r);
+                // TODO: check why it never goes in there
+                if (r === false) {
+                    self.do_warn("Click2dial failed");
+                } else if (typeof r === 'object') {
+                    self.do_notify(
+                            _t('Click2dial successfull'),
+                            _t('Number dialed:') + ' ' + r.dialed_number,
+                            false);
+                    if (r.action_model) {
+                        var action = {
+                            name: r.action_name,
+                            type: 'ir.actions.act_window',
+                            res_model: r.action_model,
+                            view_mode: 'form',
+                            views: [[false, 'form']],
+                            target: 'new',
+                            context: params,
+                        };
+                        return this.do_action(action);
+                    }
+                }
+            }, function (r) {
+                console.log('on error');
+                self.do_warn("Click2dial failed");
+            });
+        }
+    });
 
+    return {
+        'FieldPhone': FieldPhone
+    };
 });