sgagility

Example app for Hobo testing purposes

Tests

• El usuario puede moverse por el menú principal y el secundario con su móvil, como el ejemplo de bootstrap

• Todos los formularios utilizan la clase form-horizontal y las labels como bootstrap por defecto.

• El programador puede generar formularios o vistas de 1, 2 y 3 columnas con facilidad.

    <new-page>
      <field-list: columns="2"/>
    </new-page>
    
* Estos formularios funcionan bien a 4 resoluciones diferentes incluyendo aside:
  * En 980 deberíamos tener: 3 columnas span3 + aside span3
  * En 1170 deberíamos tener: 3 columnas + aside span3 (todo más amplio)
  * En menos de 980 deberíamos tener 1 columnas + aside pequeñito
  * En movil pequeño deberíamos tener 1 columnas y el aside encima del todo

* Estos formularios funcionan bien en 3 navegadores:
  * Firefox
  * Chrome
  * IE7
    
* El programador puede organizar las columnas de forma compleja sin mucho trabajo:
````html
    <show-page>
      <field-list: replace>
        <seccion label="Datos personales">
          <field-list fields="a, b, c, d, e" columns="3"/>
        </seccion>
        <seccion label="Datos de facturación">
          <row>
            <field field="a" class="span8"/>
            <field field="a" class="span4"/>
          </row>
          <field-list fields="c, d, e" columns="3"/>
        </seccion>
      </field-list:>
    </show-page>
    

* El programador puede añadir textareas sin romper la maquetación del formulario

* El programador puede convertir un show-page en un formulario con autoguardado
````html
    <show-page>
      <field-list: columns="3" fields="a, b, c, d, e" tag="autosave"/>
    </page-page>
    

* El programador puede activar un formulario de nuevo registro dentro de index.dryml de forma super fácil y con el aspecto en una línea (ejemplo bootstrap inline):
````html
    <index-page>
      <prepend-content:>
        <formulario fields="a, b, c"/>
      </prepend-content:>
    </index-page>
    
    Controlador: que sea un cambio muy trivial
    

* El programador puede añadir formularios complejos con dos selects. Por ejemplo, cuando se selecciona una compañía y eso modifica el select de tramitadores.


* El index por defecto es una tabla en la que puedes hacer clic en toda la línea saliendo la manita. También poder ir directamente a editar y borrar con un icono de lapiz y papelera. La tabla incluye paginación estilo Bootstrap.


* Migas de pan: en el show, en el edit: poder volver al registro o al index fácilmente.


* Después de buscar, abres un registro. Tener una forma de "volver a los resultados de la búsqueda".


* Búsquedas desplegables con metasearch que funcionen bien.


* Las búsquedas globales que se muestren en una caja bonita (no la cosa jquery chunga actual)


* Las búsquedas globales agrupadas de forma bonita.


* Al eliminar, en vez de la alerta chunga javascript, sacar una alerta con un modal o algo similar.


* Los mensajes de validaciones, errores, etc. que utilicen el alert de bootstrap, que es bonito y se puede cerrar.


* Los campos de validaciones muestran los campos afectados en Rojo utilizando las clases de Bootstrap


* En el menú superior, enlaces a informes y configuraciones utilizando un menú desplegable basado en bootstrap dropdowns.


* Subir ficheros de forma fácil con drag & drop, mezclando las barritas de bootstrap con el plugin de jquery.