inevio / contacts Goto Github PK

Sometimes "company mode" is activated but doesn't work correctly:

Not sure how to replicate the problem

Tiene un problema la ventana y es que en las esquinas sale como un borde gris y hace que toda la ventana salga como borrosa.
vs

Como se puede ver en la segunda imagen el borde que hay es mas oscuro y es transparente, dejando ver lo que hay detrás, ya hablamos nosotros sobre este problema antes. Estaría bien resolver este problema ya que se va a dar en todas las apps que vayamos creado, incluyendo Legal.

Cuando entras en el modo de edición de un contacto el check de empresa hace la animación de deseleccionarse.

Me sale este borde azúl al pulsar los botones, supongo que es de chrome que lo mete automaticamente but still, habría que ver que solución tiene.

Entries are saved although empty:

When you start creating a new contact and you fill some inputs, if you click "save" button but you haven't added a Name or a Company, a popup appears asking if you want to create an empty contact.

If you click cancel, the contact is removed, deleting all the info you've added. Clicking cancel should take you back to edit mode so you can add a Name to the contact.

When you click on "New contact", the app should focus the caret on the Name input so the user can directly start writing the name of the contact.

The design of the hover and the active state of a contact are almost identical, the only difference is the text color which should be always white over blue color.

When adding Emails and Address to a contact, the fields are too small and the text doesn't fit.

El context menu al seleccionar como se va a llamar el nuevo campo no tiene el mismo estilo que el el PSD.

vs

• El border radius es de 6px
• Falta el box shadow
• El fondo blanco tiene que tener una transparencia de 0.98
• Mover los textos 1px a la izq

Si estás usando los context menu del UI Kit entonces no cambies eso porque tambien se lo he dejado puesto como issue en el UI Kit o mejór aún arreglalo tu pero en el UI Kit XD

If the fields name and surname are empty we can switch the contact automatically to a company contact as Apple Contacts does. You can see an example at http://wz.io/f/teg2xGGu

When you click "Edit contact" and enter edit mode, if you click on another contact, you change all the info to the new contact while maintaining edit mode. Is it working correctly or should we leave edit mode when switching the selected contact?

How to emulate:
1 - Click on a contact
2 - Click on "Edit contact"
3 - Click on a different contact
4 - Edit mode continues activated

As you can see, companies have an empty avatar.

Also we can add a background watermark under the avatar letters when the contact is a company, something similar to what Apple Contacts does.

Cuando añades un nuevo campo, clicando en el +, se debería mantener azul el icono.

mobile vs Mobile
home phone vs Home phone

• Tienes que mover el icono de + 1px a la izq
• Mover el texto 2px a la izq y 2 px arriba

When clicking on "Company mode", the box doesn't show the tick.

• Mover el icono 1px a la izq
• Mover el texto 2px arriba
• Cuando está en modo normal no tiene el borde del botón y el icono y el texto están claritos, cuando se hace hover se vuelven mas oscuros y los rodea el estado hover de los botones.
  

The current design of the program at the start is pretty bad.

It would be great if we could have something like "You have no contacts yet, add them by clicking here" or maybe a fake contact so people can see how it works.

You can create contacts without adding name, surname, company or any info whatsoever.

We should force to fill some fields before creating a contact.

Inside the Info tab, the elements under the Phone section are misaligned.

If you resize the windows just a little all the inputs get moved.

I'm able to create contacts without any info about the name, company or data.

There is no padding at all on the inputs when editing data

I'm not sure if they should our shouldn't be lowercase. Personally I think it would be better if the first letter was uppercase.

It seems there are 2 ways to add a new contact:

1 - Clicking on "New contact"
2 - Clicking on "Edit contact" or adding a new field (telephone, email, address...) over the ghost contact

However, when you create a new contact clicking on "New contact", the new contact appears of the sidebar while when creating a new contact using "Edit contact" doesn't create a new contact on the sidebar.

• Creating a contact using "New contact" button:

• Creating a contact using "Edit contact" button or adding new fields:

There is a weird black border on a contact's avatar. On the sidebar avatars appear correctly but on the main zone all avatars have a black border.

When you delete all your contacts, when removing the last contact not all the info about the contact is removed, some data is left behind.

If I want to copy some info from a contact (Telephone, Email, Address...) I cant, the info is not selectable. It would be useful if we could make info selectable because maybe you want to copy the email address from someone to send him an email for example.

Adding the class "wz-selectable" to the span should be enough

In the normal view (no edition) of a contact the new lines aren't displayed. Red lines represent the expected new lines.

Probably you can fix it appending a .replace( /\\n/g, '<br/>' ) to the variable wich contains the texts when you append the text to the DOM.

Los iconos de los botones de nuevo contacto y editar contacto no los está pillando en retina.

For real my nigga?

Por dios parte la dirección en 3 lineas, como en mi diseño:

Much clean, such wow

When you move your pointer over the "remove field" button, the cursor changes to pointer mode while it doesn't do so on any other button on the app.

It seems the color of the contact's avatar is dependent on the color behind, it shows a different color when hovered, active or unfocused.

CSS indicates: background-color: rgba(109, 83, 65, 0.5)

All avatar's background color have a 50% transparency.

You can see a demo in http://wz.io/f/S8ThBCrm

When you click on the "plus" on Telephone, Mail or Address to add info, a dropdown appears and when you click outside the dropdown it closes (good).

However, if you click on another "plus" while having the dropdown opened, it opens the new dropdown without closing the old one.