odoo/addons/process/static/src/js/process.js

251 lines
10 KiB
JavaScript

openerp.process = function (instance) {
var QWeb = instance.web.qweb,
_t = instance.web._t;
instance.web.ViewManager.include({
start: function() {
var self = this;
var _super = this._super();
this.process_help = this.action ? this.action.help : '';
if(this.action) {
this.process_model = this.action.res_model;
} else {
this.process_model = this.dataset.model;
}
this.$el.on('click', '.oe_process', function(ev) { self.initialize_process_view(ev);});
return _super;
},
initialize_process_view: function(ev) {
var self = this;
this.record_id = false;
if(this.active_view == 'form') {
this.record_id = this.views[this.active_view].controller.datarecord.id;
}
this.process_get_object().then(function(process) {
if(process && process.length) {
if(process.length > 1) {
self.process_selection = process;
} else {
self.process_id = process[0][0],
self.process_title = process[0][1];
}
}
return $.Deferred().resolve();
}).then(function() {
var def = $.Deferred();
if(self.process_id) {
$.when(self.process_graph_get()).done(function(res) {
self.process_notes = res.notes;
self.process_title = res.name;
self.process_subflows = _(res.nodes).chain()
.filter(function (node) { return node['subflow'] !== false; })
.uniq(false, function (node) { return node['subflow'][0]; }).value();
self.process_related = res.related;
def.resolve(res);
});
} else def.resolve();
return def.promise();
}).done(function(res) {
$.when(self.process_render_view()).done(function() {
if(res) {
self.process_draw_graph(res);
}
});
});
},
process_graph_get: function() {
var self = this;
var def = $.Deferred();
this.process_id = parseInt(this.process_id, 10);
this.process_dataset
.call("graph_get",[self.process_id, self.model || self.dataset.model, self.record_id, [80,80,150,100], self.session.user_context])
.done(function(res) {
self.process_dataset
.call("search_by_model",[self.model || self.dataset.model, self.session.user_context])
.done(
function(r) {
res['related'] = r;
def.resolve(res);
});
});
return def.promise();
},
process_get_object : function() {
var self = this,
def = $.Deferred();
if(this.process_id)
return def.resolve().promise();
this.process_dataset = new instance.web.DataSet(self, "process.process", self.session.user_context);
this.process_dataset
.call("search_by_model", [self.process_model,self.session.user_context])
.done(function(res) {
if (!res.length) {
self.process_model = false;
self.process_get_object().done(def.resolve);
}
else {
def.resolve(res);
}
})
.fail(def.reject);
return def.promise();
},
process_render_view : function() {
var self = this;
this.$el.html(QWeb.render("process.ProcessView", this));
this.$el.addClass('oe_view_process').css({'background-color':'#F0EEEE'});
this.$el.find('#edit_process').click(function() {
self.process_edit_view();
});
var $parent = this.getParent().$el;
$parent.find('#change_process').click(function() {
self.process_selection = false,
self.process_id = $parent.find('#select_process').val(),
self.process_title = $.trim($parent.find('#select_process option:selected').text());
self.initialize_process_view();
});
this.$el.find(".process_subflow").click(function() {
self.process_id = this.id;
self.initialize_process_view();
});
},
process_draw_graph : function(result) {
var self = this;
var res_nodes = result['nodes'];
var res_edges = result['transitions'];
var id_to_node = {};
var canvas = $('div.process_canvas').empty().get(0);
var style = {
edge_color: "#A0A0A0",
edge_label_font_size: 10,
edge_width: 2,
edge_spacing: 40,
edge_loop_radius: 200,
node_label_color: "#333",
node_label_font_size: 12,
node_outline_color: "#333",
node_outline_width: 1,
node_outline_color: "#F5F5F5",
node_outline_width: 0,
node_selected_width: 0,
node_size_x: 150,
node_size_y: 100,
gray: "#DCDCDC",
white: "#FFF",
viewport_margin: 50
};
var r = new Raphael(canvas,'100%','100%');
var graph = new CuteGraph(r,style,canvas.parentNode);
var render_process = function(r,nodes){
//For Image
var image_node = nodes.kind == "subflow" ? "node-subflow" : "node";
image_node = nodes.gray ? image_node + "-gray" : image_node;
image_node = nodes.active ? 'node-current': image_node;
var img_src = '/process/static/src/img/'+ image_node + '.png';
var image = r['image'](img_src, nodes.x-25, nodes.y,150, 100).attr({"cursor": "default"}) .mousedown(function() { return false; });
//For Node
var process_node = r['rect'](nodes.x, nodes.y, 150, 150).attr({stroke: "none"});
// Node text
if(nodes.name.length > 18){
var text = nodes.name.substr(0,16) + '...'
}
var node_text = r.text(nodes.x+60, nodes.y+10,(text || nodes.name.substr(0,18))).attr({"fill": "#fff","font-weight": "bold", "cursor": "default","title":nodes.name});
//Node Description
var new_notes = nodes.notes;
if(nodes.notes.length > 25) {
var to;
var temp_str = new_notes = '';
var from = to = 0;
while (1) {
from = 25;
temp_str = nodes.notes.substr(to, 25);
if (temp_str.lastIndexOf(" ") < 25 && temp_str.length >= 25) {
from = temp_str.lastIndexOf(" ");
}
new_notes += "\n" + nodes.notes.substr(to, from);
if (new_notes.length > 80){
break;
}
to += from;
}
}
if(nodes.res)
new_notes = nodes.res.name + '\n' + new_notes;
if(nodes.notes.length > 60){
var notes = new_notes.substring(0,60) +'..';
}
r.text(nodes.x+60, nodes.y+30, (notes || new_notes)).attr({"title":nodes.notes,"cursor": "default"});
r['image']('/web/static/src/img/icons/gtk-info.png', nodes.x, nodes.y+75, 16, 16)
.attr({"cursor": "pointer", "title": "Help"})
.click(function() {
window.open(nodes.url || "http://doc.openerp.com/v6.1/index.php?model=" + nodes.model);
});
if(nodes.menu) {
r['image']('/web/static/src/img/icons/gtk-jump-to.png', nodes.x+100, nodes.y+75, 16, 16)
.attr({"cursor": "pointer", "title": nodes.menu.name})
.click(function() {
self.process_jump_to_view(nodes.res_model, nodes.menu.id);
});
}
var process_set =r.set().push(process_node);
process_set.mousedown(function() {
return false;
});
return process_set;
}
_.each(res_nodes, function(node,id) {
node['res_model'] = self.model,
node['res_id'] = false,
node['color'] = 'gray'
var n = new CuteNode(
graph,
node.x + 50, //FIXME the +50 should be in the layout algorithm
node.y + 50,
CuteGraph.wordwrap("", 14));
n.id = id;
id_to_node[id] = n;
return render_process(r,node);
});
_.each(res_edges, function(edge) {
var e = new CuteEdge(
graph,
CuteGraph.wordwrap(" ",0),
id_to_node[edge.source],
id_to_node[edge.target] || id_to_node[edge.source]);
e.id = edge.id;
});
},
process_jump_to_view: function(model,id) {
var self = this;
var dataset = new instance.web.DataSet(this, 'ir.values', this.session.user_context);
var action_manager = new instance.web.ActionManager(self);
dataset.call('get',
['action', 'tree_but_open',[['ir.ui.menu', id]], dataset.context]).done(function(res) {
var action = res[0][res[0].length - 1];
self.rpc("/web/action/load", {
action_id: action.id,
context: dataset.context
}).done(function(result) {
action_manager.replace(self.$el);
action_manager.do_action(result.result);
})
});
},
process_edit_view: function() {
var self = this;
var pop = new instance.web.form.FormOpenPopup(self);
pop.show_element(
self.process_dataset.model,
self.process_id,
self.context || self.dataset.context,
{
title: _t('Process')
});
var form_controller = pop.view_form;
pop.on('write_completed', self, self.initialize_process_view);
}
});
};
// vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: