Merge lp:~openerp-dev/openobject-addons/trunk-livechat-support into lp:openobject-addons

[Vidhin Mehta (OpenERP)]

[lp:~openerp-dev/openobject-addons/trunk-livechat-support]

8866. By Ishwar Malvi(OpenERP) on 2013-09-04

[MERGE]with trunk and resolve conflicts.

8867. By Ishwar Malvi(OpenERP) on 2013-09-04

[IMP]improved code.

8868. By Ishwar Malvi(OpenERP) on 2013-09-05

[IMP]added im_feedback object to store feedback and reason and improved code.

Unmerged revisions

8868. By Ishwar Malvi(OpenERP) on 2013-09-05

[IMP]added im_feedback object to store feedback and reason and improved code.

8867. By Ishwar Malvi(OpenERP) on 2013-09-04

[IMP]improved code.

8866. By Ishwar Malvi(OpenERP) on 2013-09-04

[MERGE]with trunk and resolve conflicts.

8865. By Ishwar Malvi(OpenERP) on 2013-09-03

[IMP]improved code.

8864. By Ishwar Malvi(OpenERP) on 2013-09-02

[MERGE] with trunk and resolve conflicts.

8863. By Ishwar Malvi(OpenERP) on 2013-08-22

[IMP]replaced im_partners object with im_chat_session to maintain individual session chat

8862. By Ishwar Malvi(OpenERP) on 2013-08-22

[IMP]modify code to resolve conflicts.

8861. By Kunal Chavda on 2013-08-14

[MERGE]with latest trunk.

8860. By Ishwar Malvi(OpenERP) on 2013-08-13

[IMP]improved code.

8859. By Ishwar Malvi(OpenERP) on 2013-08-13

[IMP]improve code.

=== modified file 'im/__openerp__.py'
--- im/__openerp__.py	2013-08-20 14:15:38 +0000
+++ im/__openerp__.py	2013-09-05 08:44:12 +0000
@@ -16,8 +16,10 @@
     'data': [
         'security/ir.model.access.csv',
         'security/im_security.xml',
+        'im_shortcut_view.xml'
     ],
-    'depends' : ['base', 'web'],
+    'demo': ['im_demo.xml'],
+    'depends' : ['base', 'web', 'portal_anonymous'],
     'js': [
         'static/src/js/im_common.js',
         'static/src/js/im.js',

=== modified file 'im/im.py'
--- im/im.py	2013-09-04 13:17:53 +0000
+++ im/im.py	2013-09-05 08:44:12 +0000
@@ -191,6 +191,27 @@
             'to_id': [(6, 0, to_ids)], 'session_id': to_session_id, 'technical': technical}, context=context)
         notify_channel(cr, "im_channel", {'type': 'message', 'receivers': [my_id] + to_ids})
         return False
+    
+class im_premsgs(osv.osv):
+    _name= "im.premsgs"
+    
+    _columns = {
+        'user_id': fields.many2one("res.users", string="User", select=True, ondelete='cascade'),
+        'hashtag': fields.char(string="Message", size=10, required=True),
+        'note': fields.text('Note'),
+    } 
+    
+    def get_premessages(self, cr, uid, ids, context):
+        res={}
+        user = self.pool.get("im.user").browse(cr, uid, ids).user_id.id
+        if user == openerp.SUPERUSER_ID:
+            id = self.search(cr, uid, ['|','|',('user_id','=', None),('user_id','=', user),('user_id','!=', user)])
+        else:
+            id = self.search(cr, uid, ['|',('user_id','=', None),('user_id','=', user)])
+        for data in self.browse(cr, uid, id):
+           res[data.hashtag] = data.note
+        return res
+        
 
 class im_session(osv.osv):
     _name = 'im.session'

