wip

bzr revid: nicolas.vanhoren@openerp.com-20120803140413-cik08mkxcohd4698

addons/web_linkedin/static/src/css/linkedin.css

@@ -9,4 +9,20 @@
 
 .openerp .oe_linkedin_input {
     margin-right:1.5em;
+}
+
+.openerp .oe_linkedin_people {
+    text-align: center;
+    cursor: pointer;
+}
+
+.openerp .oe_linkedin_people .oe_linkedin_thumb {
+    width: 70px;   
+    height: 70px;
+    text-align: center;
+}
+
+.openerp .oe_linkedin_people img {
+    max-width: 70px;   
+    max-height: 70px;
 }

addons/web_linkedin/static/src/js/linkedin.js

@@ -60,7 +60,6 @@ openerp.web_linkedin = function(instance) {
     instance.web_linkedin.Linkedin = instance.web.form.FieldChar.extend({
         init: function() {
             this._super.apply(this, arguments);
-            var self = this;
             this.display_dm = new instance.web.DropMisordered(true);
         },
         initialize_content: function() {
@@ -75,9 +74,16 @@ openerp.web_linkedin = function(instance) {
         search_linkedin: function() {
             var self = this;
             this.display_dm.add(instance.web_linkedin.tester.test_linkedin()).then(function() {
-                new instance.web_linkedin.LinkedinPopup(self, self.get("value")).open();
+                var pop = new instance.web_linkedin.LinkedinPopup(self, self.get("value"));
+                pop.open();
+                pop.on("selected", this, function(entity) {
+                    self.selected_entity(entity);
+                });
             });
         },
+        selected_entity: function(entity) {
+            debugger;
+        },
     });
     instance.web.form.widgets.add('linkedin', 'instance.web_linkedin.Linkedin');
     
@@ -86,7 +92,7 @@ openerp.web_linkedin = function(instance) {
         init: function(parent, text) {
             this._super(parent);
             this.text = text;
-            this.limit = 10;
+            this.limit = 15;
         },
         start: function() {
             this._super();
@@ -127,7 +133,6 @@ openerp.web_linkedin = function(instance) {
         },
         display_result: function() {
             var self = this;
-            self.$element.html("<div style='display: table;width:100%'/>");
             var i = 0;
             var $row;
             _.each(self.result, function(el) {
@@ -138,6 +143,10 @@ openerp.web_linkedin = function(instance) {
                 }
                 pc.appendTo($row);
                 pc.$element.css("display", "table-cell");
+                pc.$element.css("width", "20%");
+                pc.on("selected", self, function(data) {
+                    self.trigger("selected", data);
+                });
                 i++;
             });
         },
@@ -150,8 +159,15 @@ openerp.web_linkedin = function(instance) {
             this.data = data;
         },
         start: function() {
+            var self = this;
+            this.$element.click(function() {
+                self.trigger("selected", self.data);
+            });
             if (this.data.__type === "company") {
                 this.$("h3").text(this.data.name);
+                IN.API.Raw(_.str.sprintf("companies/%d:(logo-url)", this.data.id)).result(function (result) {
+                    self.$("img").attr("src", result.logoUrl);
+                });
             } else { // people
                 this.$("h3").text(_.str.sprintf("%s %s", this.data.firstName, this.data.lastName));
             }

addons/web_linkedin/static/src/xml/linkedin.xml

@@ -10,12 +10,15 @@
         <div>
             <script type="in/Login">
             </script>
+            <div style='display: table;width:100%'/>
         </div>
     </t>
     <t t-name="PeopleCompany">
-        <div>
-            <h3 />
-            <img />
+        <div class="oe_linkedin_people">
+            <span class="oe_linkedin_thumb">
+                <img />
+            </span>
+            <h3/>
         </div>
     </t>
 </templates>