Changeset 3167 for branches/2.2/workflow/js/userinterface/orgchartPrint.js

Timestamp:

08/17/10 16:17:12 (14 years ago)

Author:

viani

Message:

Ticket #1135 - Merged r1990:3166 from /trunk/workflow into /branches/2.2/workflow

File:

• branches/2.2/workflow/js/userinterface/orgchartPrint.js (modified) (6 diffs)

branches/2.2/workflow/js/userinterface/orgchartPrint.js

@@ +1 @@
+/**
+* Show / Hide all employees
+*/
 function toggleEmployeesVisibility()
 {
         if ($('#employeesVisibility').attr('checked'))
-                $('div.employees').show();
+                $('tr.employees').show();
         else
-                $('div.employees').hide();
-}
-
+                $('tr.employees').hide();
+}
+
+/**
+* Highlight supervisor names?
+*/
 function toggleHighlightSupervisor()
 {
@@ -15 +21 @@
 }
 
+/**
+* Show / Hide orgchart area path visibility
+*/
 function toggleOrgchartPathVisibility()
 {
         if ($('#orgchartPathVisibility').attr('checked'))
-        {
                 $('span.orgchartPath').css('visibility', 'visible').show();
-        }
-        else
-        {
+        else {
                 if ($('#orgchartPathIndentation').attr('checked'))
                         $('span.orgchartPath').show().css('visibility', 'hidden');
@@ -30 +36 @@
 }
 
+/**
+* Group by area or show a single list alphabetically ordered
+* For large sets of data this function may be potencially slow
+*/
+function toggleGroupByArea()
+{
+        /* remove the table and compute it again */
+        $('#employee_table').remove();
+
+        if ($('#groupByArea').attr('checked'))
+                showGroupedByArea();
+        else
+                showUngrouped();
+
+        /* updating supervisor highlight and orgchart path visibility */
+        toggleHighlightSupervisor();
+        toggleOrgchartPathVisibility();
+}
+
+/**
+* Centralize the creation of table rows for employees.
+* 'showAreaColumn' specifies whether the second column will be shown
+*/
+function createEmployeeRow(area_id, user_id, showAreaColumn)
+{
+        /* set a special 'class' if the employee is a supervisor one */
+        class_name = 'employee';
+        if (areas[area_id].titular_funcionario_id == areas[area_id].employees[user_id].funcionario_id)
+                class_name += 'supervisor';
+
+        /* creating the row. */
+        element = $('<tr></tr>')
+                                /* name: first column */
+                                .append(
+                                                $('<td></td>')
+                                                        .append(
+                                                                $('<span></span>')
+                                                                        .addClass(class_name)
+                                                                        .append(areas[area_id].employees[user_id].cn)
+                                                        )
+                                                        .css('width', '70%')
+                                                );
+
+        /* area: second (optional) column */
+        if (showAreaColumn)
+                element.append(
+                                                $('<td>' + areas[area_id].sigla + '</td>')
+                                                        .css('width', '15%')
+                                        );
+
+        /* telephone: last column */
+        element.append(
+                                        $('<td>' + areas[area_id].employees[user_id].telephoneNumber + '</td>')
+                                                .css('width', '20%')
+                                        )
+                                .addClass('employees');
+
+        return element;
+}
+
+/**
+* Creating a employee table grouped by area
+*/
+function showGroupedByArea()
+{
+        var table = $('<table></table>').css('width', '90%').attr('id', 'employee_table');
+        var i, j;
+
+        /* iterating over areas */
+        for (i=0; i < areas.length; i++) {
+
+                /* inserting area header */
+                table.append(
+                                $('<tr></tr>')
+                                .append(
+                                        $('<th></th>')
+                                                .css('text-align', 'left')
+                                                .css('height', '30')
+                                                .append(
+                                                        $('<span></span>')
+                                                                .addClass('orgchartPath')
+                                                                .append(areas[i].orgchartPath)
+                                                                )
+                                                .append(areas[i].sigla)
+                                        )
+                );
+
+                /* creating employee rows */
+                for (j=0; j < areas[i].employees.length; j++)
+                        table.append(createEmployeeRow(i, j));
+        }
+        $('#areas_content').append(table);
+}
+
+/**
+* Creating employess ordered alphabetically and ungrouped. In this
+* function we implemented a 'merge' of all area's employee arrays.
+*
+* Be careful if you are going to update this code... =)
+*/
+function showUngrouped()
+{
+        var table = $('<table></table>').css('width', '90%').attr('id', 'employee_table');
+        var i, less, end;
+
+        /* creating and reseting indexes */
+        for (i=0; i < areas.length; i++)
+                areas[i].index = 0;
+
+        /* */
+        while (true) {
+                less = -1;
+                end = true;
+
+                /* searching the area with smallest employee name */
+                for (i=0; i < areas.length; i++) {
+
+                        /* if this area have employees left */
+                        if (areas[i].employees.length > areas[i].index) {
+
+                                /* if it's the first area reached in this iteration */
+                                if (less == -1)
+                                        less = i;
+
+                                /* updating less */
+                                if (areas[i].employees[areas[i].index].cn < areas[less].employees[areas[less].index].cn)
+                                        less = i;
+
+                                /* so, we are not done */
+                                end = false;
+                        }
+                }
+                /* if we are done */
+                if (end) break;
+
+                /* inserting the row */
+                table.append(createEmployeeRow(less, areas[less].index, true));
+                areas[less].index++;
+        }
+        $('#areas_content').append(table);
+}
+
+/**
+* Print me!
+*/
 function printAction()
 {
@@ -35 +186 @@
 }
 
+/**
+* Binding events to HTML elements
+*/
 function bindEvents()
 {
         $('#employeesVisibility').click(toggleEmployeesVisibility);
+        $('#groupByArea').click(toggleGroupByArea);
         $('#highlightSupervisor').click(toggleHighlightSupervisor);
         $('#orgchartPathVisibility').click(toggleOrgchartPathVisibility);
@@ -45 +200 @@
 function initialSetup()
 {
+        toggleGroupByArea();
         toggleEmployeesVisibility();
         toggleHighlightSupervisor();
@@ -50 +206 @@
 }
 
+/**
+* Call setup functions on body onload.
+*/
 function pageLoad()
 {