Skip to content

Instantly share code, notes, and snippets.

@NekoTashi
Last active April 21, 2018 20:21
Show Gist options
  • Save NekoTashi/f17242499687024c12cef6120f332e92 to your computer and use it in GitHub Desktop.
Save NekoTashi/f17242499687024c12cef6120f332e92 to your computer and use it in GitHub Desktop.
Proyecto Hugo Forms.

Notas

  • Mostrar el MS del server con 3 estados: rojo, amarillo, verde. Al presionar es elemento, que se muestre la explicación de cada uno de los colores.
  • Choice es un input que puede tener como dependecia otros inputs.

Convenciones

  • Form: Conjunto de inputs.
  • Input: Elemento que contiene un dato.

Campos Input Object

  • page: los formularios se pueden paginar para ser mostrados en diferentes vistas.
  • background_color: color de fondo. No definido.
  • input_name: el nombre del input.
  • input_type: el tipo del input.
  • help_text: Cada input PUEDE tener su texto de ayudar debajo de su elemento.
  • custom_error_fields: Un objeto que tiene por key el nombre del error y como value la descripción customizada del error. No definido.
  • required: Si booleano es true verifica que el campo no sea blank ni null.
  • search_link: Si no es posible armar el json porque la data a buscar es muy grande, es posible colocar un link. Sólo input text.
  • allow_blank: Si está permitido que el campo se deje en blanco.
  • validators: Es un lista de objetos que se ejecutan como un pipeline. e.g. {'validators': [{'validator_type': 'regex', 'regex': ''}]}
  • default_value: Valor por defecto.
  • dependency_base_on_value: -

Consideraciones

Ionic Components

Me gustan y podríamos hacer cosas geniales:

  • Background Images (Me encanta)
  • Map Cards (Muy útil para trabajo en ruta)
  • Checkbox 
  • DateTime 
  • Inputs Floating Labels
  • Lists
  • List Headers
  • Menus
  • Modals
  • Navigation
  • Radio
  • Range
  • Searchbar
  • Segment
  • Select
  • Slides (Definitivamente necesito esto)
  • Tabs
  • Icon Tabs
  • Icon and Text (tab)
  • Toast
  • Toggle
  • Toolbar

Están buenos para el futuro

  • Alerts Confirmation Alerts
  • Alerts Confirmation Radio
  • Alerts Confirmation Checkbox
  • Cards
  • Card Headers
  • List In Cards
  • Images In Cards
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment