From 9f8bdda37ac3eeb9ad0decee9350e3cce2d6befb Mon Sep 17 00:00:00 2001 From: ma7payne Date: Fri, 2 Feb 2024 11:44:25 -0300 Subject: [PATCH] feat(help): scroll y height opcionales en plex-help --- src/demo/app/help/help.html | 123 +++++++++++++++++++++++++++++++++ src/lib/help/help.component.ts | 7 ++ 2 files changed, 130 insertions(+) diff --git a/src/demo/app/help/help.html b/src/demo/app/help/help.html index 99cdf04a..738755f4 100644 --- a/src/demo/app/help/help.html +++ b/src/demo/app/help/help.html @@ -237,5 +237,128 @@
+ + +
    +
  1. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    2. +
  2. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    3. +
  3. Completá los campos "Título" y "Texto del procedimiento"
    4. +
  4. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    5. +
  5. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    6. +
  6. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    7. +
  7. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    8. +
  8. Completá los campos "Título" y "Texto del procedimiento"
    9. +
  9. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    10. +
  10. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    11. +
  11. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    12. +
  12. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    13. +
  13. Completá los campos "Título" y "Texto del procedimiento"
    14. +
  14. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    15. +
  15. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    16. +
  16. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    17. +
  17. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    18. +
  18. Completá los campos "Título" y "Texto del procedimiento"
    19. +
  19. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    20. +
  20. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    21. +
  21. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    22. +
  22. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    23. +
  23. Completá los campos "Título" y "Texto del procedimiento"
    24. +
  24. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    25. +
  25. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    26. +
+ + + + + +
    +
  1. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    2. +
  2. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    3. +
  3. Completá los campos "Título" y "Texto del procedimiento"
    4. +
  4. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    5. +
  5. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    6. +
  6. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    7. +
  7. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    8. +
  8. Completá los campos "Título" y "Texto del procedimiento"
    9. +
  9. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    10. +
  10. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    11. +
  11. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    12. +
  12. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    13. +
  13. Completá los campos "Título" y "Texto del procedimiento"
    14. +
  14. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    15. +
  15. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    16. +
  16. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    17. +
  17. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    18. +
  18. Completá los campos "Título" y "Texto del procedimiento"
    19. +
  19. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    20. +
  20. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    21. +
  21. Buscá conceptos SNOMED en el campo de texto del panel lateral + (acepta búsquedas + parciales)
    22. +
  22. Seleccioná el concepto al cual quieras agregar o modificar + plantillas
    23. +
  23. Completá los campos "Título" y "Texto del procedimiento"
    24. +
  24. Opcionalmente podés elegir seleccionar a todos los descendientes + del concepto.
    25. +
  25. Hacé click en "Guardar todos" o el botón con el signo para + guardar + una plantilla individual
    26. +
+ + \ No newline at end of file diff --git a/src/lib/help/help.component.ts b/src/lib/help/help.component.ts index 12f99397..3740f8ef 100644 --- a/src/lib/help/help.component.ts +++ b/src/lib/help/help.component.ts @@ -43,6 +43,10 @@ export class PlexHelpComponent implements OnInit, AfterViewInit { @Input() icon = 'help'; + @Input() scroll: boolean = true; + + @Input() maxHeight: string = 'auto'; + @Output() close = new EventEmitter(); @Output() open = new EventEmitter(); @@ -84,6 +88,9 @@ export class PlexHelpComponent implements OnInit, AfterViewInit { const helpCard = this.elementRef.nativeElement.querySelector('div.toggle-help .card'); + helpCard.style.overflow = !this.scroll ? 'hidden' : 'auto'; + helpCard.style.maxHeight = this.maxHeight ? `${this.maxHeight}px` : 'auto'; + this.closed = !this.closed; if (!this.closed) { this.helpService.setHelp(this);