=== added file 'im/im_demo.xml'
--- im/im_demo.xml	1970-01-01 00:00:00 +0000
+++ im/im_demo.xml	2013-09-05 08:44:12 +0000
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<openerp>
+	<data>
+	    
+        <!-- Resource: im.premsgs -->
+
+        <record id="im_premsgs_1" model="im.premsgs">
+            <field name="hashtag">#gm</field>
+            <field name="note">good morning</field>
+        </record>
+
+        <record id="im_premsgs_2" model="im.premsgs">
+            <field name="hashtag">#gn</field>
+            <field name="note">good night</field>
+        </record>
+
+        <record id="im_premsgs_3" model="im.premsgs">
+            <field name="hashtag">#u</field>
+            <field name="note">you</field>
+        </record>
+
+        <record id="im_premsgs_4" model="im.premsgs">
+            <field name="hashtag">#ur</field>
+            <field name="note">your</field>
+        </record>
+
+        <record id="im_premsgs_5" model="im.premsgs">
+            <field name="hashtag">#abt</field>
+            <field name="note">about</field>
+        </record>
+
+        <record id="im_premsgs_6" model="im.premsgs">
+            <field name="hashtag">#bt</field>
+            <field name="note">but</field>
+        </record>
+    </data>
+</openerp>
+		
\ No newline at end of file

=== added file 'im/im_shortcut_view.xml'
--- im/im_shortcut_view.xml	1970-01-01 00:00:00 +0000
+++ im/im_shortcut_view.xml	2013-09-05 08:44:12 +0000
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<openerp>
+    <data>
+        
+        <menuitem id="im" name="Instant Messaging" parent="mail.mail_feeds_main"/>
+        <!-- Search View-->
+            <!-- im premsgs -->
+        <record model="ir.ui.view" id="view_im_premsgs_search">
+            <field name="name">im.premsgs.search</field>
+            <field name="model">im.premsgs</field>
+            <field name="arch" type="xml">
+                <search string="Im Shortcuts">
+                    <field name="hashtag" string="Shortcut"/>
+                    <group expand="0" string="Group By...">
+                            <filter string="User" name="user_id" context="{'group_by':'user_id'}"/>
+                    </group>
+                </search>
+            </field>
+        </record>
+         
+        <!-- Tree View -->
+            <!-- im premsgs -->
+            <record model="ir.ui.view" id="view_im_premsgs_tree">
+                <field name="name">im.premsgs.tree</field>
+                <field name="model">im.premsgs</field>
+                <field name="arch" type="xml">
+                    <tree string="Im Shortcuts" editable="top">
+                        <field name="hashtag"/>
+                        <field name="note"/>
+                        <field name="user_id"/>
+                    </tree>
+                </field>
+            </record>
+                
+         <!-- Action -->
+          <!-- im premsgs -->
+          <record model="ir.actions.act_window" id="action_im_premsgs">
+              <field name="name">Im Shortcuts</field>
+              <field name="res_model">im.premsgs</field>
+              <field name="view_type">tree</field>
+              <field name="view_mode">list</field>
+              <field name="search_view_id" ref="view_im_premsgs_search"/>
+          </record>
+          
+         <menuitem name="Shortcuts" parent="im" id="im_shortcuts" action="action_im_premsgs"/>
+            
+    </data>
+</openerp>
\ No newline at end of file

=== modified file 'im/security/im_security.xml'
--- im/security/im_security.xml	2013-09-02 12:23:11 +0000
+++ im/security/im_security.xml	2013-09-05 08:44:12 +0000
@@ -22,5 +22,17 @@
             <field name="perm_create" eval="1"/>
             <field name="perm_unlink" eval="1"/>
         </record>
+        
+        <record id="premsgs_rule_1" model="ir.rule">
+            <field name="name">Can create, read and modify message shortcuts of his/her and unassigned </field>
+            <field name="model_id" ref="model_im_premsgs"/>
+            <field name="groups" eval="[(6,0,[ref('base.group_user')])]"/>
+            <field name="domain_force">["|", ('user_id', '=', user.id),('user_id', '=', False)]</field>
+            <field name="perm_unlink" eval="0"/>
+            <field name="perm_write" eval="1"/>
+            <field name="perm_read" eval="1"/>
+            <field name="perm_create" eval="1"/>
+        </record>
+        
     </data>
 </openerp>

