diff options
Diffstat (limited to 'addons/process/static/src/js/process.js')
| -rw-r--r-- | addons/process/static/src/js/process.js | 249 |
1 files changed, 249 insertions, 0 deletions
diff --git a/addons/process/static/src/js/process.js b/addons/process/static/src/js/process.js new file mode 100644 index 00000000000..bbf9080de95 --- /dev/null +++ b/addons/process/static/src/js/process.js @@ -0,0 +1,249 @@ +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 : ''; + self.process_help = $(this.process_help).text(); + 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().pipe(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(); + }).pipe(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 = '/web_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"}); + 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], + function(res) { + var action = res[0][res[0].length - 1]; + self.rpc("/web/action/load", { + action_id: action.id, + context: dataset.context + }, 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.add_last(function() { + self.initialize_process_view(); + }); + } +}); +}; +// vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: |