Changeset 1305 for trunk/workflow

Timestamp:

08/11/09 14:53:15 (15 years ago)

Author:

rodsouza

Message:

Ticket #589 - Alterado cartao na interface do usuario

Location:

trunk/workflow

Files:

• inc/class.so_orgchart.inc.php (modified) (1 diff)
• js/userinterface/orgchart.js (modified) (2 diffs)

trunk/workflow/inc/class.so_orgchart.inc.php

@@ -1173 +1173 @@
                         'value' => ( ! empty( $localInfo['cidade'] ) ? $localInfo['cidade'] : '') );
 
+                $outputInfo[] = array(
+                        'name' => 'UF',
+                        'value' => ( ! empty( $localInfo['uf'] ) ? $localInfo['uf'] : '') );
+
                 if (!empty($employeeInfo['centro_custo_id']))
                         $costCenterInfo = $orgchart->getCostCenter($employeeInfo['centro_custo_id']);

trunk/workflow/js/userinterface/orgchart.js

@@ -393 +393 @@
                         {
                                 if (pagingData[i].do_link == true)
-                                        output += '<a style="font-size: medium" href="#" onclick="getAlphabeticalEmployees(' + pagingData[i].p_page + ');">' + pagingData[i].name + '</a>&nbsp;';
+                                        output += '<a style="font-size: 13px" href="#" onclick="getAlphabeticalEmployees(' + pagingData[i].p_page + ');">' + pagingData[i].name + '</a>&nbsp;';
                                 else
-                                        output += '<strong style="font-size: large">' + pagingData[i].name + '</strong>&nbsp;';
+                                        output += '<strong style="font-size: 14px">' + pagingData[i].name + '</strong>&nbsp;';
                         }
                 }
@@ -445 +445 @@
                 workflowUserInterfaceEmployeeInfoTimer = null;
 
-                var content = '';
-                content += '<table><tr><td valign="top">';
-                content += '<img src="showUserPicture.php?userID=' + employeeID + '"/>';
-                content += '</td><td valign="top" style="padding-left: 12px;">';
+                var card_data = [ ];
+
                 for (var i = 0; i < data['info'].length; i++)
-                        content += '<strong>' + data['info'][i]['name'] + '</strong>: ' + data['info'][i]['value'] + '<br/>';
-
-                content += '</td></tr></table>';
+                        card_data[ data[ 'info' ][ i ][ 'name' ] ] = data[ 'info' ][ i ][ 'value' ];
+
+                var card = document.createElement( 'div' );
+                card.style.fontSize = '14px';
+                card.style.padding = '5px';
+
+                var photo = document.createElement( 'img' );
+                photo.src = 'showUserPicture.php?userID=' + employeeID;
+                photo.style.position = 'absolute';
+                photo.style.right = '10px';
+
+                card.appendChild( photo );
+
+                card.appendChild( document.createElement( 'br' ) );
+                card.appendChild( document.createElement( 'br' ) );
+
+                if ( card_data[ 'Nome' ] )
+                {
+                        var name = document.createElement( 'span' );
+                        name.style.fontWeight = 'bold';
+                        name.appendChild( document.createTextNode( card_data[ 'Nome' ] ) );
+                        card.appendChild( name );
+                        card.appendChild( document.createElement( 'br' ) );
+                }
+
+                if ( card_data[ 'Cargo' ] )
+                        var role = card.appendChild( document.createTextNode( card_data[ 'Cargo' ] ) );
+
+                if ( card_data[ 'Área' ] )
+                {
+                        if ( role )
+                                card.appendChild( document.createTextNode( ' - ' ) );
+                        card.appendChild( document.createTextNode( card_data[ 'Área' ] ) );
+                }
+
+                card.appendChild( document.createElement( 'br' ) );
+                card.appendChild( document.createElement( 'br' ) );
+                card.appendChild( document.createElement( 'br' ) );
+
+                if ( card_data[ 'Empresa' ] )
+                {
+                        var company = document.createElement( 'span' );
+                        company.style.fontWeight = 'bold';
+                        company.appendChild( document.createTextNode( card_data[ 'Empresa' ] ) );
+                        card.appendChild( company );
+                        card.appendChild( document.createElement( 'br' ) );
+                }
+
+                if ( card_data[ 'Endereço' ] )
+                        var address = card.appendChild( document.createTextNode( card_data[ 'Endereço' ] ) );
+
+                if ( card_data[ 'Complemento' ] )
+                {
+                        if ( address )
+                                card.appendChild( document.createTextNode( ' - ' ) );
+                        var complement = card.appendChild( document.createTextNode( card_data[ 'Complemento' ] ) );
+                }
+
+                if ( address || complement )
+                        card.appendChild( document.createElement( 'br' ) );
+
+                if ( card_data[ 'Cep' ] )
+                        var zipcode = card.appendChild( document.createTextNode( card_data[ 'Cep' ] ) );
+
+                if ( card_data[ 'Bairro' ] )
+                {
+                        if ( zipcode )
+                                card.appendChild( document.createTextNode( ' - ' ) );
+                        var district = card.appendChild( document.createTextNode( card_data[ 'Bairro' ] ) );
+                }
+
+                if ( zipcode || district )
+                        card.appendChild( document.createElement( 'br' ) );
+
+                if ( card_data[ 'Cidade' ] )
+                        var city = card.appendChild( document.createTextNode( card_data[ 'Cidade' ] ) );
+
+                if ( card_data[ 'UF' ] )
+                {
+                        if ( city )
+                                card.appendChild( document.createTextNode( ' - ' ) );
+                        card.appendChild( document.createTextNode( card_data[ 'UF' ] ) );
+                }
+
+                card.appendChild( document.createElement( 'br' ) );
+                card.appendChild( document.createElement( 'br' ) );
+
+                if ( card_data[ 'Telefone' ] )
+                {
+                        var phone = document.createElement( 'span' );
+                        phone.appendChild( document.createTextNode( card_data[ 'Telefone' ] ) );
+                        phone.style.paddingLeft = '20px';
+                        phone.style.paddingRight = '10px';
+                        phone.style.whiteSpace = 'nowrap';
+                        phone.style.background = 'url(templateFile.php?file=images/phone.png) no-repeat 0 2px'
+                        card.appendChild( phone );
+                }
+
+                card.appendChild( document.createElement( 'br' ) );
+                card.appendChild( document.createElement( 'br' ) );
+
+                if ( card_data[ 'e-mail' ] )
+                {
+                        var mail = document.createElement( 'span' );
+                        mail.appendChild( document.createTextNode( card_data[ 'e-mail' ] ) );
+                        mail.style.paddingLeft = '20px';
+                        mail.style.paddingRight = '10px';
+                        mail.style.whiteSpace = 'nowrap';
+                        mail.style.background = 'url(templateFile.php?file=images/mail.png) no-repeat 0 0'
+                        card.appendChild( mail );
+                }
+
+                if ( card_data[ 'sitio' ] )
+                {
+                        var sitio = document.createElement( 'span' );
+                        sitio.appendChild( document.createTextNode( card_data[ 'sitio' ] ) );
+                        sitio.style.paddingLeft = '20px';
+                        sitio.style.background = 'url(templateFile.php?file=images/sitio.png) no-repeat 0 0'
+                        card.appendChild( sitio );
+                }
+
                 var pageYLimit = document.body.scrollTop + document.body.clientHeight;
                 var div = $('employeeInfo');
-                div.innerHTML = content;
+
+                div.innerHTML = '';
+                div.appendChild( card );
 
                 if ((parseInt(div.style.top.replace(/px/g, '')) + div.getHeight()) > pageYLimit)