=== modified file 'im/static/src/js/im.js'
--- im/static/src/js/im.js	2013-09-02 17:36:59 +0000
+++ im/static/src/js/im.js	2013-09-05 08:44:12 +0000
@@ -169,9 +169,97 @@
             this._super();
         },
     });
+    
+    im_common.Conversation.include({
+        events: {
+            "keyup input": "keydown",
+            "click .oe_im_chatview_close": "destroy",
+            "click .oe_im_chatview_header": "show_hide",
+            "keydown input": "convertmsg",
+        },
+        split: function (val) {
+            return val.split(/ \s*/);
+        },
+        extractLast: function (term) {
+            return this.split(term).pop();
+        },
+        convertmsg : function(e) {
+            var self = this;
+            self.mes = this.$("input").val();
+            var model = new instance.web.Model("im.premsgs");
+            model.call("get_premessages", [this.c_manager.me.get('id')], {context : new instance.web.CompoundContext()
+            }).then(function(res) {
+                var meslist = self.mes.split(' ');
+                self.availmsgs = _.keys(res);
+                _.each(meslist, function(mesval, meskey) {
+                    if(_.contains(self.availmsgs, mesval)){
+                        meslist[meskey] = res[mesval];
+                    }
+                    self.mes = meslist.join(" ");
+                });
+            });
+            $(".oe_im_chatview_footer input").bind("keydown", function(event) {
+                if (event.keyCode === $.ui.keyCode.TAB && $(this).data("ui-autocomplete").menu.active) {
+                    event.preventDefault();
+                }
+            }).autocomplete({
+                minLength: 1,
+                source: function(request, response) {
+                    if(self.extractLast(request.term).match('#')){
+                        response($.ui.autocomplete.filter(self.availmsgs, self.extractLast(request.term)));
+                    } else {
+                        $( ".oe_im_chatview_footer input" ).blur().focus();
+                        return false;
+                    }
+                },
+                focus: function() {
+                    return false;
+                },
+                select: function(event, ui) {
+                    var terms = self.split(this.value);
+                    terms.pop();
+                    terms.push(ui.item.value);
+                    terms.push("");
+                    this.value = terms.join(" ");
+                    return false;
+                }
+            });
+            var position = $(".oe_im_chatview_footer input").autocomplete( "option", "position" );
+            $(".oe_im_chatview_footer input").autocomplete( "option", "position", { my : "right top", at: "right bottom" } );
+        },
+        _add_bubble: function(user, item, date) {
+            var items = [item];
+            if (user === this.last_user) {
+                this.last_bubble.remove();
+                items = this.last_items.concat(items);
+            }
+            this.last_user = user;
+            this.last_items = items;
+            var zpad = function(str, size) {
+                str = "" + str;
+                return new Array(size - str.length + 1).join('0') + str;
+            };
+            date = "" + zpad(date.getHours(), 2) + ":" + zpad(date.getMinutes(), 2);
+            
+            this.last_bubble = $(QWeb.render("im_common.conversation_bubble", {"user": user, "time": date}));
+            var self = this;
+            _.each(items, function(item){
+                if (item == '#offline'){
+                    self.last_bubble.find('.oe_im_chatview_bubble_list').append("<div class='oe_im_chatview_bubble_item'><font color='grey'>Visitor has left conversation.</font></div>");
+                } else {
+                    self.last_bubble.find('.oe_im_chatview_bubble_list').append("<div class='oe_im_chatview_bubble_item'>" + item + "</div>");
+                }
+            });
+            $(this.$(".oe_im_chatview_content").children()[0]).append(this.last_bubble);
+            this._go_bottom();
+        },
+        _go_bottom: function() {
+            this.$(".oe_im_chatview_content").scrollTop($(this.$(".oe_im_chatview_content").children()[0]).height());
+        },
+    });
 
     im_common.technical_messages_handlers.force_kitten = function() {
         openerp.webclient.to_kitten();
     };
 
-})();
\ No newline at end of file
+})();

=== modified file 'im/static/src/js/im_common.js'
--- im/static/src/js/im_common.js	2013-09-04 13:17:53 +0000
+++ im/static/src/js/im_common.js	2013-09-05 08:44:12 +0000
@@ -307,7 +307,7 @@
             this.set("bottom_position", 0);
             this.shown = true;
             this.set("pending", 0);
