po-ui / po-angular Goto Github PK
View Code? Open in Web Editor NEWBiblioteca de componentes Angular.
Home Page: https://po-ui.io
License: MIT License
Biblioteca de componentes Angular.
Home Page: https://po-ui.io
License: MIT License
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?
Utilize StackBlitz para reproduzir a sua issue: https://stackblitz.com/fork/portinariui
https://stackblitz.com/edit/portinariui-wahf1t
Passos para reproduzir:
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.
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.
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.
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?
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
https://stackblitz.com/edit/portinariui-bugreport01
Passos para reproduzir:
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.
Após colar o texto, que o ngModel seja atualizado
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.
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' } ];
Exibir o valor do campo dentro do objeto. Atualmente eu precisei fazer um "forEach" e setar manualmente numa nova propriedade do objeto.
é 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!
PO-TABLE com colunas e linhas criando apenas uma célula na junção, não suportando colspan e rowspan.
mesclar linhas e colunas através do rowspan e colspan, para unir células conforme a necessidade.
Agradeço desde já, obrigado!
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.
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.
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
o ngModel está recebendo o valor da última linha expandida, não respeitando o rowItem específico.
Ao expandir, os valores devem ser os específicos daquela linha da tabela.
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?
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 ?
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.
Preciso alinhar dois botões a direita da tela, porém não encontrei nada na documentação, alguém pode me ajudar?
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.
Propriedade para habilitar ou desabilitar a escolha do idioma na page login e fixar um idioma default
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
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?
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
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á!
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
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
É 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 ?
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 ?
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.
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.
Passos para reproduzir:
O gráfico fica "piscando"
Gráfico com valores vazios.
Table Row Template - Sugestão de melhoria
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.
Um sugestão de melhoria seria abrir apenas uma por vez, e ao clicar em outra linha, a que estivesse abertura seria fechada automaticamente.
Passos para reproduzir:
Não sei se fiz certo, mas abaixo link com o exemplo:
https://stackblitz.com/edit/portinariui-uo6kbs
Saudações. prezados
Há a possibilidade de troca das cores do Framework?
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,
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:
Agradeço desde já.
Caio Passarelli
Mustti
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,
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
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.
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.
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?
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.
https://portinariui-jcqdn4.stackblitz.io/
Passos para reproduzir:
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:
Permitir a edição e confirmação da linha conforme documentação.
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?
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>
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.
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.
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.
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.
É 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 ?
actions: PoTableAction[] = [
{ label: 'Avançar', action: () => { }, visible: false },
];
A propriedade visible
do 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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.