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

Revision 1455, 10.6 KB checked in by gbisotto, 15 years ago (diff)

Ticket #657 - Corrigida uma propriedade de CSS que estava impedindo que o conteiner se redimencionasse
  • 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        if(is_ie){
86                content_id_1.style.height = "260px";
87        } else {
88                content_id_1.style.minHeight = "260px";
89        }
90
91        var div_conteiner = document.createElement("DIV");
92
93        div_conteiner.style.paddingRight = '100px';
94        content_id_1.appendChild(div_conteiner);
95
96        (function loop(i) {
97
98                if(i < data.length){
99
100                        var proc = data[i];
101                        var proc_name_dsp = proc.wf_procname;
102
103                        if (proc_name_dsp.length > 40) {
104                            proc_name_dsp = proc_name_dsp.substr(0,40) + "...";
105                        }
106
107                        var div_element = document.createElement("DIV");
108
109                        div_element.style.width = '106px';
110
111                        if(is_ie) {
112                                div_element.style.styleFloat = "left";
113                                div_element.style.height = '150px';
114                        } else {
115                                div_element.style.cssFloat = "left";
116                                div_element.style.height = '100px'
117                        }
118
119                        div_element.style.padding = '7px';
120                        div_element.style.paddingTop = "25px";
121                        div_element.style.cursor = 'pointer';
122
123                        var index = i;
124
125                        div_element.onclick = function() { displayProcessMenu(index); };
126                        div_element.onmouseover = function() { menuTimer = setTimeout("displayProcessMenu('" + index + "')",400);};
127                        div_element.onmouseout = function() { if (menuTimer) clearTimeout(menuTimer); };
128
129                        var div_proc_img = document.createElement("DIV");
130                        div_proc_img.style.width = "100%";
131                        div_proc_img.style.textAlign = 'center';
132                        div_proc_img.innerHTML = '<img src="' + proc.wf_iconfile + '" id="processImage_' + i + '" width="32" height="32">';
133
134                        var div_proc_txt = document.createElement("DIV");
135                        div_proc_txt.style.width = "100%";
136                        div_proc_txt.style.textAlign = 'center';
137                        div_proc_txt.style.paddingTop = '5px';
138                        div_proc_txt.innerHTML = '<span style="font-size: 11px !important;">'+proc_name_dsp+'</span>';
139                        div_proc_txt.innerHTML += '<br><span class="version_dsp"> (v' + proc.wf_version + ')</span></p>';
140                        div_element.appendChild(div_proc_img);
141                        div_element.appendChild(div_proc_txt);
142
143                        div_conteiner.appendChild(div_element);
144
145                        createProcessMenu(i, data[i]);
146
147                        loop(i+1);
148                }
149        })(0)
150
151        var div_bottom = document.createElement("DIV");
152        div_bottom.style.width = "100%";
153        div_bottom.style.clear = 'both';
154
155        div_conteiner.appendChild(div_bottom);
156}
157
158function createProcessMenu(index, data)
159{
160        /* based on the wf_menu_path activity property, generates a javascript object */
161        var preFormatedMenu = new Array();
162        var currentLevel;
163        var urlPreffix = getInstanceURL(0, 0, data['useHTTPS']);
164        urlPreffix = urlPreffix.substr(0, urlPreffix.lastIndexOf('/'));
165
166        for (var i = 0; i < data.length; i++)
167        {
168                var currentMenu = new Array();
169                currentMenu['name'] = data[i].wf_name;
170                currentMenu['url'] = urlPreffix + '/index.php?menuaction=workflow.run_activity.go&activity_id=' + data[i].wf_activity_id;
171                if ((data[i].wf_menu_path != '') && (data[i].wf_menu_path != null))
172                {
173                        var levels = data[i].wf_menu_path.split('/');
174                        currentLevel = preFormatedMenu;
175                        for (var j = 0; j < levels.length; j++)
176                        {
177                                var currentTitle = levels[j];
178                                if (currentLevel[currentTitle])
179                                {
180                                        currentLevel = currentLevel[currentTitle];
181                                        continue;
182                                }
183                                else
184                                {
185                                        currentLevel[currentTitle] = new Array();
186                                        currentLevel = currentLevel[currentTitle];
187                                }
188                        }
189                        currentLevel[currentLevel.length] = currentMenu;
190                }
191                else
192                        preFormatedMenu[preFormatedMenu.length] = currentMenu;
193        }
194
195        /* generate standard actions menu */
196        var graphMenu = new Array();
197        graphMenu['name'] = 'Gráfico do Processo';
198        graphMenu['url'] = "javascript:draw_process_graph(" + data['wf_p_id'] + ",\\'" + data['wf_procname'] + "\\');";
199        preFormatedMenu[preFormatedMenu.length] = graphMenu;
200        var aboutMenu = new Array();
201        aboutMenu['name'] = 'Sobre o Processo';
202        aboutMenu['url'] = "javascript:draw_folder_about(" + data['wf_p_id'] + ");";
203        preFormatedMenu[preFormatedMenu.length] = aboutMenu;
204
205        /* recursivamente, constrói o texto que representa o objeto reconhecido pela engine do Tigra menu */
206        function generateMenuText(root)
207        {
208                var output = '';
209                for (i in root)
210                {
211                        if (typeof root[i] != "function")
212                        {
213                                if (node)
214                                        output += ",\n";
215                                output += '[';
216                                var node = root[i];
217                                if (node['url'])
218                                        output += "'" + node['name'] + "', '" + node['url'] + "', null";
219                                else
220                                        output += "'" + i + '...'  + "', null, null,\n" + generateMenuText(node);
221                                output += ']';
222                        }
223                }
224                return output;
225        }
226
227        /* generate the menu in a way that the Tigra menu engine will understand */
228        var menuItens = eval('[' + generateMenuText(preFormatedMenu) + '];');
229
230        var menuDiv = document.createElement("DIV");
231        menuDiv.setAttribute("id", "menuDiv_" + index);
232        menuDiv.style.display = 'none';
233        $("content_id_1").appendChild(menuDiv);
234
235        /* define the menu position */
236        var processImage = $("processImage_" + index);
237        MENU_POS[0]['block_left'] = Position.cumulativeOffset(processImage)[0] + processImage.getWidth();
238        MENU_POS[0]['block_top'] = Position.cumulativeOffset(processImage)[1];
239
240        /* create the menu */
241        new menu (menuItens, MENU_POS, menuDiv);
242}
243
244function displayProcessMenu(id)
245{
246        for (var i = 0; i < A_MENUS.length; i++)
247                if (i == id){
248
249                        var processImage = $("processImage_" + id);
250                        var posX = Position.cumulativeOffset(processImage)[0] + processImage.getWidth();
251                        var posY = Position.cumulativeOffset(processImage)[1];
252
253                        var firstItem = $("menuDiv_" + id).firstChild;
254
255                        var deltaX = (posX - parseFloat(firstItem.style.left));
256                        var deltaY = (posY - parseFloat(firstItem.style.top));
257
258                        if(deltaX != 0){
259
260                                var items = $("menuDiv_" + id).childNodes;
261
262                                for(j = 0; j < items.length; j++){
263                                        if(items[j].style != null) {
264                                                items[j].style.left = parseFloat(items[j].style.left) + deltaX + 'px';
265                                                items[j].style.top  = parseFloat(items[j].style.top)  + deltaY + 'px';
266                                        }
267                                }
268                        }
269
270                        $("menuDiv_" + i).show();
271
272                } else
273                        $("menuDiv_" + i).hide();
274}
275
276function draw_process_graph(pid, proc_name)
277{
278        border_id = create_border("Gráfico - " + proc_name);
279        var div = $("content_id_" + border_id);
280        div.style.height = '420px';
281        var imgPreLoad = new Image();
282        imgPreLoad.src = "../index.php?menuaction=workflow.ui_adminactivities.show_graph&p_id=" + pid;
283        function displayPanorama()
284        {
285                var viewer = new experience.panorama.Viewer({
286                                ImageURL: imgPreLoad.src,
287                                ImageWidth: imgPreLoad.width,
288                                ImageHeight: imgPreLoad.height,
289                                IconDirectory: 'js/experience/icons',
290                                RenderIn: "content_id_" + border_id
291                        });
292                viewer.show();
293        }
294        imgPreLoad.onload = displayPanorama;
295}
296
297function draw_folder_about(pid) {
298
299        var proc_about_handler = function(data) {
300                border_id = create_border("Sobre - " + data['wf_procname']);
301                content = document.getElementById("content_id_" + border_id);
302
303                var table_proc = document.createElement("TABLE");
304                var tbody_proc = document.createElement("TBODY");
305                table_proc.className = "info_table";
306                table_proc.width = "90%";
307                table_proc.align = "center";
308                tr_element = document.createElement("TR");
309                tr_element.className = "info_tr_header";
310                td_element = document.createElement("TD");
311                td_element.innerHTML = "Processo " + data['wf_procname'] + " (v" + data['wf_version'] + ")";
312                tr_element.appendChild(td_element);
313                tbody_proc.appendChild(tr_element);
314                tr_element = document.createElement("TR");
315                tr_element.className = "info_tr_simple";
316                td_element = document.createElement("TD");
317                td_element.innerHTML = data['wf_description'];
318                tr_element.appendChild(td_element);
319                tbody_proc.appendChild(tr_element);
320                table_proc.appendChild(tbody_proc);
321
322                content.innerHTML = "&nbsp;";
323                content.appendChild(table_proc);
324                content.appendChild(document.createElement("BR"));
325
326                var table_activ = document.createElement("TABLE");
327                var tbody_activ = document.createElement("TBODY");
328                table_activ.className = "info_table";
329                table_activ.width = "90%";
330                table_activ.align = "center";
331                tr_element = document.createElement("TR");
332                tr_element.className = "info_tr_header";
333                td_element = document.createElement("TD");
334                td_element.colSpan = "2";
335                td_element.innerHTML = "Atividades do Processo";
336                tr_element.appendChild(td_element);
337                tbody_activ.appendChild(tr_element);
338
339                for (ix = 0; ix < data['wf_activities'].length; ix++) {
340                        tr_element = document.createElement("TR");
341                        tr_element.className = "info_tr_simple";
342                        td_element1 = document.createElement("TD");
343                        td_element1.className = "info_td_activ";
344                        td_element1.width = "35%";
345                        td_element1.innerHTML = activity_icon(data['wf_activities'][ix]['wf_type'], data['wf_activities'][ix]['wf_is_interactive']) + " " + data['wf_activities'][ix]['wf_name'];
346                        td_element2 = document.createElement("TD");
347                        td_element2.width = "65%";
348                        td_element2.innerHTML = data['wf_activities'][ix]['wf_description'];
349                        tr_element.appendChild(td_element1);
350                        tr_element.appendChild(td_element2);
351                        tbody_activ.appendChild(tr_element);
352                }
353
354                table_activ.appendChild(tbody_activ);
355                content.appendChild(table_activ);
356                content.appendChild(document.createElement("BR"));
357        };
358        params = "pid=" + pid;
359        cExecute ("$this.bo_userinterface.process_about", proc_about_handler, params);
360}
Note: See TracBrowser for help on using the repository browser.