O Date Range Input Component sem dúvidas é extremamente prático, possibilitando que o usuário selecione padrões de intervalos de datas de forma rápida.

Porém, algumas vezes, nossos usuários estão acostumados com intervalos de datas diferentes aos que já vem por padrão no Date Range Input Component. Além disso, esse componente por padrão, está em Inglês.

b2ap3_thumbnail_2014-01-24-01.50.45-pm

 

Padrão do Date Range Input Component

Nesse post vou demonstrar como customizar os textos e intervalos neste componente para melhor atender às necessidades do usuário.

Para alterar o componente, edite o arquivo pentaho-solutions/system/pentaho-cdf/js/daterangepicker/daterangepicker.jQuery.js

Neste arquivo há a função Javascript para a geração do componente, e dentro desta função, existem os presetRanges conforme o trecho de código abaixo:

?
1
2
3
4
var options = jQuery.extend({
               presetRanges: [
                       {text: 'Today', dateStart: 'today', dateEnd: 'today' },
                       {text: 'Last 7 days', dateStart: 'today-7days', dateEnd: 'today' },

Como se pode ver, neste trecho de código há a propriedade “text” de cada uma das linhas, essa propriedade é o título que aparecerá para o usuário, então para trocarmos o text “Today” para “Hoje”, basta substituir:

?
1
{text: 'Today', dateStart: 'today', dateEnd: 'today' }

por:

?
1
{text: 'Hoje', dateStart: 'today', dateEnd: 'today' }

Repare que as propriedades dateStart e dateEnd não foram alteradas, esses são valores padrões para que a função utilize datas específicas e não são visíveis ao usuário.

Essas duas propriedades citadas anteriormente, devem ser alteradas caso haja a necessidade de mudar o intervalo das datas utilizadas.

Por Exemplo, caso nosso usuário solicite substituir o item com o dia de Hoje pelo dia de Ontem, trocaríamos o trecho:

?
1
{text: 'Today', dateStart: 'today', dateEnd: 'today' }

por:

?
1
{text: 'Ontem', dateStart: 'yesterday', dateEnd: 'yesterday' }

No caso dos  Dashboards que criamos no CDE, nosso padrão ficou como na figura abaixo:

b2ap3_thumbnail_2014-01-24-02.17.58-pm

Cópias não autorizadas serão consideradas plágio.

Leandro Guimarães
Leandro Guimarães
Leandro Guimarães é o fundador da Know Solutions e trabalha com Business Intelligence desde 2009. Possui amplo conhecimento em Modelagem Dimensional, Data Warehouse e na plataforma Pentaho.

Foi aluno de Ralph Kimball, maior referência mundial no assunto, no curso de Modelagem Dimensional realizado pela Kimball University, em Estocolmo – Suécia.

Já ministrou diversas palestras sobre o tema e atualmente mantêm o blog da Know Solutions, com referências sobre Business Intelligence.

Pós Graduado em Gestão de Projetos de Software pela PUC – Paraná. Trabalhou durante 7 anos na empresa Siemens onde participou de projetos em diferentes países.