po-ui / po-angular Goto Github PK

Boa tarde,

Para facilitar o preenchimento de formulários gostaria de solicitar a possibilidade de preencher campos como "po-select" e "po-datapicker" passando valores.
É possível "settar" valores no select comum do html. Se o "po-select" tivesse uma diretiva que permitisse fazer isso iria facilitar bastante.
Hoje para atualizar um formulários eu tenho 2 hipóteses:

• Uma delas é fazer na mão um select comum e copiar todo o css do portinari
• Solicitar toda hora que o usuário preencha novamente esses campos estilizados.

Agradeço desde já.
Caio Passarelli
Mustti

Ao configurar os campos a serem exibidos no DynamicForm, é possível informar a um determinado campo o seu searchService para que seja criado um campo do tipo lookup, porém, observando o componente lookup é possível ver que nele é possível enviar parametros junto a requisição (p-filter-params), mas no dynamicform não temos a opção de informar este parametro do lookup. Parametros na requisição feita pelo lookup são extremamente importantes pois em muitos casos é possível que os dados solicitados precisam ser filtrados por algum valor do formulário, exemplo: escolher um estado e no lookup para escolher os municípios trazer somente os municípios do estado selecionado.
Sem esta opção eu não vejo outra forma de filtrar a consulta feita.

Pessoal, no template Page Dynamic Table, ao definir o endpoint ou ao colocar o component no template, teria como adicionar a possibilidade de enviar um campo ou uma informação customizada ao fazer requisições ao endpoint. Peço isso pois da forma que está documentada não há como enviar informações de autenticação para o endpoint e com isso não é possível distinguir quais informações serão retornadas.

Meu endpoint http://localhost:8080/schedulers/processes?page=1&pageSize=10&search=
retorna os dados no seguinte formado, seguindo a especificação que diz na documentação do component:
[{"processID":"IMPORTACAO_FUNCIONARIO","description":"Importar Funcionários"}]

No entanto o Lookup de seleção de processos não lista os dados nem as colunas desse resultado da API. A renderização dessa tela pode ser vista abaixo.

Não possui as definições de colunas e nem os dados. Não sei se isso precisa ser definido em algum lugar do componente, mas também não está indicado na documentação como isso é definido. Por favor, se precisa definir algo pra funcionar, como e onde eu defino a tabela do lookup para que seja possível eu selecionar os dados ?

Versão: 1.12.0

Bom dia,

