[ADD] pager style.

bzr revid: vda@tinyerp.com-20110824045004-pz77r96v49zoxcjo
This commit is contained in:
Vaibhav (OpenERP) 2011-08-24 10:20:04 +05:30
parent cf7e60579a
commit 40cda60420
4 changed files with 44 additions and 15 deletions

View File

@ -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,
}

View File

@ -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;
}

View File

@ -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',

View File

@ -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_pager">
<button type="button" data-pager-action="first">First</button>
<button type="button" data-pager-action="previous">&lt;&lt;</button>
<span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
<button type="button" data-pager-action="next">&gt;&gt;</button>
<button type="button" data-pager-action="last">Last</button>
</div>
<div id="dia-canvas" style="overflow: auto;"></div>
<div class="oe_diagram_header" t-att-id="element_id + '_header'">
<h2 class="oe_view_title"><t t-esc="fields_view.arch.attrs.string"/></h2>
<div class="oe_diagram_buttons">
<button type="button" class="oe_diagram_button_new">New Node</button>
</div>
<div class="oe_diagram_pager">
<button type="button" data-pager-action="first">First</button>
<button type="button" data-pager-action="previous">&lt;&lt;</button>
<span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
<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>