[ADD] pager style.

bzr revid: vda@tinyerp.com-20110824045004-pz77r96v49zoxcjo

addons/base_diagram/__openerp__.py

@@ -8,6 +8,8 @@
         'static/lib/js/dracula_graph.js',
         'static/src/js/diagram.js'
     ],
-    "css": [],
+    'css' : [
+        "static/src/css/base_diagram.css",
+    ],
     'active': True,
 }

addons/base_diagram/static/src/css/base_diagram.css

@@ -0,0 +1,14 @@
+.openerp .diagram {
+	border: 1px solid #999;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+}
+
+.openerp .oe_diagram_pager {
+	text-align: right;
+    white-space: nowrap;
+}
+
+.openerp .oe_diagram_buttons {
+	float: left;
+}

addons/base_diagram/static/src/js/diagram.js

@@ -95,20 +95,27 @@ openerp.base_diagram.DiagramView = openerp.base.View.extend({
 			}
 		}
 		
-		this.$element.html(QWeb.render("DiagramView", {"fields_view": this.fields_view}));
+		this.$element.html(QWeb.render("DiagramView", this));
 		
 		this.$element.find('div.oe_diagram_pager button[data-pager-action]').click(function() {
             var action = $(this).data('pager-action');
             self.on_pager_action(action);
         });
 		
-		this.do_update_pager()
+		this.do_update_pager();
+		
+		this.$element.find('.oe_diagram_button_new').click(function(){self.add_node()})
 		
         if(this.id) {
-        	self.get_diagram_info()
+        	self.get_diagram_info();
         }
 	},
 	
+	add_node: function() {
+		var self = this;
+		console.log('self>>', self)
+	},
+	
 	get_diagram_info: function() {
 		var self = this;
         this.rpc(
@@ -248,6 +255,7 @@ openerp.base_diagram.DiagramView = openerp.base.View.extend({
     },
     
     popup_activity: function(result) {
+    	var self = this;
     	var action_manager = new openerp.base.ActionManager(this);
     	var dialog = new openerp.base.Dialog(this, {
             title : 'Activity',

addons/base_diagram/static/src/xml/base_diagram.xml

@@ -1,15 +1,20 @@
 <template>
     <t t-name="DiagramView">
-    	<h2 class="oe_view_title"><t t-esc="fields_view.arch.attrs.string"/></h2>
+    	<div class="oe_diagram_header" t-att-id="element_id + '_header'">
-        <div class="oe_diagram_pager">
+	    	<h2 class="oe_view_title"><t t-esc="fields_view.arch.attrs.string"/></h2>
-            <button type="button" data-pager-action="first">First</button>
+			<div class="oe_diagram_buttons">
-            <button type="button" data-pager-action="previous">&lt;&lt;</button>
+				<button type="button" class="oe_diagram_button_new">New Node</button>
-    
+			</div>
-            <span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
+	        <div class="oe_diagram_pager">
-    
+	            <button type="button" data-pager-action="first">First</button>
-            <button type="button" data-pager-action="next">&gt;&gt;</button>
+	            <button type="button" data-pager-action="previous">&lt;&lt;</button>
-            <button type="button" data-pager-action="last">Last</button>
+	    
-        </div>
+	            <span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
-    	<div id="dia-canvas" style="overflow: auto;"></div>
+	    
+	            <button type="button" data-pager-action="next">&gt;&gt;</button>
+	            <button type="button" data-pager-action="last">Last</button>
+	        </div>
+		</div>
+    	<div id="dia-canvas" class="diagram" style="overflow: auto;"></div>
     </t>
 </template>