clientes.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <div class="row">
  2. <div class="page-header">
  3. <h1>Clientes&nbsp;<small>En ésta sección se muestra el listado de clientes</small></h1>
  4. </div>
  5. </div>
  6. <div class="row">
  7. <div class="well">
  8. <p>
  9. En el prototipo de la <b>Figura 1</b> se muestra un listado de clientes el cuál detalla en cada una de ellas su
  10. <b>nombre, teléfono, celular, email, foto y cuántas iniciativas éste cliente posee</b>.
  11. <br><br>Además en ésta pantalla se presentan las demás opciones:
  12. </p>
  13. <ol>
  14. <li>
  15. <b>Crear nuevo cliente:</b>
  16. al pulsar sobre el ícono que se distingue por el símbolo <b>más</b> ubicado en la parte superior de la pantalla
  17. es posible acceder a un formulario de registro de un nuevo cliente (Figura 3)
  18. </li>
  19. <li>
  20. <b>Volver atrás</b>
  21. al pulsar sobre el ícono simbolizado por una flecha ubicado en la parte superior de la pantalla se podrá volver
  22. al menú de ventas (Ver Ventas).
  23. </li>
  24. <li>
  25. <b>Buscar cliente:</b>
  26. permite buscar un cliente.
  27. </li>
  28. <li>
  29. <b>Detallar un cliente:</b>
  30. al mantener pulsado un momento sobre cualquier cliente existente en la lista se despliega un submenú con la opción de
  31. <b>Detallar</b> un cliente (Figura 2) que al ser pulsado se mostrará un formulario con los demás datos de dicho cliente (Figura 3).
  32. </li>
  33. <li>
  34. <b>Agregar datos del cliente a los contactos del dispositivo:</b>
  35. al mantener pulsado un momento sobre cualquier cliente existente en la lista se despliega un submenú con la opción de
  36. <b>Agregar a contactos</b> (Figura 2) que al ser pulsado agregará información tal como el teléfono, celular, email si
  37. los tiene.
  38. </li>
  39. <li>
  40. <b>Eliminar un cliente:</b>
  41. al mantener pulsado un momento sobre cualquier cliente existente en la lista se despliega un submenú con la opción de
  42. <b>Eliminar</b> (Figura 2) que al ser pulsado se despliega un ventana de confirmación si es que lo desea realmente
  43. eliminar.
  44. </li>
  45. </ol>
  46. </div>
  47. <legend>Figura 1</legend>
  48. <img ng-src="images/mobile/clientes.png" class="center-block img-responsive proto">
  49. <legend>Figura 2</legend>
  50. <img ng-src="images/mobile/clientes_actionsheet.png" class="center-block img-responsive proto">
  51. <legend>Figura 3</legend>
  52. <img ng-src="images/mobile/cliente.png" class="center-block img-responsive proto">
  53. </div>