-            this.inputPlaceholder = this.options.defaultInputPlaceholder;
+            this.inputPlaceholder = this.options.inputPlaceholder;
             this.set("users", []);
             this.set("disconnected", false);
             this.others = [];
@@ -412,11 +412,20 @@
             if(e && e.which !== 13) {
                 return;
             }
-            var mes = this.$("input").val();
+            if(typeof this.mes == 'undefined'){
+                var mes = this.$("input").val();
+            }else{
+                var mes = this.mes;
+            }
             if (! mes.trim()) {
                 return;
             }
             this.$("input").val("");
+            var url=/((?:http:|ftp:|https:)\/\/[\w\-_]+(?:\.[\w\-_]+)+(?:[\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?)/gi;
+            if (mes.match(url))
+                mes = mes.replace(url, function(link) {
+                return '<a style="color:blue; text-decoration:underline;" href="'+ link +'">'+ link +'</a>';
+            });
             this.send_message(mes);
         },
         send_message: function(message, technical) {
@@ -446,8 +455,17 @@
                 return new Array(size - str.length + 1).join('0') + str;
             };
             date = "" + zpad(date.getHours(), 2) + ":" + zpad(date.getMinutes(), 2);
+<<<<<<< TREE
             var to_show = _.map(items, im_common.escape_keep_url);
             this.last_bubble = $(openerp.qweb.render("im_common.conversation_bubble", {"items": to_show, "user": user, "time": date}));
+=======
+            
+            this.last_bubble = $(openerp.qweb.render("im_common.conversation_bubble",{"user": user, "time": date}));
+            var self = this;
+            _.each(items, function(item){
+                self.last_bubble.find('.oe_im_chatview_bubble_list').append("<div class='oe_im_chatview_bubble_item'>" + item + "</div>");    
+            });
+>>>>>>> MERGE-SOURCE
             $(this.$(".oe_im_chatview_content").children()[0]).append(this.last_bubble);
             this._go_bottom();
         },

=== modified file 'im/static/src/xml/im_common.xml'
--- im/static/src/xml/im_common.xml	2013-09-03 13:59:40 +0000
+++ im/static/src/xml/im_common.xml	2013-09-05 08:44:12 +0000
@@ -32,9 +32,12 @@
         </div>
         <div class="oe_im_chatview_from"><t t-esc="user.get('name')"/></div>
         <div class="oe_im_chatview_bubble_list">
+<<<<<<< TREE
             <t t-foreach="items" t-as="item">
                 <div class="oe_im_chatview_bubble_item"><t t-raw="item"/></div>
             </t>
+=======
+>>>>>>> MERGE-SOURCE
         </div>
         <div class="oe_im_chatview_time"><t t-esc="time"/></div>
     </div>

=== modified file 'im_livechat/im_livechat.py'
--- im_livechat/im_livechat.py	2013-09-02 17:29:23 +0000
+++ im_livechat/im_livechat.py	2013-09-05 08:44:12 +0000
@@ -24,6 +24,8 @@
 import json
 import random
 import jinja2
+import datetime
+from openerp.tools.misc import DEFAULT_SERVER_DATETIME_FORMAT
 from openerp.osv import osv, fields
 from openerp import tools
 import openerp.addons.web.http as http
@@ -212,3 +214,21 @@
     _columns = {
         'channel_id': fields.many2one("im.user", "Channel"),
     }
+
+class im_feedback(osv.osv):
+    _name = "im.feedback"
+    
+    _columns = {
+        'session_id': fields.many2one("im.session", string="Session", ondelete='cascade'),
+        'feedback': fields.selection([('10','Good'),('5','Ok'),('1','Bad')], 'Feedback', help='Feedback from user'),
+        'reason': fields.text('Reason')
+    }
+    
+    def post(self, cr, uid, to_session_id, feedback=None, reason=None, context=None):
+        last_session = self.search(cr, openerp.SUPERUSER_ID, [('session_id', '=', to_session_id),('feedback', '!=', None)])
+        if reason == None and not last_session:
+            self.create(cr, openerp.SUPERUSER_ID, {'session_id': to_session_id, 'feedback': feedback}, context=context)
+        else:
+            if last_session:
+                self.write(cr, openerp.SUPERUSER_ID, last_session[0], {'feedback': feedback, 'reason': reason});
+            
\ No newline at end of file

