Ajuda com Barra de progresso com dados do DB.

Ajuda com Barra de progresso com dados do DB. Por favor amigos, me ajudem cria uma barra de progresso para colocar em "% Completo" na foto em anexo. Agradeço quem puder me ajudar....

Fechado

Jurandir GM Plus (Vivendo e Evoluindo) 08/03/2015 (há 10 anos)

Por favor amigos, me ajudem cria uma barra de progresso para colocar em "% Completo" na foto em anexo.

Agradeço quem puder me ajudar.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (7)

Ademilson Nunes 09/03/2015 (há 10 anos)

Olá como funciona, você tem este valor em % ou outro valor no seu banco de dados?

Ademilson Nunes 09/03/2015 (há 10 anos)

 <?php
/**
 * Description of TProgressBar
 *
 * @author ademilson Nunes
 */
class TProgressBar extends TElement
{
    private $value;
    
    public function __construct() 
    {
        parent::__construct('div');
        $this->class = 'progress';
        $this->id = 'bar_' . uniqid();          
    }
    
    
    public function setValue($value)
    {
       $this->value = $value;
    }
            
    /**
     * Shows the widget at the screen
     */       
    public function show()
    {                   
         $progressBar = new TElement('div');
         $progressBar->class = 'progress-bar';
         $progressBar->role = 'progressbar';
         $progressBar->{'arial-valuenow'} = $this->value;
         $progressBar->{'arial-valuemin'} = '0';
         $progressBar->{'arial-valuemax'} = '100';
         $progressBar->style='width: ' . $this->value . '%;';
         $progressBar->add($this->value);
         parent::add($progressBar);
       
        parent::show();
    }
}
?>

Jurandir GM Plus (Vivendo e Evoluindo) - AUTOR DO POST 09/03/2015 (há 10 anos)

Olá amigo, agradeço por responder, é o seguinte, tenho informações no banco onde são: concluída e em atraso, gostaria de somar todas e mostra a % das concluídas. Tipo 60% concluido

Ademilson Nunes 09/03/2015 (há 10 anos)

Eu escrevi esta classe quando li sua dúvida, acho que pode lhe atender. Monta em sua model os procedimentos para calcular este valor em seguida tente usar a classe TProgressBar seguindo o exemplo:

 <?php
class Teste extends TPage
{
    private $form;
    private $progressBar;
    
    public function __construct() 
    {
        parent::__construct();                       
        $table = new TTable;        
        
        $this->form = new TForm('myForm');        
        $this->form->add($table);
        
        $entry = new TEntry('teste');   
                
        $this->progressBar = new TProgressBar();
        $this->progressBar->setValue(0);
        
        $button  = new TButton('onEntry');
        $button->setAction(new TAction(array($this, 'onEntry')), 'onEntry');
        $button->setImage('ico_apply.png');
        
        $row = $table->addRow();
        $row->addCell($this->progressBar);
        $row = $table->addRow();
        $row->addCell($entry);        
        $row->addCell($button);          
                                        
        $this->form->setFields(array($button, $entry));
                                        
        parent::add($this->form);        
        
    }
    
    
    public function onEntry()
    {
        $obj = new stdClass();
        $obj = $this->form->getData();
        $this->progressBar->setValue($obj->teste);
    }
}
?>

Você pode criar um médodo 'getter' na model para retornar a progressBar direto no seu datagrid.

# Classe - Componente
pastebin.com/uh15TkKb
# View - Teste
pastebin.com/UBDS5ndv

*******Lembre se colocar armazenar o arquivo da classe no diretório : app/lib/TProgressbar/TProgressBar.class.php
#Exemplo
s10.postimg.org/ihkzbhb5l/Config.jpg

******Teste
s14.postimg.org/5haiwc8kx/Teste.jpg

Jurandir GM Plus (Vivendo e Evoluindo) - AUTOR DO POST 09/03/2015 (há 10 anos)

