Editar y Actualizar Propiedades

El editor de propiedades de Brokar cuenta con un sistema de edición reactiva en tiempo real que te permite ver los cambios mientras escribes, validar la información al instante, y guardar con confianza.

Acceso al Editor

graph LR
    A[Lista de Propiedades] --> B{Acceso}
    B -->|Clic ✏️| C[Editor]
    B -->|Clic título| C
    D[Detalle de Propiedad] -->|Botón Editar| C
    E[Atajos rápidos] -->|Desde cards| C

Formas de acceder:

1. Desde el listado: Haz clic en el ícono ✏️ o en el nombre de la propiedad
2. Desde la ficha: Botón "Editar" en la vista detallada
3. Desde la card: Ícono de edición rápida

Interfaz del Editor

El editor está organizado en paneles colapsables para facilitar la navegación:

Edición Reactiva en Tiempo Real

sequenceDiagram
    participant U as Usuario
    participant F as Formulario
    participant V as Validador
    participant S as Sidebar

    U->>F: Escribe en campo
    F->>V: Valida al instante
    V-->>F: Actualiza indicador
    V-->>S: Actualiza Quality Score
    Note over S: Sin recargar página

    U->>F: Clic en Guardar
    F->>F: Envía todos los cambios

Características del Editor Reactivo:

• ✨ Vista previa instantánea: Los cambios se reflejan en el sidebar mientras editas
• ✅ Validación en vivo: Errores y advertencias aparecen sin esperar guardado
• 📊 Quality Score dinámico: El puntaje de calidad se actualiza con cada campo
• 🗺️ Mapa interactivo: Arrastra el marcador o haz clic para ubicar

Campos del Editor

Panel Básico (Obligatorio)

Panel Detalles

Panel Ubicación

• Búsqueda inteligente: Escribe colonia, municipio o estado y el sistema autocompleta
• Geolocalización: Usa tu ubicación actual con un clic
• Mapa interactivo: Arrastra el marcador para ubicación exacta
• Ubicación aproximada: Opción para mostrar solo la zona sin dirección exacta

Panel Multimedia

graph TD
    A[Subir Imágenes] --> B{Procesamiento}
    B --> C[Optimización automática]
    C --> D[Vista previa]
    D --> E[Reordenar con drag & drop]
    E --> F[Imagen principal al inicio]

Funciones de la galería:

• ✅ Arrastrar y soltar para subir
• ✅ Reordenar con drag & drop
• ✅ Eliminar imágenes existentes
• ✅ Límite de tamaño: 7MB por imagen
• ✅ Optimización automática

Indicadores de Quality Score

El sidebar derecho muestra en tiempo real el Quality Score de tu listado:

Guardar Cambios

Validación Previa

El botón de guardar solo se habilita cuando:

• ✅ Panel Básico está completo
• ✅ Panel Detalles está completo
• ✅ Panel Ubicación está completo

Proceso de Guardado

1. Haz clic en "Actualizar Propiedad"
2. El sistema envía los cambios (incluyendo imágenes nuevas)
3. Progreso visible durante carga de imágenes
4. Confirmación al completarse

Historial de Cambios

Cada modificación queda registrada automáticamente:

• Fecha y hora del cambio
• Usuario que realizó el cambio
• Campos modificados
• Valores anteriores y nuevos

Preguntas Frecuentes

¿Puedo guardar como borrador?

El sistema requiere completar los campos obligatorios para guardar. Los cambios en otros campos se guardan junto con toda la propiedad.

¿Qué pasa si cierro sin guardar?

Los cambios no guardados se pierden. El sistema no guarda automáticamente borradores.

¿Puedo editar propiedades de otros agentes?

Depende de tus permisos. El rol de administrador puede editar cualquier propiedad; agentes solo las propias.

¿Las imágenes se suben al guardar?

Sí. Las imágenes nuevas se agregan y las marcadas para eliminar se borran al hacer clic en "Actualizar".

¿Cómo mejoro mi Quality Score rápidamente?

Agrega 5+ fotos, escribe una descripción de más de 150 palabras, y completa la ubicación con coordenadas exactas.