RealdoohBar

<div align="center">
  <img src="assets/images/rdbutton.png" height="109" alt="Realdooh Logo">
  <h1>RealdoohBar</h1>
  <p><em>Componente de barra inferior para la suite de aplicaciones Realdooh</em></p>
</div>

## 📋 Descripción

RealdoohBar es el componente de barra de navegación inferior que proporciona acceso rápido a las aplicaciones de la suite Realdooh. Desarrollado con AngularJS, ofrece funcionalidades como menú de aplicaciones, notificaciones en tiempo real y gestión de sesiones de usuario.

### ✨ Características principales

- **Navegación de aplicaciones**: Acceso rápido a todas las apps de Realdooh
- **Notificaciones en tiempo real**: Sistema de notificaciones vía WebSocket
- **Soporte multi-idioma**: Español, Inglés, Francés y Portugués
- **Gestión de sesiones**: Control de usuarios activos
- **Responsive design**: Adaptable a diferentes resoluciones

## 🛠️ Tecnologías utilizadas

- **Frontend**: AngularJS 1.x
- **UI Framework**: Bootstrap
- **Notificaciones**: Angular UI Notification
- **WebSocket**: STOMP para comunicación en tiempo real
- **Internacionalización**: Angular Translate

## 📁 Estructura del proyecto

```
RealdoohBar/
├── assets/
│   ├── css/           # Estilos CSS
│   ├── js/            # Scripts JavaScript
│   └── images/        # Recursos gráficos
├── commons/
│   └── i18n/          # Archivos de traducción
├── realdoohBarController.js  # Controlador principal
├── realdoohFooter.html      # Plantilla HTML
└── package.json       # Dependencias del proyecto
```

## 🚀 Instalación y configuración

### Prerrequisitos

1. **Git**: Descargar desde [Git oficial](https://git-scm.com/download/win)
2. **Node.js**: Para gestión de dependencias
3. **Servidor web**: Para servir los archivos estáticos

### Clonar el repositorio

```bash
git clone http://gitlab.altabox.net/realdooh/RealdoohBar.git
cd RealdoohBar
```

### Instalar dependencias

```bash
npm install
```

### Configuración de entorno

Editar el archivo `assets/js/config.js` para configurar el entorno:

```javascript
// Configuraciones disponibles: LOCAL, DEV03, PRE, PRO, PRO UK
var PROTOCOL = "http://";
var RD_WS_HOST = 'localhost:8090/api/sentinel/api/v1';
var RD_WS_AUTH_URL = PROTOCOL + 'localhost:8090/api/sentinel';
```

## 🏃‍♂️ Ejecución en local

### Estructura requerida

Para ejecutar el proyecto localmente, es necesaria la siguiente estructura de carpetas:

```
workspace/
├── realdooh/              # Proyecto RealdoohDesktop
│   ├── assets/
│   ├── modules/
│   ├── index.html
│   └── politicaCookies.html
└── common/                # Proyecto RealdoohBar
    ├── assets/
    ├── commons/
    ├── realdoohBarController.js
    └── realdoohFooter.html
```

### Proyectos relacionados

- **RealdoohBar**: [Repositorio actual](http://gitlab.altabox.net/realdooh/RealdoohBar)
- **RealdoohDesktop**: [Aplicación principal](http://gitlab.altabox.net/realdooh/RealdoohDesktop)

## 🌍 Entornos disponibles

| Entorno | URL | Descripción |
|---------|-----|-------------|
| Local | localhost:8090 | Desarrollo local |
| DEV03 | dev03.altabox.net | Entorno de desarrollo |
| PRE | altabox.pre.realdooh.com | Pre-producción |
| PRO | altabox.realdooh.com | Producción |
| PRO UK | realdooh.econocom.co.uk | Producción Reino Unido |

## 🚢 Despliegue automático (CI/CD)

### Despliegue en DEV03

```bash
# 1. Commit y push de cambios
git add .
git commit -m "Descripción de cambios"
git push origin rama_actual

# 2. Actualizar ramas
git pull

# 3. Cambiar a rama de despliegue
git checkout Deploy_to_dev03  # Si existe localmente
# O si es primera vez:
git checkout origin/Deploy_to_dev03

# 4. Actualizar rama de despliegue
git pull

# 5. Merge de cambios
git merge rama_actual

# 6. Desplegar
git push
```

### Monitoreo del despliegue

- **Pipeline**: [GitLab Pipelines](http://gitlab.altabox.net/realdooh/RealdoohBar/pipelines)
- **Notificaciones**: Canal Slack `rdi-altabox`

## 🔧 Scripts de utilidad

- `notify_fail.sh`: Script de notificación de fallos
- `notifydeploy.sh`: Script de notificación de despliegues