Boa noite Ademilson Nunes, não sei como te agradecer. Mas te peço mais um favor. Me ajude a implantar a na minha class:

 <?php

 <?php
/**
 * PlanoperativoLista Listing
 * @author  <Jurandir G Marques>
 */
class PlanoperativoLista extends TPage
{
    private $form;     // registration form
    private $datagrid; // listing
    private $pageNavigation;
    private $loaded;
    private $progressBar;
    
    /**
     * Class constructor
     * Creates the page, the form and the listing
     */
    public function __construct()
    {
        parent::__construct();
        
        // creates the form
        $this->form = new TForm('form_search_Planoperativo');
        $this->form->class = 'tform'; // CSS class
        
        // creates a table
        $table = new TTable;
        
        // add the table inside the form
        $this->form->add($table);
        
        // create the form fields
        $filter = new TEntry('id');
        //$filter = new TDBMultiSearch('objetivo','permission', 'Planoperativo', 'id','objetivo');
        $filter->setValue(TSession::getValue('Planoperativo_id'));
        
        // add a row for the filter field
        $row=$table->addRowSet( new TLabel('P.O:'), $filter);
        
        // create two action buttons to the form
        $find_button = new TButton('find');
        $new_button  = new TButton('new');
        $find_button->setAction(new TAction(array($this, 'onSearch')), ('Buscar'));
        $new_button->setAction(new TAction(array('PlanoperativoForm', 'onEdit')), ('Novo'));
        $find_button->setImage('ico_find.png');
        $new_button->setImage('ico_new.png');
        
        // add a row for the form actions
        $row=$table->addRowSet( $find_button, $new_button );
        
        // define wich are the form fields
        $this->form->setFields(array($filter, $find_button, $new_button));
        
        // creates a DataGrid
        $this->datagrid = new TDataGrid;
        //$this->datagrid->setHeight(320);
        $this->datagrid->style = 'width: 100%';
        //-------------
        $this->progressBar = new TProgressBar();
        $this->progressBar->setValue(0);
        //-------------
        // creates the datagrid columns
        $id                   = new TDataGridColumn('id', 'ID', 'left', 40);
        $objetivo             = new TDataGridColumn('objetivo', 'Meta Prioritária', 'left', 500);
        $data_atual           = new TDataGridColumn('data_atual', 'Criado Em', 'right', 90);
        $this->progressBar    = new TDataGridColumn('progressBar', '% Completo', 'center', 150);
        
        $data_atual->setTransformer(array($this, 'formatDate'));
        // add the columns to the DataGrid
        $this->datagrid->addColumn($id);
        $this->datagrid->addColumn($objetivo);
        $this->datagrid->addColumn($data_atual);
        $this->datagrid->addColumn($this->progressBar);
        // creates two datagrid actions
        $action1 = new TDataGridAction(array('PlanejamentoLista', 'onSetProject'));
        $action1->setLabel('Detalhar o Plano');
        $action1->setImage('bs:search blue');
        $action1->setField('id');
        
        $action2 = new TDataGridAction(array($this, 'onDelete'));
        $action2->setLabel('Deletar');
        $action2->setImage('bs:remove red');
        $action2->setField('id');
        
        $action3 = new TDataGridAction(array($this, 'onView'));
        $action3->setLabel('Ver a data');
        $action3->setImage('bs:hand-right green');
        $action3->setField('data_atual');
        
        $action4 = new TDataGridAction(array('PlanoperativoForm', 'onEdit'));
        $action4->setLabel(('Editar'));
        $action4->setImage('bs:hand-right blue');
        $action4->setField('id');
        
        $action_group = new TDataGridActionGroup('Opções', 'bs:th red');
        
        $action_group->addHeader('Opções do Plano');
        $action_group->addAction($action1);
        
        $action_group->addSeparator();
        $action_group->addHeader('Ações do Plano');
        $action_group->addAction($action4);
        $action_group->addAction($action2);
        
        // add the actions to the datagrid
        $this->datagrid->addActionGroup($action_group);
        // create the datagrid model
        $this->datagrid->createModel();
        
        // creates the page navigation
        $this->pageNavigation = new TPageNavigation;
        $this->pageNavigation->setAction(new TAction(array($this, 'onReload')));
        $this->pageNavigation->setWidth($this->datagrid->getWidth());
        
        // create the page container
        $container = new TVBox;
        $container->add($this->form);
        $container->add($this->datagrid);
        $container->add($this->pageNavigation);
        
        parent::add($container);
    }
    /**
    *
    *
    **/
        public function formatDate($data_atual, $object)
    {
        $dt = new DateTime($data_atual);
        return $dt->format('d/m/Y');
    }
    
    
    