=== added directory 'im_livechat/static/ext/static/css'
=== added file 'im_livechat/static/ext/static/css/livesupport.css'
--- im_livechat/static/ext/static/css/livesupport.css	1970-01-01 00:00:00 +0000
+++ im_livechat/static/ext/static/css/livesupport.css	2013-09-05 08:44:12 +0000
@@ -0,0 +1,54 @@
+/* feedback */
+
+.oe_im_feedback_notify {
+    margin-top: 80px;
+    color: #FFFFFF;
+}
+.oe_im_feedback_notify a{
+    cursor: pointer;
+    text-decoration: underline;
+    margin-left:15px;
+}
+.oe_im_feedback {
+    margin-left: 35px;
+    margin-top: 15px;
+}
+.oe_im_feedback a {
+    margin-left: 10px;
+    cursor: pointer;
+}
+
+/* feedback reason*/
+ 
+.oe_im_feedback_reason_lbl {
+    margin-top: 100px;
+    color: #FFFFFF;
+    width: 100%;
+    font-size: 9pt;
+    padding-left: 10px;
+}
+.oe_im_feedback_reason_txt {
+    padding: 30px;
+}
+.oe_im_feedback_reason_txt textarea {
+    width: 180px;
+    height: 55px;
+}
+.oe_im_feedback_error_msg {
+    color: #DD0000;
+    visibility: hidden;
+}
+.oe_im_feedback_reason_btn {
+    padding-left: 65px;
+    padding-bottom: 50px;
+}
+ /* conversations */
+.oe_im_chatview_close_inner {
+     margin-top: -19px;
+     margin-right: 5px;
+}
+.oe_im_chatview_close_inner button {
+    float: right;
+    border: 0;
+    background: transparent;
+}

=== modified file 'im_livechat/static/ext/static/js/livechat.xml'
--- im_livechat/static/ext/static/js/livechat.xml	2013-08-19 14:21:39 +0000
+++ im_livechat/static/ext/static/js/livechat.xml	2013-09-05 08:44:12 +0000
@@ -1,7 +1,60 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <templates>
-<t t-name="chatButton">
-    <t t-esc="widget.text"/>
-</t>
+    
+    <t t-name="im_common.conversation_livechat">
+        <div class="oe_im_chatview_header">
+            <span class="oe_im_chatview_users"/>
+            <scan class="oe_im_chatview_nbr_messages" />
+        </div>
+        <div class="oe_im_chatview_close_inner">
+            <button class="oe_im_chatview_close">×</button>
+        </div>
+        <div class="oe_im_chatview_disconnected">
+            All users are offline. They will receive your messages on their next connection.
+        </div>
+        <div class="oe_im_chatview_content">
+            <div id="bubble_list"></div>
+        </div>
+        <div class="oe_im_chatview_footer">
+            <input class="oe_im_chatview_input" t-att-placeholder="widget.inputPlaceholder" />
+        </div>
+    </t>
+    
+    <t t-name="conversation_feedback">
+        <div id="feedback">
+            <div class="oe_im_feedback_notify">
+                Please take a second to rate my reply...
+            </div>
+            <div class="oe_im_feedback">
+                <a id="feed" value="10" name="good" title="It was Good."><img src='/im_livechat/static/src/img/good.png'/></a>
+                <a id="feed" value="5" name="ok" title="It was OK."><img src='/im_livechat/static/src/img/ok.png'/></a>
+                <a id="feed" value="1" name="bad" title="It was bad."><img src='/im_livechat/static/src/img/bad.png'/></a>
+            </div>
+            <div class="oe_im_feedback_notify">
+                <a id="back_to_chat">or back to chat</a>
+            </div>
+        </div>
+    </t>
+
+
+    <t t-name="feedback_reason">
+        <div id="feedback_reason">
+            <div class="oe_im_feedback_reason_lbl">
+                Please give me reason for your feedback...
+            </div>
+            <div class="oe_im_feedback_reason_txt">
+                <textarea id="reason"></textarea>
+                <div class="oe_im_feedback_error_msg">*Please fill the reason details</div>
+            </div>
+            <div class="oe_im_feedback_reason_btn">
+                <input type="button" value="Send" id="reason_submit" />
+                <input type="button" value="Cancel" id="reason_submit" />
+            </div>
+        </div>
+    </t>
+
+    <t t-name="chatButton">
+        <t t-esc="widget.text"/>
+    </t>
 </templates>