No componente po-widget (https://portinari.io/documentation/po-widget) eu preciso poder colocar um hint quando o usuário fizer um hover sobre o titulo do card.
Esse hint pode ser padrão (propriedade title do html) ou customizado (https://www.w3schools.com/css/css_tooltip.asp)

Grato

Neste componente há um campo para pesquisa que ao ser digitado e submetido para o endpoint, é gerado uma querystring contendo search= para que este texto seja procurando em todos os campos, porém, não é enviado na requisição a lista de campo contidos atualmente no componente, forçando o programador a pesquisar em todos os campos possíveis ou pesquisar em campos "hard coded", o que não é o ideal. Então seria interessante de alguma forma, passar para o endpoint quais os campos estão sendo visualizados atualmente, até mesmo porque o campo que deve ser ordenado já é enviado.
Existe o plugin para jQuery chamado DataTables que ao habilitar o processamendo server-side já faz essa passagem de parametros como eu sugeri. https://datatables.net/manual/server-side

Boa tarde,
Sabem me informar como fazer a chamada de telas em Portinari pelos Menus do Protheus? Por exemplo, ao chamar um relatório MATR..., ele abrir esse relatório na tela do Portinari.

Reprodução

https://stackblitz.com/edit/portinariui-bugreport01

Passos para reproduzir:

1. Criar um po-input com o atributo p-mask preenchido
2. Na tela, clicar com o botão direito do mouse e colar um conteúdo no campo
3. Sair do campo

Qual o comportamento atual?

Nos componentes de input que utilizam máscara, quando não usamos o teclado para preenchimento, o valor do ngModel não é atualizado. Ex: colar um texto usando somente o mouse.

Que comportamento você esperava ver?

Após colar o texto, que o ngModel seja atualizado

Ambiente

• Portinari: 1.13.1
• Angular: 8.0.3
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

Boa tarde,

Estou usando o po-chart (https://portinari.io/documentation/po-chart) e me deparei com alguns detalhes que eu gostaria de customizar no gráfico para um projeto. Segue a lista de funcionalidades que atualmente estou precisando.

Setar cores particulares para cada dado no gráfico.
Escolher mostrar ou não a parte de legendas.
Definir a label de cada elemento do gráfico dentro ou fora.
Definir largura do gráfico tipo "Donut".

Segue em anexo um exemplo de gráfico.

Obrigado desde já!

Boa tarde, Galera!

Eu utilizava o THF e realizei a migração para Portinari.

Eu estou com problema ao tentar gerar o build da aplicação Portinari, utilizando o seguinte código:
ng build --prod --aot --sourceMap=false

Entretanto ele gera o erro:

Schema validation failed with the following errors:
Data path ".budgets[1].type" should be equal to one of the allowed values.

Por gentileza, poderiam me auxiliar?

Boa tarde.

Gostaria de saber se existe alguma maneira de fazer validações específicas nos campos que adicionamos no p-fields .

Se não existir, teria como incluir essa funcionalidade?

Att,

Boa tarde!

é possível adicionar mais opções de cores no component po-table, na propriedade color?

hoje o mesmo conta com 12 cores, mas eu necessitava de opções semelhantes ao que utilizo no Protheus como preto, branco e cinza.

obrigado!

É possível usar o PoUpload com o firebase?

Ou se não for possível no momento, quais são os planos para o futuro ?

É possível fazer com que a largura da coluna se ajuste ao seu conteúdo?
Minha tabela está declarada da seguinte forma:

<po-table p-checkbox p-single-select p-height="200" p-hide-select-all="true" p-sort="true"
    p-striped="true" [p-columns]="columns" [p-items]="items">
  </po-table>

// Colunas
columns: PoTableColumn[] = [
    {
      property: 'acoes', type: 'icon', width: '80px', icons: [
        {
          icon: 'po-icon-eye', value: 'ver', action: this.detalheCliente.bind(this), tooltip: 'Detalhes'
        }
      ]
    },
    { property: 'id', label: 'Código', },
    { property: 'nome', label: 'Nome' },
    { property: 'rg', label: 'RG' },
    { property: 'cpf', label: 'CPF' },
    {
      property: 'estado_civil', label: 'Est. Civil', type: 'label', labels: [
        { value: 'S', label: 'Solteiro(a)', color: 'color-02' },
        { value: 'C', label: 'Casado(a)', color: 'color-08' },
        { value: 'D', label: 'Divorciado(a)', color: 'color-07' },
        { value: 'V', label: 'Viuvo(a)', color: 'color-11' }
      ]
    },
    {
      property: 'sexo', label: 'Sexo', type: 'subtitle', subtitles: [
        { value: 'M', label: 'Masculino', content: 'M', color: 'color-11' },
        { value: 'F', label: 'Feminino', content: 'F', color: 'color-08' },
        { value: 'N', label: 'N/D', content: 'N', color: 'color-07' },
      ]
    },
    { property: 'banco', label: 'Banco' },
    { property: 'telefone', label: 'Telefone' },
    { property: 'celular', label: 'Celular' },
    { property: 'endereco', label: 'Endereço', },
    { property: 'bairro', label: 'Bairro' },
    { property: 'numero', label: 'Número' },
    { property: 'cep', label: 'CEP' },
    { property: 'cidade', label: 'Cidade' },
    { property: 'estado', label: 'UF' },
  ];

E abaixo, é como minha tabela está renderizada:

O a largura da coluna não se adapta do seu conteúdo, sei que tem a propriedade width na coluna. Que eu posso fixar uma largura. Mas existe algum jeito de fazer automático ?

Prezados, gostaria de sugerir uma melhoria para que seja possível o envio/customização de templates dentro do componente po-toolbar. De modo que eu consiga trabalhar com uma search-bar ou outro componente de acordo com a minha necessidade.

Na documentação do componente Input existe a chave t-mask="string", mas não deveria ser p-maks?
Estava tentando utilizar t-mask e não estava colocando a mascara mudei para p-mask e consegui, é isso mesmo?
Não sei se é por aqui esse tipo de solicitação.

Qual o comportamento atual?

Ao criar uma tabela(po-table) e ler um objeto JSON, gostaria de poder setar na coluna(objeto PoTableColumn) o valor que esta dentro de um objeto JavaScript, por exemplo:

Objeto:
{ client: { fantasyName: 'Nome fantasia' } }

Definição das colunas no componente.
columns: Array<PoTableColumn> = [ { property: 'client.fantasyName', label: 'Cliente' } ];

Que comportamento você esperava ver?

Exibir o valor do campo dentro do objeto. Atualmente eu precisei fazer um "forEach" e setar manualmente numa nova propriedade do objeto.

Ambiente

• Portinari: 1.13
• Angular: 8
• Browser(s): Google Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Linux

Melhoria

Adicionar na barra de ferramentas uma opção de formato de texto.
Nesta opção, o usuário posiciona o cursor em uma linha, e informa se ela é um Titulo, subtitulo 1 2 3, paragrafo, citação e outros.

Caso de uso

Com essa melhoria teremos uma formatação de texto mais rica :)
Quando enviamos via javascript uma string já com essa formatação, o Rich Text aceita e formata muito bem isto. A melhoria iria divulgar isto.

Boa tarde!

Portinari UI 1.5.0

O component po-multiselect está quebrando ao iniciar, pois o mesmo no primeiro clique não habilita a lupa para efetuar a pesquisa, assim ao selecionar alguns itens da lista o mesmo apresenta o seguinte erro no console do navegador:
_ERROR TypeError: Cannot read property 'setFocus' of undefined
at PoMultiselectDropdownComponent.clickItem (portinari-portinari-ui.js:16968)
at Object.eval [as handleEvent] (PoMultiselectDropdownComponent.html:18)
at handleEvent (core.js:43992)
at callWithDebugContext (core.js:45631)
at Object.debugHandleEvent [as handleEvent] (core.js:45246)
at dispatchEvent (core.js:29803)
at core.js:31836
at SafeSubscriber.schedulerFn [as _next] (core.js:35378)
at SafeSubscriber._tryOrUnsub (Subscriber.js:185)
at SafeSubscriber.next (Subscriber.js:124)

Após o segundo clique a lupa habilita e permite a busca dos itens, assim o mesmo deixa de apresentar o erro.

Por gentileza, poderiam verificar?

Preciso alinhar dois botões a direita da tela, porém não encontrei nada na documentação, alguém pode me ajudar?

Saudações. prezados

Há a possibilidade de troca das cores do Framework?

Quando tento utilizar o component PoDatepicker com reactive forms e passar um valor para ele (mesmo que sejam os informados na documentação do component), é exibida a seguinte mensagem no console do browser:

ERROR Error: There is no FormControl instance attached to form control element with name: 'dataInicio'
at _throwError (forms.js:2749)
at _noControlError (forms.js:2730)
at PoDatepickerComponent.onChangeModel (forms.js:2622)
at PoDatepickerComponent.callOnChange (portinari-portinari-ui.js:12562)
at PoDatepickerComponent.controlModel (portinari-portinari-ui.js:12545)
at PoDatepickerComponent.writeValue (portinari-portinari-ui.js:12959)
at setUpControl (forms.js:2578)
at forms.js:6451
at Array.forEach ()
at FormGroupDirective._updateDomValue (forms.js:6441)

A versão utilizada do portinari é 1.1.0

Estou criando uma tela onde tenho dois componentes do tipo "po-decimal", um é em reais e o outro em dólar. Meu projeto está todo configurado para utilizar com o LOCALE "pt-BR".

Como eu faço para definir que o campo com valores em outras moedas são de outro LOCALE ?

Passos para reproduzir:

1. Criar um MODAL com TABS, criar um botão para confirmar, quando voltamos a abrir o MODAL ele apresenta a ultima aba que estava selecionada, existe como sempre abrir a aba 1?

Não sei se fiz certo, mas abaixo link com o exemplo:
https://stackblitz.com/edit/portinariui-uo6kbs

• Portinari:
• Angular:

Reprodução

Utilize StackBlitz para reproduzir a sua issue: https://stackblitz.com/fork/portinariui

https://stackblitz.com/edit/portinariui-wahf1t

Passos para reproduzir:

1. Inserir o componente po-table no template.
2. Configurar alguma coluna da table para exibir ícones

Qual o comportamento atual?

O ícone não é exibido a menos que seja retirado a propriedade 'value' da configuração dos ícones, porém a propriedade é obrigatória e gera erro de compilação.

Que comportamento você esperava ver?

Exibir os ícones mesmo que fosse removido a propriedade 'icon' para utilizar o valor da propriedade 'value', porém nem mesmo assim o ícone é exibido.

Ambiente

• Portinari: 1.18.0
• Angular: 8.3.20
• Browser(s): Chrome 78
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10 v1903

Os componentes field-container e field-container-bottom são privados, porém usados nos componentes de field. Isso acaba nos bloqueando de estender esses componentes porque não podemos usar essas tags em componentes customizados.

Minha sugestão seria expor os componentes citados para que possamos criar nossos próprios componentes a partir deles.

Uma sugestão um pouco mais ambiciosa (aproveitando o gancho) seria um CDK do Portinari, assim como temos o do Angular Material. Porém, isso é assunto pra uma segunda issue, rs.

Galera estou rodando o tslint do portinari e esta acusando o seguinte erro:
Review this potentially hardcoded credential.
Verificando a linha o que tenho nela é isso:
passwordPlaceholder: 'Digite sua senha',
É do componente PoPageLoginLiterals.
Por que ocorre esse erro?

Gostaria de sugerir uma opção para no template Page Login, podermos definir se o combo de seleção do idioma irá aparecer ou não, pois em alguns casos a aplicação poderá ser feita exclusivamente em um idioma apenas.

Table Row Template - Sugestão de melhoria

Qual o comportamento atual?

Ao adicionar um Table Row Template é possível apresentar informações adicionais, clicando e abrindo o tanto que for necessário, e para fechar clicando nas que estão abertas.

Que comportamento você esperava ver?

Um sugestão de melhoria seria abrir apenas uma por vez, e ao clicar em outra linha, a que estivesse abertura seria fechada automaticamente.

Ambiente

• Portinari: 1.15.0
• Angular: Angular 8
• Browser(s): Chrome
• Operating System (Ubuntu):

Adicionar EventEmmiter na Seleção de idioma do componente po-page-login, para externalizar o valor do idioma selecionado (pt-BR, en-US) ...

Boa tarde! Estou utilizando o componente po-page-login mas não consigo direcionar para outra pagina após a validação de usuário e senha.
Meu componente esta assim
<po-page-login
[p-literals]="customLiterals"
[p-loading]="loading"
[p-password-errors]="passwordErrors"
[p-login-errors]="loginErrors"
(p-login-submit)="checkLogin($event)"

Como faço para direcionar?
Desculpa sei que é uma pergunta de iniciante, mas já tentei de tudo.

Att
Sergio Martinez

Pessoal,
estou analisando ainda o uso do filtro no componente lookup e a forma que está desenvolvido o componente, se levar em consideração que em um projeto cria-se um componente para gerar o formulário de forma dinâmica e através de metadados como o dynamic-form, ao tentar informar o filtro para o lookup utilizando um valor do model, não é possível fazer utilizando um valor vindo de um metadados.
Ex: se eu passar para o [p-filter-params] o valor "{estado:dados.CAMPO_DO_ESTADO}" de forma chumbada no template, o lookup vai buscar o valor do meu model toda vez que fazer a requisição, porém não é dessa forma que deveria funcionar, pois eu quero no meu metadados retornar as expressões de filtro que eu gostaria pois a geração do form é dinamica e para cada form eu posso ter diferentes lookups com parametros de filtros diferentes.
Dito isso acima eu gostaria de saber como é possível fazer isso, receber a expressão de uma string ou um object e passar para o lookup, pois estou tentando de todas as formas e só funciona quando é hardcoded. Será que a forma de passagem de filtros não deveria ser alterada para facilitar, podendo por exemplo chamar uma função para nela possa ser retornado um objeto contendo os parametros para filtro?

Propriedade para habilitar ou desabilitar a escolha do idioma na page login e fixar um idioma default

Bom dia

Quando gero a build com --prod está ocorrendo o erro abaixo.

O mesmo erro não acontece quando gero a build do dev.

ERROR in node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoCalendarComponent.html(45,11): Property 'displayMonthNumber' is protected and only accessible within class 'PoCalendarBaseComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoCalendarComponent.html(47,17): Property 'displayMonthNumber' is protected and only accessible within class 'PoCalendarBaseComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoCalendarComponent.html(70,11): Property 'currentYear' is protected and only accessible within class 'PoCalendarBaseComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoCalendarComponent.html(72,17): Property 'currentYear' is protected and only accessible within class 'PoCalendarBaseComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoCalendarComponent.html(71,11): Property 'displayMonthNumber' is protected and only accessible within class 'PoCalendarBaseComponent' and its subclasses.
(1,1): Directive PoChartComponent, Expected 0 arguments, but got 1.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵcq.html(45,9): Property 'displayMonthNumber' is private and only accessible within class 'PoCalendarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵcq.html(46,17): Property 'displayMonthNumber' is private and only accessible within class 'PoCalendarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵcq.html(70,9): Property 'currentYear' is private and only accessible within class 'PoCalendarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵcq.html(71,17): Property 'currentYear' is private and only accessible within class 'PoCalendarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵcq.html(69,9): Property 'displayMonthNumber' is private and only accessible within class 'PoCalendarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoDatepickerRangeComponent.html(44,39): Expected 0 arguments, but got 1.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoRadioGroupComponent.html(17,9): Property 'readonly' does not exist on type 'PoRadioGroupComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(53,13): Property 'stopUpload' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(60,13): Property 'uploadFiles' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(39,17): Property 'getPoIcon' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(39,62): Property 'getFileSize' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(44,13): Property 'isStatusFile' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(44,13): Property 'isStatusFile' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(51,13): Property 'isStatusFile' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(58,13): Property 'isStatusFile' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(72,7): Property 'hasAnyFileUploading' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoUploadComponent.html(74,7): Property 'uploadFiles' is protected and only accessible within class 'PoUploadComponent' and its subclasses.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageEditComponent.html(15,9): Property 'parentContext' is private and only accessible within class 'PoPageEditComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageEditComponent.html(24,9): Property 'parentContext' is private and only accessible within class 'PoPageEditComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageEditComponent.html(33,9): Property 'parentContext' is private and only accessible within class 'PoPageEditComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageEditComponent.html(11,9): Property 'parentContext' is private and only accessible within class 'PoPageEditComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageEditComponent.html(19,9): Property 'parentContext' is private and only accessible within class 'PoPageEditComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageEditComponent.html(28,9): Property 'parentContext' is private and only accessible within class 'PoPageEditComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoPageListComponent.html(53,13): Property 'parentRef' is private and only accessible within class 'PoPageListComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵfa.html(46,7): Property 'index' does not exist on type 'PoSlideItemComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoTableComponent.html(178,13): Property 'validateTableAction' is private and only accessible within class 'PoTableComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoToolbarComponent.html(16,7): Property 'userSrc' does not exist on type 'PoToolbarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoToolbarComponent.html(16,7): Property 'userName' does not exist on type 'PoToolbarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.PoToolbarComponent.html(17,7): Property 'userActions' does not exist on type 'PoToolbarComponent'.
node_modules/@portinari/portinari-ui/portinari-portinari-ui.d.ts.ɵef.html(8,5): Expected 2 arguments, but got 0.

Gostaria de ao verificar se pode ir ao próximo passo, poder utilizar funções assíncronas como Promises ou Observables, pois ai poderemos gravar no servidor os valores do passo antes de prosseguir

Estou utilizando no meu projeto o componente Lookup através do componente Dynamic Form e percebi que no Lookup é possível retornar os valores apenas para um campo. Eu gostaria de sugerir uma alteração neste componente para que possa ser passado um array ou uma marcação nas columns para informar quais campos serão retornados porém não de forma concatenada como é atualmente e sim retornando cada valor para um campo.
Ex: Consulta padrão de cliente retornando o código no campo que chamou a consulta padrão e a loja no campo que estivesse na sequencia.
Isso deixaria o componente mais parecido com a funcionalidade da consulta padrão já existente no Protheus.

Passos para reproduzir:

1. Acessar a página https://portinari.io/documentation/po-chart?view=web
2. No exemplo, incluir uma série com valor zerado

Qual o comportamento atual?

O gráfico fica "piscando"

Que comportamento você esperava ver?

Gráfico com valores vazios.

Ambiente

• Portinari: 1.12
• Angular: 8.0.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

Boa tarde.

Gostaria de saber se no Portinari existe algum componente que faça o que o Kendo Chart faz no THF, o Chart é muito limitado e só tem a opção do tipo pizza.

Seria muito legal e interessante, conectar o component PoTab a uma rota (router)
Por exemplo, o component PoTab teria uma propriedade url ou link de uma rota configurada.
Quando eu abrisse essa PoTab, o conteúdo da rota renderizaria dentro do PoTab

Por exemplo:

<po-tabs>
       <po-tab *ngFor="let tab of tabs" [p-title]="tab.title" [url]="tab.url">       
</po-tabs>

Adicionalmente, o tab poderia ter um botão de fechar a aba
Obs: Ao invés do *ngFor para adicionar tab ao PoTabs, também poderia ter uma propriedade tabs no PoTabs:
<po-tabs tabs="PoTabsInterface"></po-tabs>

Atualmente o PoUpload ao enviar os arquivos, faz um post com content type multipart/form-data que é a forma padrão para envio de arquivos via http. Porém ao utilizar um backend rest e principalmente se for no protheus, não temos como manipular esta requisição. Gostaria de sugerir então que houvesse a opção do PoUpload para enviar os arquivos dentro de um json codificados com base64. Sei eu isso impacta no tamanho dos dados que serão transmitidos, porém facilitaria a vida de quem está utilizando uma api restful.

No componente Dynamic Form, quando adicionado um componente Lookup a propriedade name informada não é respeitada.

Verifiquei o arquivo po-dynamic-form-fields.component.html na linha 107, não está sendo feito o binding com a variável e sim atribuindo valor a propriedade name.
PS: há alguma documentação sobre como abrir uma PR?

Sugestão de melhoria

Adicionar a propriedade p-clean, que coloca o 'X' para limpar o campo, ao componente po-combo

Esta propriedade é encontrada em demais inputs, e seria bem útil no combo.

Bom dia!

Qual o comportamento atual?

PO-TABLE com colunas e linhas criando apenas uma célula na junção, não suportando colspan e rowspan.

Que comportamento você esperava ver?

mesclar linhas e colunas através do rowspan e colspan, para unir células conforme a necessidade.

Ambiente

• Portinari: 1.12
• Angular: 8.2.0
• Browser(s): Google Chrome
• Operating System (Ubuntu 18.04.3 LTS):

Agradeço desde já, obrigado!

Reprodução

https://portinariui-jcqdn4.stackblitz.io/

Passos para reproduzir:

1. Realizar o Double Click ou apertar a tecla enter na célula desejada.

Qual o comportamento atual?

Tentei reproduzir o componente e após a seleção do campo escolhido é apresentado o Erro 'nativeElement' no console, após isso decide verificar a documentação e está apresentando o mesmo erro conforme print abaixo:

Que comportamento você esperava ver?

Permitir a edição e confirmação da linha conforme documentação.

Ambiente

Portinari: 1.12
Angular: 8.2.0
Browser(s): Google Chrome
Operating System : Windows

Poderiam me instruir se a utilização do componente esta correta?

Permitir que as notificações do serviço PoNotificationService, possam ser definidas informando um tempo de duração definido pelo usuário, não utilizando o padrão de 10 segundos.
Permitir também ter uma forma de definição da duração padrão para todas as notificações.

#90

Bom dia!

Talvez eu esteja montando algo errado, peço que confiram o código primeiramente. Mas o comportamento não é o esperado.

Reprodução no StackBlitz: https://portinariui-bryzgz.stackblitz.io
Código fonte no StackBlitz: https://stackblitz.com/edit/portinariui-bryzgz

Passos para reproduzir:

1. Abra a última linha da tabela. Apenas o campo "Controla Compra" estará ativo.
2. Abra a linha intermediária da tabela. Observe que, ao abri-lá, o valor "Controla Venda" da última linha recebe o valor da linha intermediária.
3. Abra a primeira linha da tabela. Todos os demais valores assumem o que está definido na primeira linha.

Qual o comportamento atual?

o ngModel está recebendo o valor da última linha expandida, não respeitando o rowItem específico.

Que comportamento você esperava ver?

Ao expandir, os valores devem ser os específicos daquela linha da tabela.

Ambiente

• Portinari: v1.14.0
• Angular: 8.0.6
• Browser(s): Chrome 77
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10 Pro

Melhoria
Adicionar na barra de ferramentas uma opção de edição de tabelas.
Nesta opção, o usuário consegue incluir tabela, linhas ou colunas em tabelas existentes.

Caso de uso
Quando enviamos via javascript uma string já com uma tabela, o Rich Text aceita e formata muito bem isto. A melhoria iria divulgar isto.

Percebi que no portal do Portinari não existe uma parte de guia em relação aos estilos/css do Portinari, sendo que já encontrei diversas classes css presentes no projeto de style do Portinari, contendo por exemplo as cores utilizadas nos componentes, acho que seria legal ter esse guia ou uma lista de classes css para que possamos seguir o mesmo estilo já presente nos componentes.

O componente PoPageAction não respeita algumas propriedades, por exemplo:

label: 'Remover',
icon: 'po-icon-delete',
type: 'danger'

O botão em questão não fica em vermelho, tampouco aparece o ícone esperado.

Estas ações estão sendo utilizadas em uma < po-page-default >

StackBlitz: https://portinariui-skj7yn.stackblitz.io

• Portinari: 1.12.0
• Angular: 8.0.6
• Browser(s): Chrome 77
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

actions: PoTableAction[] = [
    { label: 'Avançar', action: () => { }, visible: false },

  ];

A propriedade visibledo PoTableAction para o component PoPageDefault não tem efeito no componente.
Olhando no repo do component, parece que não a definição do comportamento dessa propriedade.

Se o problema for alguma definição a mais da minha parte, por favor me avise.

Desde já obrigado.
Att.