source: trunk/workflow/js/userinterface/processes.js @ 1448

Revision 1448, 10.5 KB checked in by gbisotto, 15 years ago (diff)

Ticket #657 - Modificação do script js para suportar redimencionamento da janela
  • Property svn:executable set to *
Line 
1/* configuração do menu */
2var MENU_POS = [
3{
4        // tamanho dos itens
5        'height': 19,
6        'width': 255,
7        'auto-width': true,
8        // offset do menu a partir da origem:
9        //  para o nível principal, a origem é o canto superior esquerdo
10        //  para outros níveis, a origem é o canto superior esquerdo do menu pai
11        'block_top': 186,
12        'block_left': 151,
13        // offsets de itens no mesmo nível
14        'top': 19,
15        'left': 0,
16        // tempo, em milisegundos, em que o menu permanece visível após o cursor "sair" do menu
17        'hide_delay': 300,
18        'css' : {
19                'outer' : ['menuExternoOut', 'menuExternoOver'],
20                'inner' : ['menuInternoOut', 'menuInternoOver']
21        }
22},
23{
24        'width': 140,
25        'block_top': 10,
26        'block_left': 30,
27        'css' : {
28                'outer' : ['submenuExternoOut', 'submenuExternoOver'],
29                'inner' : ['submenuInternoOut', 'submenuInternoOver']
30        }
31}
32];
33
34var menuTimer = null;
35var workflowProcessCache = false;
36
37function checkProcessCache()
38{
39        if (workflowProcessCache == false)
40                return;
41        resultProcesses(workflowProcessCache);
42        workflowProcessCache = false;
43}
44
45function resultProcesses(data)
46{
47        if (_checkError(data))
48                return;
49
50        var content_id_1 = $("content_id_1");
51        if (content_id_1.style.display == 'none')
52        {
53                workflowProcessCache = data;
54                content_id_1.innerHTML = '<span></span>';
55                return;
56        }
57
58        if (data.length == 0)
59        {
60                var parag = document.createElement("P");
61                parag.className = "text_dsp";
62                parag.innerHTML = "Não existem processos disponíveis";
63                content_id_1.appendChild(parag);
64        }
65        else
66        {
67                elem = document.getElementById("table_tools");
68                if (elem)
69                        elem.parentNode.removeChild(elem);
70                elem = document.getElementById("table_proc");
71                if (elem)
72                        elem.parentNode.removeChild(elem);
73                draw_processes_grid(data, 1);
74        }
75}
76function draw_processes_folder()
77{
78        cExecute("$this.bo_userinterface.processes", resultProcesses);
79}
80
81function draw_processes_grid(data, page)
82{
83        var content_id_1 = document.getElementById("content_id_1");
84
85        var div_conteiner = document.createElement("DIV");
86
87        div_conteiner.style.paddingRight = '100px';
88        content_id_1.appendChild(div_conteiner);
89
90        (function loop(i) {
91
92                if(i < data.length){
93
94                        var proc = data[i];
95                        var proc_name_dsp = proc.wf_procname;
96
97                        if (proc_name_dsp.length > 40) {
98                            proc_name_dsp = proc_name_dsp.substr(0,40) + "...";
99                        }
100
101                        var div_element = document.createElement("DIV");
102
103                        div_element.style.width = '106px';
104
105                        if(is_ie) {
106                                div_element.style.styleFloat = "left";
107                                div_element.style.height = '150px';
108                        } else {
109                                div_element.style.cssFloat = "left";
110                                div_element.style.height = '100px'
111                        }
112
113                        div_element.style.padding = '7px';
114                        div_element.style.paddingTop = "25px";
115                        div_element.style.cursor = 'pointer';
116
117                        var index = i;
118
119                        div_element.onclick = function() { displayProcessMenu(index); };
120                        div_element.onmouseover = function() { menuTimer = setTimeout("displayProcessMenu('" + index + "')",400);};
121                        div_element.onmouseout = function() { if (menuTimer) clearTimeout(menuTimer); };
122
123                        var div_proc_img = document.createElement("DIV");
124                        div_proc_img.style.width = "100%";
125                        div_proc_img.style.textAlign = 'center';
126                        div_proc_img.innerHTML = '<img src="' + proc.wf_iconfile + '" id="processImage_' + i + '" width="32" height="32">';
127
128                        var div_proc_txt = document.createElement("DIV");
129                        div_proc_txt.style.width = "100%";
130                        div_proc_txt.style.textAlign = 'center';
131                        div_proc_txt.style.paddingTop = '5px';
132                        div_proc_txt.innerHTML = '<span style="font-size: 11px !important;">'+proc_name_dsp+'</span>';
133                        div_proc_txt.innerHTML += '<br><span class="version_dsp"> (v' + proc.wf_version + ')</span></p>';
134                        div_element.appendChild(div_proc_img);
135                        div_element.appendChild(div_proc_txt);
136
137                        div_conteiner.appendChild(div_element);
138
139                        createProcessMenu(i, data[i]);
140
141                        loop(i+1);
142                }
143        })(0)
144
145        var div_bottom = document.createElement("DIV");
146        div_bottom.style.width = "100%";
147        div_bottom.style.clear = 'both';
148
149        div_conteiner.appendChild(div_bottom);
150}
151
152function createProcessMenu(index, data)
153{
154        /* based on the wf_menu_path activity property, generates a javascript object */
155        var preFormatedMenu = new Array();
156        var currentLevel;
157        var urlPreffix = getInstanceURL(0, 0, data['useHTTPS']);
158        urlPreffix = urlPreffix.substr(0, urlPreffix.lastIndexOf('/'));
159
160        for (var i = 0; i < data.length; i++)
161        {
162                var currentMenu = new Array();
163                currentMenu['name'] = data[i].wf_name;
164                currentMenu['url'] = urlPreffix + '/index.php?menuaction=workflow.run_activity.go&activity_id=' + data[i].wf_activity_id;
165                if ((data[i].wf_menu_path != '') && (data[i].wf_menu_path != null))
166                {
167                        var levels = data[i].wf_menu_path.split('/');
168                        currentLevel = preFormatedMenu;
169                        for (var j = 0; j < levels.length; j++)
170                        {
171                                var currentTitle = levels[j];
172                                if (currentLevel[currentTitle])
173                                {
174                                        currentLevel = currentLevel[currentTitle];
175                                        continue;
176                                }
177                                else
178                                {
179                                        currentLevel[currentTitle] = new Array();
180                                        currentLevel = currentLevel[currentTitle];
181                                }
182                        }
183                        currentLevel[currentLevel.length] = currentMenu;
184                }
185                else
186                        preFormatedMenu[preFormatedMenu.length] = currentMenu;
187        }
188
189        /* generate standard actions menu */
190        var graphMenu = new Array();
191        graphMenu['name'] = 'Gráfico do Processo';
192        graphMenu['url'] = "javascript:draw_process_graph(" + data['wf_p_id'] + ",\\'" + data['wf_procname'] + "\\');";
193        preFormatedMenu[preFormatedMenu.length] = graphMenu;
194        var aboutMenu = new Array();
195        aboutMenu['name'] = 'Sobre o Processo';
196        aboutMenu['url'] = "javascript:draw_folder_about(" + data['wf_p_id'] + ");";
197        preFormatedMenu[preFormatedMenu.length] = aboutMenu;
198
199        /* recursivamente, constrói o texto que representa o objeto reconhecido pela engine do Tigra menu */
200        function generateMenuText(root)
201        {
202                var output = '';
203                for (i in root)
204                {
205                        if (typeof root[i] != "function")
206                        {
207                                if (node)
208                                        output += ",\n";
209                                output += '[';
210                                var node = root[i];
211                                if (node['url'])
212                                        output += "'" + node['name'] + "', '" + node['url'] + "', null";
213                                else
214                                        output += "'" + i + '...'  + "', null, null,\n" + generateMenuText(node);
215                                output += ']';
216                        }
217                }
218                return output;
219        }
220
221        /* generate the menu in a way that the Tigra menu engine will understand */
222        var menuItens = eval('[' + generateMenuText(preFormatedMenu) + '];');
223
224        var menuDiv = document.createElement("DIV");
225        menuDiv.setAttribute("id", "menuDiv_" + index);
226        menuDiv.style.display = 'none';
227        $("content_id_1").appendChild(menuDiv);
228
229        /* define the menu position */
230        var processImage = $("processImage_" + index);
231        MENU_POS[0]['block_left'] = Position.cumulativeOffset(processImage)[0] + processImage.getWidth();
232        MENU_POS[0]['block_top'] = Position.cumulativeOffset(processImage)[1];
233
234        /* create the menu */
235        new menu (menuItens, MENU_POS, menuDiv);
236}
237
238function displayProcessMenu(id)
239{
240        for (var i = 0; i < A_MENUS.length; i++)
241                if (i == id){
242
243                        var processImage = $("processImage_" + id);
244                        var posX = Position.cumulativeOffset(processImage)[0] + processImage.getWidth();
245                        var posY = Position.cumulativeOffset(processImage)[1];
246
247                        var firstItem = $("menuDiv_" + id).firstChild;
248
249                        var deltaX = (posX - parseFloat(firstItem.style.left));
250                        var deltaY = (posY - parseFloat(firstItem.style.top));
251
252                        if(deltaX != 0){
253
254                                var items = $("menuDiv_" + id).childNodes;
255
256                                for(j = 0; j < items.length; j++){
257                                        if(items[j].style != null) {
258                                                items[j].style.left = parseFloat(items[j].style.left) + deltaX + 'px';
259                                                items[j].style.top  = parseFloat(items[j].style.top)  + deltaY + 'px';
260                                        }
261                                }
262                        }
263
264                        $("menuDiv_" + i).show();
265
266                } else
267                        $("menuDiv_" + i).hide();
268}
269
270function draw_process_graph(pid, proc_name)
271{
272        border_id = create_border("Gráfico - " + proc_name);
273        var div = $("content_id_" + border_id);
274        div.style.height = '420px';
275        var imgPreLoad = new Image();
276        imgPreLoad.src = "../index.php?menuaction=workflow.ui_adminactivities.show_graph&p_id=" + pid;
277        function displayPanorama()
278        {
279                var viewer = new experience.panorama.Viewer({
280                                ImageURL: imgPreLoad.src,
281                                ImageWidth: imgPreLoad.width,
282                                ImageHeight: imgPreLoad.height,
283                                IconDirectory: 'js/experience/icons',
284                                RenderIn: "content_id_" + border_id
285                        });
286                viewer.show();
287        }
288        imgPreLoad.onload = displayPanorama;
289}
290
291function draw_folder_about(pid) {
292
293        var proc_about_handler = function(data) {
294                border_id = create_border("Sobre - " + data['wf_procname']);
295                content = document.getElementById("content_id_" + border_id);
296
297                var table_proc = document.createElement("TABLE");
298                var tbody_proc = document.createElement("TBODY");
299                table_proc.className = "info_table";
300                table_proc.width = "90%";
301                table_proc.align = "center";
302                tr_element = document.createElement("TR");
303                tr_element.className = "info_tr_header";
304                td_element = document.createElement("TD");
305                td_element.innerHTML = "Processo " + data['wf_procname'] + " (v" + data['wf_version'] + ")";
306                tr_element.appendChild(td_element);
307                tbody_proc.appendChild(tr_element);
308                tr_element = document.createElement("TR");
309                tr_element.className = "info_tr_simple";
310                td_element = document.createElement("TD");
311                td_element.innerHTML = data['wf_description'];
312                tr_element.appendChild(td_element);
313                tbody_proc.appendChild(tr_element);
314                table_proc.appendChild(tbody_proc);
315
316                content.innerHTML = "&nbsp;";
317                content.appendChild(table_proc);
318                content.appendChild(document.createElement("BR"));
319
320                var table_activ = document.createElement("TABLE");
321                var tbody_activ = document.createElement("TBODY");
322                table_activ.className = "info_table";
323                table_activ.width = "90%";
324                table_activ.align = "center";
325                tr_element = document.createElement("TR");
326                tr_element.className = "info_tr_header";
327                td_element = document.createElement("TD");
328                td_element.colSpan = "2";
329                td_element.innerHTML = "Atividades do Processo";
330                tr_element.appendChild(td_element);
331                tbody_activ.appendChild(tr_element);
332
333                for (ix = 0; ix < data['wf_activities'].length; ix++) {
334                        tr_element = document.createElement("TR");
335                        tr_element.className = "info_tr_simple";
336                        td_element1 = document.createElement("TD");
337                        td_element1.className = "info_td_activ";
338                        td_element1.width = "35%";
339                        td_element1.innerHTML = activity_icon(data['wf_activities'][ix]['wf_type'], data['wf_activities'][ix]['wf_is_interactive']) + " " + data['wf_activities'][ix]['wf_name'];
340                        td_element2 = document.createElement("TD");
341                        td_element2.width = "65%";
342                        td_element2.innerHTML = data['wf_activities'][ix]['wf_description'];
343                        tr_element.appendChild(td_element1);
344                        tr_element.appendChild(td_element2);
345                        tbody_activ.appendChild(tr_element);
346                }
347
348                table_activ.appendChild(tbody_activ);
349                content.appendChild(table_activ);
350                content.appendChild(document.createElement("BR"));
351        };
352        params = "pid=" + pid;
353        cExecute ("$this.bo_userinterface.process_about", proc_about_handler, params);
354}
Note: See TracBrowser for help on using the repository browser.