andes / plex Goto Github PK
View Code? Open in Web Editor NEWComponentes de UI/UX para ANDES
Home Page: https://ui.andes.gob.ar/
License: GNU General Public License v3.0
Componentes de UI/UX para ANDES
Home Page: https://ui.andes.gob.ar/
License: GNU General Public License v3.0
Al ingresar la fecha por teclado en el input, plex-date actualiza el valor del atributo bindeado con una fecha autocompletada como se ejemplifica a continuación:
De similiar manera, si, por ejemplo, quiero cambiar de año manualmente, ocurre lo siguiente:
Este comportamiento afecta en los casos en que en la app dispara la búsqueda en el evento de cambio, sobretodo en el último caso descrito, cuando se busca por fecha de inicio, disparando primero la búsqueda con valor de fecha 28/05/0201 y después 28/05/2018. Siendo la primera búsqueda por un rango de fecha más grande (año de inicio 201) que la segunda, esta consulta es la última en resolverse, produciendo un resultado de búsqueda fuera de rango.
Plex-select debería:
a) Validar que la fecha está completa antes de actualizar el valor al atributo bindeado en el componente.
ó b) Poder ser configurable si autocompleta fechas o no.
Al seleccionar un item Plex-select múltiple devuelve sólo los IDs, debería devolver objetos completos,.
Agregar parámetro que me permita indicarle a un plex-text que se trata de un textarea o bien agregar un plex-textarea.
Necesito generar las opciones que se van a ejecutar en un dropdown dentro de un loop, y que cada elemento tenga la misma acción definida pero con un parametro enviado distinto.
Al parecer por algún motivo pierdo el vínculo hacia la acción, puede ser un bug o bien un capa mil.
¿Que estoy haciendo?
<plex-dropdown label="..." [items]="asignarItems(problema)">
Componente:
asignarItems(problema) {
let _items ;
_items = [
new MenuItem({ label: 'Evolucionar Problema', handler: () => { this.evolucionarProblema(problema) } }),
new MenuItem({ label: 'Transformar Problema', handler: (() => { this.transformarProblema(problema) }) }),
new MenuItem({ label: 'Enmendar Problema', handler: (() => { this.enmendarProblema(problema) }) }),
new MenuItem({ label: 'Ver Detalles', handler: (() => { this.verDetalles(problema) }) }),
new MenuItem({ label: 'Item con handler', icon: 'wrench', handler: (() => { alert('Funciona!'); return false; }) })
];
return _items;
}
Que se pueda asignar types (success, warning, danger) al componente plex-float, de manera que el color del valor contenido en el mismo varíe de color según corresponda.
En un plex-select
, al seleccionar una opción con la tecla enter
se muestra este mensaje de error en consola
Esto pasa en todos los plex-select
, incluso en uno con pocas opciones como en el filtro de estado dentro de la página de gestor de agendas
Al seleccionar un item, hay que clickear fuera del select para que se cierre el desplegable.
Después de seleccionar un elemento, vuelvo a hacer click para seleccionar otro y se limpia lo anterior
master
branch failed. 🚨I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.
You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.
Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.
Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master
branch. You can also manually restart the failed CI job that runs semantic-release.
If you are not sure how to resolve this, here is some links that can help you:
If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.
An npm token must be created and set in the NPM_TOKEN
environment variable on your CI environment.
Please make sure to create an npm token and to set it in the NPM_TOKEN
environment variable on your CI environment. The token must allow to publish to the registry https://registry.npmjs.org/
.
Good luck with your project ✨
Your semantic-release bot 📦🚀
Juan hagamos una charla para integrar plex a los abms.
Crear el componente de texto enriquecido para que puedan elaborarse los informes asistenciales de ANDES.
Ejemplo donde se detecto el error:
html:
Si en un átomo lo utilizo de la siguiente manera:
<plex-bool [(ngModel)]="data[tipoPrestacion.key]" label="Recibe asistencia económica ?" type="slide"
(click)="devolverValores()">
Component.ts:
ngOnInit() {
this.data[this.tipoPrestacion.key] = (this.datosIngreso) ? this.datosIngreso : false;
} //ngOnInit()
Al llamarlo desde una molécula no funciona, cuando en el átomo seleccionas el slide en true, a la molecula le pasa un false, lo mismo a la inversa.
Para que funcione correctamente se tiene que programar de la siguiente manera:
html:
<plex-bool [(ngModel)]="data[tipoPrestacion.key].activo" label="Recibe asistencia económica ?" type="slide"
(click)="devolverValores()">
Component.ts:
ngOnInit() {
this.data[this.tipoPrestacion.key] = (this.datosIngreso) ? this.datosIngreso :{activo:false} ;
} //ngOnInit()
Pero este comportamiento no es deseado ya que los datos quedarían guardados de una forma distinta que a la que se esta trabajando en forma estandar.
Otra bugs detectado es que si utilizamos el evento (change)="devolverValores()" en vez del (click), el evento change nunca es llamado. En el código de plex esta encapsulado en otro evento.
En conclusión necesitaríamos que en este componente se ejecute el evento change.
Saludos.
Al apretar la tecla ESC limpiar el contenido del plex-text como si se usara la "x".
¿Puede ser posible? ¿Muy invasivo?
plex-float utiliza el punto "." como separador de decimales, cuando debería ser la coma ","
Al hacer click en el campo de la fecha y luego la flecha hacia atrás (flecha para ver una fecha anterior a la actual) se rompe el dato de la fecha.
Dejo un vídeo para poder reproducir el error.
https://www.useloom.com/share/26fad1b4db5248b19a2de174911e22e2
EL evento change se ejecuta cuando se agrega un carácter y también cuando se cambia el foco. Esto provoca que al momento de realizar la siguiente acción se deba esperar la ejecución del change. Ej: en la búsqueda del paciente, al seleccionar uno de la lista, la primera vez se debe hacer un doble click en el botón de selección o el botón de nuevo paciente.
Estaría bueno que se pueda setear si el accordion está desplegado o no x default.
Necesito estilizar los botones de la ejecución de RUP con colores distintos según el tipo de concepto.
El fix creo que sería permitir un Input para pasarle una clase al botón.
master
branch failed. 🚨I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.
You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.
Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.
Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master
branch. You can also manually restart the failed CI job that runs semantic-release.
If you are not sure how to resolve this, here is some links that can help you:
If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.
The npm token configured in the NPM_TOKEN
environment variable must be a valid token allowing to publish to the registry https://registry.npmjs.org/
.
If you are using Two-Factor Authentication, make configure the auth-only
level is supported. semantic-release cannot publish with the default auth-and-writes
level.
Please make sure to set the NPM_TOKEN
environment variable in your CI with the exact value of the npm token.
Good luck with your project ✨
Your semantic-release bot 📦🚀
plex-select se puede configurar para funcionar como un buscador o filtro (se empieza escribir y se muestran resultados que coincidan con lo escrito).
El problema es que visualmente es un campo de texto libre, y es confuso sobre si es un buscador o un campo de texto.
Se propone agregar un iconito de una lupa o similar, indicando que funciona de esa manera.
Dato extra: siempre dar una ayuda al usuario por medio de placeholders u otros recursos de ayuda.
En el adjunto corresponde al primer input, con foco.
Cuando muestra el alert espera un click para ocultarse, si el click lo damos en cualquier lugar de la pantalla que no sea sobre el alert da un error en consola.
Si es posible agregar la directiva FormContolName para que funcionen los forms reactivos (se puede recibir en @input)
Actualmente los campos (plex-text, plex-int, ...) sólo muestran si son requeridos cuando el usuario interactúa con ellos y Angular marca la propiedad dirty.
Cuando utilizo labelField="paciente.nombre" por ejemplo me muestra -undefined-.
Se debería poder visualizar propiedades del objeto utlizando una notacion de . (puntos) o bien corchetes [].
Buenas,
Estamos teniendo un comportamiento erróneo al cargar un arreglo en plex select, le agrega un elemento $order a cada elemento de la lista, lo cual al intentar realizar un update en la base de datos da el siguiente error:
Invalid atomic update value for $order...
El comportamiento esperado es que No se debería agregar ninguna propiedad extra al documento.
Gracias,
Saludos.
Agregar atributo disabled cuando utilizo un plex-bool
Agregar una etiqueta plex-search o agregar parametro al plex-text que permita cambiar el tipo a 'search'
Funcionamiento: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_search
Buen día dado el siguiente ejemplo:
<plex-int [(ngModel)]="data[tipoPrestacion.key].horas" placeholder="Ingrese cantidad de horas" name="CantidadHoras" suffix=" Hs/Día "
min="0" max="24" (change)="devolverValores()" *ngIf="data[tipoPrestacion.key].trabaja" >
El componente de plex-int no esta realizando las validaciones determinadas por min-max.
Saludos.
Agregar una propiedad que indique el indice del tab activo
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.