    /**
     * method onInlineEdit()
     * Inline record editing
     * @param $param Array containing:
     *              key: object ID value
     *              field name: object attribute to be updated
     *              value: new attribute content 
     */
    function onInlineEdit($param)
    {
        try
        {
            // get the parameter $key
            $field = $param['field'];
            $key   = $param['key'];
            $value = $param['value'];
            
            // open a transaction with database 'permission'
            TTransaction::open('permission');
            
            // instantiates object Planoperativo
            $object = new Planoperativo($key);
            
            // update the object in the database
            $object->{$field} = $value;
            $object->store();
            
            // close the transaction
            TTransaction::close();
            
            
            $this->onReload($param); // reload the listing
            new TMessage('info', "Record Updated");
        }
        catch (Exception $e) // in case of exception
        {
            // shows the exception error message
            new TMessage('error', '<b>Error</b> ' . $e->getMessage());
            // undo all pending operations
            TTransaction::rollback();
        }
    }
    
    /**
     * method onSearch()
     * Register the filter in the session when the user performs a search
     */
    function onSearch()
    {
        // get the search form data
        $data = $this->form->getData();
        
        TSession::setValue('Planoperativo_filter',   NULL);
        TSession::setValue('Planoperativo_id', '');
        
        // check if the user has filled the form
        if (isset($data->id) AND ($data->id))
        {
            // creates a filter using what the user has typed
            $filter = new TFilter('objetivo', 'like', "%{$data->id}%");
            
            // stores the filter in the session
            TSession::setValue('Planoperativo_filter',   $filter);
            TSession::setValue('Planoperativo_id', $data->id);
        }
        else
        {
            TSession::setValue('Planoperativo_filter',   NULL);
            TSession::setValue('Planoperativo_id', '');
        }
        
        // fill the form with data again
        $this->form->setData($data);
        
        $param=array();
        $param['offset']    =0;
        $param['first_page']=1;
        $this->onReload($param);
    }
    
    /**
     * method onReload()
     * Load the datagrid with the database objects
     */
    function onReload($param = NULL)
    {
        try
        {
        
            // open a transaction with database 'permission'
            TTransaction::open('permission');
            
            // creates a repository for Planoperativo
            $repository = new TRepository('Planoperativo');
            $limit = 20;
            // creates a criteria
            $criteria = new TCriteria;
            
            // default order
            if (empty($param['order']))
            {
                $param['order'] = 'id';
                $param['direction'] = 'desc';
            }
            $criteria->setProperties($param); // order, offset
            $criteria->setProperty('limit', $limit);
            
            if (TSession::getValue('Planoperativo_filter'))
            {
                // add the filter stored in the session to the criteria
                $criteria->add(TSession::getValue('Planoperativo_filter'));
            }
            
            // load the objects according to criteria
            $objects = $repository->load($criteria, FALSE);
            
            $this->datagrid->clear();
            if ($objects)
            {
                // iterate the collection of active records
                foreach ($objects as $object)
                {
                    // add the object inside the datagrid
                    $this->datagrid->addItem($object);
                }
            }
            
            // reset the criteria for record count
            $criteria->resetProperties();
            $count= $repository->count($criteria);
            
            $this->pageNavigation->setCount($count); // count of records
            $this->pageNavigation->setProperties($param); // order, page
            $this->pageNavigation->setLimit($limit); // limit
            
            // close the transaction
            TTransaction::close();
            $this->loaded = true;
        }
        catch (Exception $e) // in case of exception
        {
            // shows the exception error message
            new TMessage('error', '<b>Error</b> ' . $e->getMessage());
            
            // undo all pending operations
            TTransaction::rollback();
        }
    }
    