\ No newline at end of file

=== modified file 'im_livechat/static/ext/static/js/livesupport.js'
--- im_livechat/static/ext/static/js/livesupport.js	2013-09-02 16:15:17 +0000
+++ im_livechat/static/ext/static/js/livesupport.js	2013-09-05 08:44:12 +0000
@@ -30,6 +30,7 @@
         return im_common.connection.session_authenticate(db, login, password).then(function() {
             var defs = [];
             defs.push(add_css("/im/static/src/css/im_common.css"));
+            defs.push(add_css("/im_livechat/static/ext/static/css/livesupport.css"));
             defs.push(add_css("/im_livechat/static/ext/static/lib/jquery-achtung/src/ui.achtung.css"));
             defs.push(im_common.connection.rpc('/web/proxy/load', {path: '/im_livechat/static/ext/static/js/livechat.xml'}).then(function(xml) {
                 openerp.qweb.add_template(xml);
@@ -117,6 +118,138 @@
             });
         }
     });
-
+    
+    im_common.Conversation.include({
+        events: {
+            "keydown input": "keydown",
+            "click .oe_im_chatview_close": "click_close",
+            "click #back_to_chat": "back_to_chat",
+            "click a#feed": "feedback",
+            "click .oe_im_chatview_header": "show_hide",
+            "click #reason_submit": "submit_reason"
+        },
+        start: function() {
+            var self = this;
+            self.$().append(openerp.qweb.render("im_common.conversation_livechat", {widget: self}));
+            this.$().hide();
+
+            var change_status = function() {
+                var disconnected = _.every(this.get("users"), function(u) { return u.get("im_status") === false; });
+                self.set("disconnected", disconnected);
+                this.$(".oe_im_chatview_users").html(openerp.qweb.render("im_common.conversation.header",
+                    {widget: self, to_url: _.bind(im_common.connection.url, im_common.connection)}));
+            };
+            this.on("change:users", this, function(unused, ev) {
+                _.each(ev.oldValue, function(user) {
+                    user.off("change:im_status", self, change_status);
+                });
+                _.each(ev.newValue, function(user) {
+                    user.on("change:im_status", self, change_status);
+                });
+                change_status.call(self);
+                _.each(ev.oldValue, function(user) {
+                    if (! _.contains(ev.newValue, user)) {
+                        user.remove_watcher();
+                    }
+                });
+                _.each(ev.newValue, function(user) {
+                    if (! _.contains(ev.oldValue, user)) {
+                        user.add_watcher();
+                    }
+                });
+            });
+            this.on("change:disconnected", this, function() {
+                self.$().toggleClass("oe_im_chatview_disconnected_status", this.get("disconnected"));
+                self._go_bottom();
+            });
+
+            self.on("change:right_position", self, self.calc_pos);
+            self.on("change:bottom_position", self, self.calc_pos);
+            self.full_height = self.$().height();
+            self.calc_pos();
+            self.on("change:pending", self, _.bind(function() {
+                if (self.get("pending") === 0) {
+                    self.$(".oe_im_chatview_nbr_messages").text("");
+                } else {
+                    self.$(".oe_im_chatview_nbr_messages").text("(" + self.get("pending") + ")");
+                }
+            }, self));
+
+            return this.refresh_users().then(function() {
+                self.$().show();
+            });
+        },
+        click_close: function(e) {
+            if (! this.shown)
+                this.show_hide();
+            $(this.$(".oe_im_chatview_close_inner")).hide();
+            $(this.$(".oe_im_chatview_footer")).hide();
+            $(this.$("#bubble_list")).hide();
+            this.leave_chat = openerp.qweb.render("conversation_feedback");
+            if ($(this.$("div#feedback")).length > 0){
+                $(this.$(".oe_im_chatview_content #feedback")).replaceWith(this.leave_chat);
+            }else{
+                $(this.$(".oe_im_chatview_content")).append(this.leave_chat);
+            }
+        },
+        back_to_chat: function(e) {
+            $(this.$("#feedback")).hide();
+            $(this.$(".oe_im_chatview_close_inner")).show();
+            $(this.$(".oe_im_chatview_footer")).show();
+            $(this.$("#bubble_list")).show();
+        },
+        feedback: function(e) {
+            var self = this;
+            var $el_anchor = $(e.currentTarget).attr('name');;
+            var $el_anchor_rate = $(e.currentTarget).attr('value');
+            var model = im_common.connection.model("im.feedback");
+            // To Insert End-user Feedback to DB
+            model.call("post", [this.session_id, $el_anchor_rate]);
+            if($el_anchor == "good"){
+                this.send_notification();
+            } else {
+               this.send_reason();
+            }
+            self.$el_anchor_rate = $el_anchor_rate;
+        },
+        send_reason: function(e){
+            $(this.$(".oe_im_chatview_close")).hide();
+            $(this.$(".oe_im_chatview_footer")).hide();
+            $(this.$("#bubble_list")).hide();
+            this.send_reason = openerp.qweb.render("feedback_reason");
+            $(this.$(".oe_im_chatview_content")).replaceWith(this.send_reason);
+        },
+        submit_reason: function(e){
+            var self = this;
+            var $el_input = $(e.currentTarget);
+            var feed_reason = $(this.$("#feedback_reason textarea")).val();
+            if ($el_input.val() == "Send"){
+                if(feed_reason){
+                    // To Insert End-user Feedback Reason to DB
+                    var sub_reason = _.bind(function(){
+                    var model = im_common.connection.model("im.feedback");
+                    return model.call("post", [this.session_id, self.$el_anchor_rate, $(this.$("#feedback_reason textarea")).val()]);
+                    }, this);
+                }else{
+                    $('.oe_im_feedback_error_msg').css('visibility', 'visible');
+                }
+                sub_reason().then(function(){
+                    self.send_notification();
+                });
+            } else {
+                this.send_notification();
+            }
+        },
+        send_notification: function() {
+            var self = this;
+            var off_mes = _.bind(function() {
+                var model = im_common.connection.model("im.message");
+                return model.call("post", ["#offline", this.session_id], {uuid: this.c_manager.me.get("uuid"), context: {}});
+            }, this);
+            off_mes().then(function() {
+                self.destroy();
+            });
+        }, 
+    });
     return livesupport;
 });

=== added file 'im_livechat/static/src/img/bad.png'
Binary files im_livechat/static/src/img/bad.png	1970-01-01 00:00:00 +0000 and im_livechat/static/src/img/bad.png	2013-09-05 08:44:12 +0000 differ
=== added file 'im_livechat/static/src/img/good.png'
Binary files im_livechat/static/src/img/good.png	1970-01-01 00:00:00 +0000 and im_livechat/static/src/img/good.png	2013-09-05 08:44:12 +0000 differ
=== added file 'im_livechat/static/src/img/ok.png'
Binary files im_livechat/static/src/img/ok.png	1970-01-01 00:00:00 +0000 and im_livechat/static/src/img/ok.png	2013-09-05 08:44:12 +0000 differ
=== modified file 'im_livechat/web_page.html'
--- im_livechat/web_page.html	2013-03-15 11:21:53 +0000
+++ im_livechat/web_page.html	2013-09-05 08:44:12 +0000
@@ -41,7 +41,6 @@
             margin-top: -150px;
             color: white;
             text-shadow: 0 1px 0 rgba(34, 52, 72, 0.2);
-            z-index: 10;
             text-align: center;
         }
         .main h1 {