    /**
     * method onDelete()
     * executed whenever the user clicks at the delete button
     * Ask if the user really wants to delete the record
     */
    function onDelete($param)
    {
        // define the delete action
        $action = new TAction(array($this, 'Delete'));
        $action->setParameters($param); // pass the key parameter ahead
        
        // shows a dialog to the user
        new TQuestion('Você realmente quer apagar ?', $action);
    }
    
    /**
     * method Delete()
     * Delete a record
     */
    function Delete($param)
    {
        try
        {
            // get the parameter $key
            $key=$param['key'];
            // open a transaction with database 'permission'
            TTransaction::open('permission');
            
            // instantiates object Planoperativo
            $object = new Planoperativo($key);
            
            // deletes the object from the database
            $object->delete();
            
            // close the transaction
            TTransaction::close();
            
            // reload the listing
            $this->onReload( $param );
            // shows the success message
            new TMessage('info', 'Registro deletado', new TAction(array('PlanoperativoLista', 'onReload')));
        }
        catch (Exception $e) // in case of exception
        {
            // shows the exception error message
            new TMessage('error', '<b>Error</b> ' . $e->getMessage());
            
            // undo all pending operations
            TTransaction::rollback();
        }
    }
        /**
     * method onView()
     * Executed when the user clicks at the view button
     */
    function onView($param)
    {
        // get the parameter and shows the message
        $key=$param['key'];
        new TMessage('info', "The information is : $key");
    }
    
    /**
     * method show()
     * Shows the page
     */
    function show()
    {
        // check if the datagrid is already loaded
        if (!$this->loaded AND (!isset($_GET['method']) OR $_GET['method'] !== 'onReload') )
        {
            $this->onReload( func_get_arg(0) );
        }
        parent::show();
    }
}
?>

?>
</Jurandir>

Jurandir GM Plus (Vivendo e Evoluindo) - AUTOR DO POST 09/03/2015 (há 10 anos)

Não tem o

 <?php e ?>

, é que eu não sabia como colocar o código em php. por isso ficou sobrando...

te agradeço por mais esta ajuda... será de grande valia pra mim..

Pablo Dall'Oglio 13/03/2015 (há 10 anos)

Jurandir,

Use o método setTransformer() sobre a coluna que contém o percentual.
Ele lerá o percentual e poderá retornar um conteúdo para "substituir" o conteúdo da coluna.

Aqui tem um exemplo:
www.adianti.com.br/framework_files/tutor/index.php?class=DatagridTra

Supondo que que você aplique a função de transformação sobre uma coluna que tenha o %,
e cuja largura padrão é 200 pixels. Neste caso, o tamanho da barra vai ser relativo à 200.

 <?php
    // aplica função de transformação na coluna
    $perc = new TDataGridColumn('perc',       'Percentual',       'right', 200);
    $perc->setTransformer(array($this, 'formatPercentual'));
    // função de transformação
    public function formatPercentual($perc, $object, $row) // imagine que $perc é 0.8 para representar 80%
    {
        $width = 200 * $perc;
        $label = $perc * 100;
        return "<div style='float:left;text-align:center;width:{$width}px;background:green'> {$label}% </div>";
    }
?>

Eu faria melhor com mais tempo, mas isso deve atender por hora.

Att,
Pablo