adicionadas novas funcionalidades, agora o app mostra se tem um atendimento em progresso, antes de iniciar o chamado de outro cliente

alteração da rota para o pusher e portas de comunicação
adicionados novas funcionalidades para filtro de chamados, e busca a se há algum na fila na inicialização
2025-12-15 00:35:11 -03:00 · 2025-12-14 23:53:04 -03:00 · 2025-11-10 01:20:11 -03:00 · 2025-07-12 12:26:16 -03:00
8 changed files with 395 additions and 157 deletions
--- a/floating.js
+++ b/floating.js
@ -3,6 +3,11 @@ const countSpan = document.getElementById('count');

 // Atualiza a contagem e a cor do botão quando recebe do main process
 window.electronAPI.onUpdateCount((value) => {
+    // Se estiver em atendimento, ignora qualquer atualização de contagem
+    if (floatButton.classList.contains('em-atendimento')) {
+        return;
+    }
+
    countSpan.innerHTML = value ?? 0;
    // Verifica a contagem para mudar a cor
    if (value > 0) {
@ -12,10 +17,50 @@ window.electronAPI.onUpdateCount((value) => {
    }
 });

+// Altera a cor do botão com base no status do atendimento
+window.electronAPI.onAtendimentoStatusChanged((status) => {
+    if (status === 'iniciado') {
+        const nomeAtendimento = localStorage.getItem('atendimentoAtualNome');
+        floatButton.classList.remove('has-items');
+        floatButton.classList.add('em-atendimento');
+        countSpan.innerHTML = '-'; // Mostra o hífen
+        if (nomeAtendimento) {
+            floatButton.setAttribute('title', `Atendendo: ${nomeAtendimento}`);
+        }
+    } else { // 'finalizado'
+        floatButton.classList.remove('em-atendimento');
+        floatButton.setAttribute('title', 'Chamar próximo da fila');
+        // Solicita uma atualização imediata da contagem para refletir o estado atual da fila
+        window.electronAPI.refreshCount();
+    }
+});
+
+// Ao carregar, verifica se já existe um atendimento em andamento
+document.addEventListener('DOMContentLoaded', () => {
+    const atendimentoAtual = localStorage.getItem('atendimentoAtual');
+    if (atendimentoAtual) {
+        const nomeAtendimento = localStorage.getItem('atendimentoAtualNome');
+        floatButton.classList.remove('has-items');
+        floatButton.classList.add('em-atendimento');
+        countSpan.innerHTML = '-'; // Mostra o hífen
+        if (nomeAtendimento) {
+            floatButton.setAttribute('title', `Atendendo: ${nomeAtendimento}`);
+        }
+    } else {
+        floatButton.setAttribute('title', 'Chamar próximo da fila');
+    }
+});
+
 // Mostra a janela principal ao clicar
 floatButton.addEventListener('click', () => {
    window.electronAPI.showMainWindow();
 });

+// Adiciona um listener para o evento de clique com o botão direito
+floatButton.addEventListener('contextmenu', (e) => {
+    e.preventDefault(); // Impede o menu padrão do navegador
+    window.electronAPI.showMenu(); // Chama a função para mostrar o menu no processo principal
+});
+
 // Ajuste inicial do cursor
-floatButton.style.cursor = 'pointer';
+floatButton.style.cursor = 'pointer';
--- a/floating_preload.js
+++ b/floating_preload.js
@ -2,7 +2,8 @@ const { contextBridge, ipcRenderer } = require('electron');

 contextBridge.exposeInMainWorld('electronAPI', {
    onUpdateCount: (callback) => ipcRenderer.on('update-count', (_event, value) => callback(value)),
-    showMainWindow: () => ipcRenderer.send('chamar-fila')
-    // Remova a linha abaixo:
-    // startDrag: (offset) => ipcRenderer.send('drag-float-window', offset)
+    onAtendimentoStatusChanged: (callback) => ipcRenderer.on('atendimento-status-changed', (_event, status) => callback(status)),
+    refreshCount: () => ipcRenderer.send('refresh-count'),
+    showMainWindow: () => ipcRenderer.send('chamar-fila'),
+    showMenu: () => ipcRenderer.send('show-context-menu')
 });
--- a/index.html
+++ b/index.html
@ -1,17 +1,19 @@
 <!DOCTYPE html>
 <html>
+
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy" content="
        default-src 'self'; 
        script-src 'self' 'unsafe-inline'; 
        style-src 'self' 'unsafe-inline'; 
-        connect-src 'self' ws://autoatend.linco.work:6001 ws://localhost:6001;
+        connect-src 'self' ws://autoatend.linco.work:6001 ws://localhost:6001 wss://aa.linco.work:443;
    ">
    <title>Tela de Atendimento</title>
    <link rel="stylesheet" href="style.css">
    <script src="res/js/jquery/jquery.js"></script>
 </head>
+
 <body>
    <div id="list-view">
        <h1>Fila</h1>
@ -20,7 +22,7 @@
            <!-- Itens serão carregados aqui -->
        </ul>
        <button id="next-button" disabled>
-            <span id="counter-start"></span> 
+            <span id="counter-start"></span>
            Iniciar atendimento
        </button>
        <!-- <button id="sendto-button" disabled>Encaminhar</button> -->
@ -47,4 +49,5 @@
    <script src="renderer.js"></script>

 </body>
+
 </html>
--- a/main.js
+++ b/main.js
@ -1,10 +1,10 @@
-const { app, BrowserWindow, ipcMain, screen, net, dialog } = require('electron');
+const { app, BrowserWindow, ipcMain, screen, net, dialog, Menu } = require('electron');
 // const { app: singleInstanceLock } = require('electron-single-instance');
 const path = require('path');
 const fs = require('fs');

 const { autoUpdater, AppUpdater } = require('electron-updater');
-const pjson = require(path.join(__dirname,'','package.json'));
+const pjson = require(path.join(__dirname, '', 'package.json'));

 let floatingWin;
 let mainWin;
@ -16,7 +16,7 @@ const dataPath = path.join(__dirname, 'data.json'); // Caminho para o JSON (back
 const apiUrl = 'https://autoatend.linco.work/api/v1/';
 // const apiUrl = 'http://_lara10-autoatend.devel/api/v1/';

-const pusherUrl = 'autoatend.linco.work';
+const pusherUrl = 'aa.linco.work';
 // const pusherUrl = 'localhost';


@ -32,14 +32,14 @@ async function readData() {
        // Verifica se existe token de autenticação
        const token = await getAuthToken();
        const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
-        
+
        if (!token || !colabId) {
            console.log("Usuário não autenticado, retornando lista vazia");
            return [];
        }
-        
+
        // Tenta buscar dados da API
-        return await fetchDataFromAPI(); 
+        return await fetchDataFromAPI();

    } catch (error) {
        console.error("Erro ao buscar dados da API:", error);
@ -50,30 +50,81 @@ async function readData() {
 async function fetchDataFromAPI() {
    //executa uma vez e a cada 30 segundos

-    //TODO propicio para fazer um websockt nessas funções que repetem a chamada  de requisições em busca de alterações
+    //!primeira requisição é feita para API
+    getFirstData();

-    getDataAndUpdateFloatingBtn();
-    
-    const updData = setInterval(()=>{
+    //! as outras é o websockt que solicita a chamada  de requisições em busca de alterações
+    const updData = setInterval(() => {
        getDataAndUpdateFloatingBtn();
-    },3000);
+    }, 3000);

-    const updVersion = setTimeout(()=>{
-        if(pjson.isBuildNow){
+    const updVersion = setTimeout(() => {
+        if (pjson.isBuildNow) {
            autoUpdater.checkForUpdates();
        }
-    },300000);
+    }, 300000);
+}
+
+async function getFirstData() {
+
+    const token = await getAuthToken();
+    const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
+    const url = apiUrl + 'get-proximos/' + colabId;
+
+    //!  checa se o token e o colabId existem
+    if (!token && !colabId) { console.warn("Token or colabId not found in localStorage. API requests will not be made."); return; }
+
+    //!  faz o request
+    const request = net.request({
+        method: 'GET',
+        url: url,
+        headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'Bearer ' + token
+        }
+    });
+
+    //! busca pela resposta
+    request.on('response', (response) => {
+        let rawData = '';
+        response.on('data', (chunk) => { rawData += chunk; });
+        response.on('end', () => {
+            try {
+                const parsedData = JSON.parse(rawData);
+                let proximos = parsedData;
+                if (response.statusCode === 200) {
+                    floatingWin.webContents.executeJavaScript("localStorage.setItem('proximos','" + JSON.stringify(proximos) + "')");
+                    let count = proximos.length;
+                    floatingWin.webContents.send('update-count', count);
+                } else {
+                    console.error(`Erro na requisição: Status code ${response.statusCode}`, parsedData);
+                }
+            } catch (error) {
+                console.error("Erro ao analisar a resposta JSON:", error);
+                mainWin.webContents.send('api-error', {
+                    message: `Erro ao processar resposta do servidor.`
+                });
+            }
+        });
+    });
+    request.on('error', (error) => {
+        console.error("Erro na requisição:", error);
+    });
+
+    request.end();
+
+    return JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')"));
 }

 // Função para coletar a lista de atendimentos do servidor, vai ser chamada uma vez e a cada 30s
-async function getDataAndUpdateFloatingBtn (){
+async function getDataAndUpdateFloatingBtn() {

    const proximos = JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')")) ?? [];
    let count = proximos.length;

    //lista a contagem no botão flutuante
    floatingWin.webContents.send('update-count', count);
-        
+
 }

 // Função para verificar se o token existe no localStorage
@ -109,7 +160,7 @@ function createLoginWindow() {
        icon: "icon.ico",
        frame: true,
        autoHideMenuBar: true,
-        
+
        webPreferences: {
            preload: path.join(__dirname, 'login_preload.js'),
            contextIsolation: true,
@ -144,7 +195,7 @@ function createOperatorWindow() {
    // operatorWin.webContents.openDevTools();

    operatorWin.loadFile('operator.html');
-    
+
    operatorWin.on('closed', () => {
        operatorWin = null;
    });
@ -167,7 +218,7 @@ function createUpdateWindow() {
    });

    updateWin.loadFile('update.html');
-    
+
    updateWin.on('closed', () => {
        updateWin = null;
    });
@ -205,7 +256,7 @@ function createFloatingWindow() {

    floatingWin.loadFile('floating.html');

-    floatingWin.webContents.executeJavaScript('localStorage.setItem("version","'+app.getVersion()+'")');
+    floatingWin.webContents.executeJavaScript('localStorage.setItem("version","' + app.getVersion() + '")');

    // Envia a contagem inicial para a janela flutuante
    const data = readData();
@ -256,46 +307,46 @@ function createMainWindow() {
 }


-if(pjson.isBuildNow){
+if (pjson.isBuildNow) {
    autoUpdater.on('update-available', () => {
        let pth = autoUpdater.downloadUpdate();
        updateWin.show(); updateWin.focus();
-        updateWin.webContents.send('update_message',`Uma nova versão está dispinível.`);
-        updateWin.webContents.send('update_percent',pth);
+        updateWin.webContents.send('update_message', `Uma nova versão está dispinível.`);
+        updateWin.webContents.send('update_percent', pth);
    })
-    autoUpdater.on('download-progress',(obj) => {
-        updateWin.webContents.send('update_message',`Estamos baixando uma nova atualização.`);
+    autoUpdater.on('download-progress', (obj) => {
+        updateWin.webContents.send('update_message', `Estamos baixando uma nova atualização.`);
    });
-    autoUpdater.on('update-downloaded',(obj) => {
-        updateWin.webContents.send('update_message',`Download concluído. Aguarde, vamos reiniciar para instalar!`);
-        setTimeout(()=>{
+    autoUpdater.on('update-downloaded', (obj) => {
+        updateWin.webContents.send('update_message', `Download concluído. Aguarde, vamos reiniciar para instalar!`);
+        setTimeout(() => {
            autoUpdater.quitAndInstall();
-        },5000);
+        }, 5000);
    });
-    autoUpdater.on('error',err => {
-        updateWin.webContents.send('update_message',err);
+    autoUpdater.on('error', err => {
+        updateWin.webContents.send('update_message', err);
    });
 }


 if (!gotTheLock) {
-  app.quit();
+    app.quit();
 } else {
-  app.on('second-instance', () => {
-    if (mainWin) {
-      if (mainWin.isMinimized()) {
-        mainWin.restore();
-      }
-      mainWin.focus();
-    }
-  });
+    app.on('second-instance', () => {
+        if (mainWin) {
+            if (mainWin.isMinimized()) {
+                mainWin.restore();
+            }
+            mainWin.focus();
+        }
+    });

    // Inicialização do aplicativo modificada para verificar autenticação
    app.whenReady().then(async () => {

        // Verifica se o usuário já está autenticado
        const token = await getAuthToken();
-        
+
        if (!token) {
            // Se não estiver autenticado, mostra a tela de login
            createLoginWindow();
@ -326,7 +377,7 @@ if (!gotTheLock) {
            }
        });

-        if(pjson.isBuildNow){
+        if (pjson.isBuildNow) {
            autoUpdater.checkForUpdates();
        }

@ -385,18 +436,18 @@ ipcMain.handle('get-pusher-config', async () => {
 });

 ipcMain.on('update_version', async (event, arg) => {
-    if(updateWin){
-        if(!updateWin.isVisible()){
+    if (updateWin) {
+        if (!updateWin.isVisible()) {
            updateWin.show();
            updateWin.focus();
-        }else{
+        } else {
            updateWin.focus();
        }
    } else {
        createUpdateWindow();
        updateWin.webContents.on('did-finish-load', () => {
-             updateWin.show();
-             updateWin.focus();
+            updateWin.show();
+            updateWin.focus();
        });
    }
 });
@ -411,10 +462,8 @@ ipcMain.handle('get-count', async () => {
 // Ouvir pedido para mostrar a janela principal
 ipcMain.on('chamar-fila', async () => {

-    const countFila = async () => {
-        const proximos = JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')")) ?? [];
-        return proximos.length;
-    }
+    // Primeiro, verifica se já existe um atendimento em andamento
+    const atendimentoAtualId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('atendimentoAtual')");

    const showMainWindow = () => {
        if (mainWin) {
@ -433,14 +482,27 @@ ipcMain.on('chamar-fila', async () => {
        }
    }

-    const requestData = async () =>{
+    // Se um atendimento já estiver em andamento, apenas mostra a janela principal.
+    // A lógica em renderer.js cuidará de exibir a tela de observação.
+    if (atendimentoAtualId) {
+        showMainWindow();
+        return; // Interrompe a execução aqui
+    }
+
+    // Se não houver atendimento em andamento, continua com a lógica original.
+    const countFila = async () => {
+        const proximos = JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')")) ?? [];
+        return proximos.length;
+    }
+
+    const requestData = async () => {
+

-        


        const colabId = await getSelectedOperatorId();
        const token = await getAuthToken('token');
-        const url = apiUrl + 'chama-fila-app-colab/'+colabId; // URL de exemplo para enviar a solicitação
+        const url = apiUrl + 'chama-fila-app-colab/' + colabId; // URL de exemplo para enviar a solicitação

        const request = net.request({
            method: 'GET',
@ -464,24 +526,24 @@ ipcMain.on('chamar-fila', async () => {
                    if (response.statusCode === 200) {
                        mainWin.webContents.send('select-atend-id', parsedData.data);
                        if (parsedData.data && (parsedData.data.Status === 'Fila' || parsedData.data.Status === 'Chamado')) { showMainWindow(); } else
-                        if(parsedData.data && parsedData.data.Status === 'Atendendo'){
-                            let options2 = {
-                                'title': 'Precisa finalizar antes de chamar o próximo.',
-                                'message': 'Em andamento',
-                                'detail': 'Já possui um atendimento em andamento (Atendendo: '+ parsedData.data.clientName +'), continue e finalize por favor!',
-                                'type': 'error',
-                                'noLink': true,
-                                'buttons': ['Depois','Continuar'],
-                            };
-                            dialog.showMessageBox(floatingWin, options2).then(result => {
-                                if(result.response){ 
-                                    mainWin.webContents.send('show-observation');
-                                    showMainWindow();
-                                } else {
-                                    mainWin.hide();
+                            if (parsedData.data && parsedData.data.Status === 'Atendendo') {
+                                let options2 = {
+                                    'title': 'Precisa finalizar antes de chamar o próximo.',
+                                    'message': 'Em andamento',
+                                    'detail': 'Já possui um atendimento em andamento (Atendendo: ' + parsedData.data.clientName + '), continue e finalize por favor!',
+                                    'type': 'error',
+                                    'noLink': true,
+                                    'buttons': ['Depois', 'Continuar'],
                                };
-                            });
-                        }
+                                dialog.showMessageBox(floatingWin, options2).then(result => {
+                                    if (result.response) {
+                                        mainWin.webContents.send('show-observation');
+                                        showMainWindow();
+                                    } else {
+                                        mainWin.hide();
+                                    };
+                                });
+                            }
                        // console.log(parsedData);
                    } else {
                        console.error(`Erro na requisição: Status code ${response.statusCode}`, parsedData);
@ -510,19 +572,19 @@ ipcMain.on('chamar-fila', async () => {
    };


-    
+
    let options = {
        'title': 'Incie o atendimento quando o cliente chegar na sala.',
        'message': 'Chamar um cliente da fila?',
        'type': 'warning',
        'noLink': true,
-        'buttons': ['Não','Sim'],
+        'buttons': ['Não', 'Sim'],
    };
-    

-    if(await countFila()){
+
+    if (await countFila()) {
        dialog.showMessageBox(floatingWin, options).then(result => {
-            if(result.response){ 
+            if (result.response) {
                requestData();
            };
        });
@ -532,7 +594,15 @@ ipcMain.on('chamar-fila', async () => {

 });

-ipcMain.on('select-atend-id',(itemId)=>{
+// Ouve um pedido da janela flutuante para forçar a atualização da contagem
+ipcMain.on('refresh-count', async () => {
+    if (floatingWin) {
+        const proximos = JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')")) ?? [];
+        floatingWin.webContents.send('update-count', proximos.length);
+    }
+});
+
+ipcMain.on('select-atend-id', (itemId) => {
    selectedItemId = itemId;
    console.log(selectedItemId);
 });
@ -544,9 +614,9 @@ ipcMain.on('iniciar-atendimento', async (event, itemId) => {
    const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
    //TODO inicia o atendimento o id do atendimento deve ser requisitado do backend

-    const url = apiUrl + 'iniciar-atendimento/'+itemId; // URL de exemplo para enviar a solicitação
+    const url = apiUrl + 'iniciar-atendimento/' + itemId; // URL para enviar a solicitação

-    // Simula o envio de uma solicitação POST com o ID do item
+    // envio de uma solicitação POST com o ID do item
    const request = net.request({
        method: 'GET',
        url: url,
@ -581,6 +651,20 @@ ipcMain.on('iniciar-atendimento', async (event, itemId) => {
    // A janela principal já mudou a UI ao enviar o evento 'next-step'
 });

+// Ouve quando um atendimento é iniciado e notifica a janela flutuante
+ipcMain.on('atendimento-iniciado', (event, itemId) => {
+    if (floatingWin) {
+        floatingWin.webContents.send('atendimento-status-changed', 'iniciado');
+    }
+});
+
+// Ouve quando um atendimento é finalizado e notifica a janela flutuante
+ipcMain.on('atendimento-finalizado', () => {
+    if (floatingWin) {
+        floatingWin.webContents.send('atendimento-status-changed', 'finalizado');
+    }
+});
+
 // Ouvir clique no botão "Salvar"
 ipcMain.on('save-observation', async (event, { itemId, observation }) => {

@ -592,7 +676,7 @@ ipcMain.on('save-observation', async (event, { itemId, observation }) => {
    const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
    //TODO inicia o atendimento o id do atendimento deve ser requisitado do backend

-    const url = apiUrl + 'finalizar-atendimento/'+itemId; // URL de exemplo para enviar a solicitação
+    const url = apiUrl + 'finalizar-atendimento/' + itemId; // URL de exemplo para enviar a solicitação

    const fmData = JSON.stringify({
        "colabId": colabId,
@ -648,7 +732,7 @@ ipcMain.on('drag-float-window', (event, { offsetX, offsetY }) => {
 */


-ipcMain.on('logout', ()=>{
+ipcMain.on('logout', () => {
    mainWin.webContents.executeJavaScript(`
            localStorage.removeItem("idOperator");
            localStorage.removeItem("selectedOperator");
@ -668,7 +752,7 @@ ipcMain.on('login-attempt', async (event, credentials) => {
    try {
        // Substitua pela URL real da sua API de autenticação
        const route = apiUrl + 'login';
-        
+
        const request = net.request({
            method: 'POST',
            url: route,
@ -676,20 +760,20 @@ ipcMain.on('login-attempt', async (event, credentials) => {
                'Content-Type': 'application/json'
            }
        });
-        
+
        let responseData = '';
-        
+
        request.on('response', (response) => {
            response.on('data', (chunk) => {
                responseData += chunk.toString();
                console.log("Resposta da API:", responseData); // Adiciona este log para ver a resposta crua
            });
-            
+
            response.on('end', () => {
                try {
                    const data = JSON.parse(responseData);

-                    
+
                    if (data.status === 'Authorized' && data.api_key) {
                        // Login bem-sucedido
                        loginWin.webContents.executeJavaScript(`
@ -704,35 +788,35 @@ ipcMain.on('login-attempt', async (event, credentials) => {

                    } else {
                        // Login falhou
-                        event.reply('login-response', { 
-                            success: false, 
-                            message: data.message || 'Falha na autenticação' 
+                        event.reply('login-response', {
+                            success: false,
+                            message: data.message || 'Falha na autenticação'
                        });
                    }
                } catch (error) {
                    console.log("Resposta da API:", error);
-                    event.reply('login-response', { 
-                        success: false, 
-                        message: 'Erro ao processar resposta do servidor' 
+                    event.reply('login-response', {
+                        success: false,
+                        message: 'Erro ao processar resposta do servidor'
                    });
                }
            });
        });
-        
+
        request.on('error', (error) => {
-            event.reply('login-response', { 
-                success: false, 
-                message: `Erro de conexão: ${error.message}` 
+            event.reply('login-response', {
+                success: false,
+                message: `Erro de conexão: ${error.message}`
            });
        });
-        
+
        // Envia as credenciais
        request.write(JSON.stringify(credentials));
        request.end();
    } catch (error) {
-        event.reply('login-response', { 
-            success: false, 
-            message: `Erro: ${error.message}` 
+        event.reply('login-response', {
+            success: false,
+            message: `Erro: ${error.message}`
        });
    }
 });
@ -754,9 +838,9 @@ ipcMain.on('select-operator', async (event, operator) => {
            createUpdateWindow();
        });
    } catch (error) {
-        event.reply('operator-response', { 
-            success: false, 
-            message: `Erro: ${error.message}` 
+        event.reply('operator-response', {
+            success: false,
+            message: `Erro: ${error.message}`
        });
    }
 });
@ -766,15 +850,15 @@ ipcMain.handle('get-operators', async () => {
    try {
        // Verifica se existe token de autenticação
        const token = await getAuthToken();
-        
+
        if (!token) {
-            return { 
-                success: false, 
-                message: 'Não autenticado', 
-                operators: [] 
+            return {
+                success: false,
+                message: 'Não autenticado',
+                operators: []
            };
        }
-        
+
        // Aqui você pode fazer uma chamada à API para obter os operadores
        // Por enquanto, vamos retornar alguns operadores de exemplo
        // Substitua pela URL real da sua API de autenticação
@ -815,7 +899,7 @@ ipcMain.handle('get-operators', async () => {
                                operators: operators
                            });
                        } else {
-                                reject({
+                            reject({
                                success: false,
                                message: data.message || 'Erro ao obter a lista de colaboradores',
                                operators: []
@ -823,7 +907,7 @@ ipcMain.handle('get-operators', async () => {
                        }
                    } catch (error) {
                        console.log("Erro ao processar resposta da API:", error);
-                            reject({
+                        reject({
                            success: false,
                            message: 'Erro ao processar resposta do servidor',
                            operators: []
@ -844,10 +928,10 @@ ipcMain.handle('get-operators', async () => {
        });
    } catch (error) {
        console.error('Erro ao obter operadores:', error);
-        return { 
-            success: false, 
-            message: `Erro: ${error.message}`, 
-            operators: [] 
+        return {
+            success: false,
+            message: `Erro: ${error.message}`,
+            operators: []
        };
    }
 });
@ -876,13 +960,66 @@ ipcMain.on('token-exists', async () => {
 });


-ipcMain.on('sair', ()=>{
-    operatorWin.webContents.executeJavaScript(`
-        localStorage.removeItem("idOperator");
-        localStorage.removeItem("selectedOperator");
-        localStorage.removeItem("salaOperator");
-        localStorage.removeItem("servicosOperator");
-    `).then(() => {
-        app.exit();
+ipcMain.on('sair', () => {
+    let exec = `
+            localStorage.removeItem("idOperator");
+            localStorage.removeItem("selectedOperator");
+            localStorage.removeItem("salaOperator");
+            localStorage.removeItem("servicosOperator");
+        `;
+
+    let options = {
+        'title': 'Deseja realmente sair?',
+        'message': 'Tem certeza que deseja fechar o Auto Atendimento?',
+        'type': 'question',
+        'buttons': ['Não', 'Sim'],
+        'defaultId': 0,
+        'cancelId': 0,
+    };
+
+    dialog.showMessageBox(floatingWin, options).then(result => {
+        if (result.response === 1) { // Se o usuário clicou em "Sim" (índice 1)
+            if (floatingWin) {
+                floatingWin.webContents.executeJavaScript(exec).then(() => { app.exit(); });
+            } else if (operatorWin) {
+                operatorWin.webContents.executeJavaScript(exec).then(() => { app.exit(); });
+            }
+        }
    });
+
+});
+
+
+ipcMain.on('show-context-menu', (event) => {
+    const template = [
+        {
+            label: 'Chamar Fila',
+            click: () => {
+                // Lógica para chamar atendimento
+                if (floatingWin) {
+                    ipcMain.emit('chamar-fila');
+                }
+            }
+        },
+        {
+            label: 'Trocar Colab',
+            click: () => {
+                // Lógica para chamar atendimento
+                if (floatingWin) {
+                    ipcMain.emit('logout');
+                }
+            }
+        },
+        {
+            label: 'Sair',
+            click: () => {
+                // Lógica para fechar o aplicativo
+                if (floatingWin) {
+                    ipcMain.emit('sair');
+                }
+            }
+        }
+    ];
+    const menu = Menu.buildFromTemplate(template);
+    menu.popup({ window: floatingWin });
 });
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "autoatendcolab",
-  "version": "1.1.0",
+  "version": "1.1.3",
  "main": "main.js",
  "isBuildNow": true,
  "scripts": {
@ -48,4 +48,4 @@
    "electron-reload": "^2.0.0-alpha.1",
    "nodemon": "^3.1.10"
  }
-}
+}
--- a/preload.js
+++ b/preload.js
@ -14,6 +14,10 @@ contextBridge.exposeInMainWorld('electronAPI', {
    //inicia o atendimento atual
    iniciaAtendimento: (itemId) => ipcRenderer.send('iniciar-atendimento', itemId),

+    //notifica sobre o status do atendimento
+    atendimentoIniciado: (itemId) => ipcRenderer.send('atendimento-iniciado', itemId),
+    atendimentoFinalizado: () => ipcRenderer.send('atendimento-finalizado'),
+
    showObservation: (callback) => ipcRenderer.on('show-observation', (_event) => callback() ),
    //salva a observação do atendimento
    saveObservation: (data) => ipcRenderer.send('save-observation', data),
--- a/renderer.js
+++ b/renderer.js
@ -18,11 +18,11 @@ let selectedItemName = '';

 window.electronAPI.onLoadData((data) => {
    nextButton.disabled = true;
-    if(!data){
+    if (!data) {
        return;
    }
    // Reseta a view para a lista sempre que os dados são carregados
-    populateList(data[0]); 
+    populateList(data[0]);
 });

 async function initializePusher() {
@ -38,34 +38,42 @@ async function initializePusher() {
    const channelLocal = localStorage.getItem('channel');
    const colabId = localStorage.getItem('idOperator');

-    if (channelLocal && PUSHER_APP_KEY) {
+    //! checa se ja tem o colabId
+    if (channelLocal && colabId && PUSHER_APP_KEY) {
        Pusher.logToConsole = true;

        var pusher = new Pusher(PUSHER_APP_KEY, {
            wsHost: host,
-            wsPort: 6001,
-            wssPort: 6001,
-            forceTLS: false,
+            wsPort: 80,
+            wssPort: 443,
+            forceTLS: true,
            enableStats: false,
-            enabledTransports: ['ws','wss'],
+            enabledTransports: ['wss', 'ws'],
            cluster: 'mt1'
        });

-        var channel = pusher.subscribe('chat.' + channelLocal + '_' + colabId);
-        channel.bind('message-sent', function(r) {
-            let count = r.data.fila.original.length;
-                console.log(r.data.fila.original);
-                localStorage.setItem('proximos',JSON.stringify(r.data.fila.original));
+        let channel;
+        if (pusher.connection.state === 'connected') {
+            pusher.unsubscribe('chat.' + channelLocal + '_' + colabId);
+        }
+
+        channel = pusher.subscribe('chat.' + channelLocal + '_' + colabId);
+
+        channel.bind('message-sent', function (r) {
+            let data = r.data.fila.original;
+            let count = data.length;
+            console.log(data);
+            localStorage.setItem('proximos', JSON.stringify(data));

            populateList(r.data.currentData.original);

        });

-        pusher.connection.bind('error', function(err) {
-            console.error('Pusher connection error:', err);
+        pusher.connection.bind('error', function (err) {
+            console.error('Pusher connection error: ', err);
        });

-        console.log('Host de conexão:', host);
+        console.log('Host de conexão: ', host);
    } else {
        console.warn('User not authenticated or Pusher APP_KEY not available. Private channel not subscribed.');
    }
@ -73,43 +81,52 @@ async function initializePusher() {

 initializePusher();

-
 //chama o proximo da fila ao abrir a janela de atendimentos
-window.electronAPI.selectAtendID((data)=>{
+window.electronAPI.selectAtendID((data) => {
    nextButton.disabled = true;
-    if(!data){
+    if (!data) {
        queueNumber.innerHTML = 'Ninguem aguardando atendimento, fechando a janela em alguns segundos...';
-        // setTimeout(() => {
-        //     localStorage.removeItem('proximos');
-        //     window.close();
-        // },5000);
        return;
    }
    // Reseta a view para a lista sempre que os dados são carregados ao clicar no botão para abrir a janela
    populateList(data);
    showListView();
+
+    // Garante que o item selecionado (ID e Nome) seja o que veio da chamada, sobrescrevendo o da lista.
    selectedItemId = data.id ?? null;
+    selectedItemName = data.clientName ?? '';
+
    //data.senhaGen
    queueNumber.innerHTML = data ? `NA VEZ: <u>${data.clientName.toUpperCase()}</u>  -  ${data.descricaoServico.toUpperCase()}` : 'Ninguem aguardando atendimento';
    selectedItemNameSpan.innerHTML = data ? `<u> ${data.clientName.toUpperCase()} </u> <i style="float:right;">[ ${data.senhaGen} ]</i>` : 'Ninguem aguardando atendimento';
 });

-window.electronAPI.showObservation(()=>{
+window.electronAPI.showObservation(() => {
    window.electronAPI.iniciaAtendimento(selectedItemId);
    showObservationView(); // Muda para a tela de observação
 });

 // Função para popular a lista de itens
 function populateList(currentData) {
+    const atendimentoEmAndamentoId = localStorage.getItem('atendimentoAtual');
+    const atendimentoEmAndamentoNome = localStorage.getItem('atendimentoAtualNome');
+
+    if (atendimentoEmAndamentoId) {
+        itemList.innerHTML = `<li>Atendimento com <strong>${(atendimentoEmAndamentoNome || '').toUpperCase()}</strong> em andamento.</li>`;
+        queueNumber.innerHTML = `EM ATENDIMENTO: <u>${(atendimentoEmAndamentoNome || '').toUpperCase()}</u>`;
+        nextButton.disabled = true;
+        return;
+    }
+
    let datastorage = localStorage.getItem('proximos');

    // Adiciona os outros itens apenas para visualização (opcional)
    const proximos = JSON.parse(datastorage);
    itemList.innerHTML = '';

-    setTimeout(()=>{
+    setTimeout(() => {
        nextButton.disabled = !currentData;
-    },5000);
+    }, 5000);

    // Seleciona o primeiro item por padrão (ou o próximo disponível)
    // Aqui, vamos apenas pegar o primeiro da lista atual
@ -139,6 +156,19 @@ function populateList(currentData) {
 }


+// Verifica o estado ao carregar a janela
+document.addEventListener('DOMContentLoaded', () => {
+    const atendimentoEmAndamentoId = localStorage.getItem('atendimentoAtual');
+    if (atendimentoEmAndamentoId) {
+        // Se um atendimento está em andamento, a tela de observação deve ser mostrada
+        selectedItemId = atendimentoEmAndamentoId;
+        selectedItemName = localStorage.getItem('atendimentoAtualNome');
+        selectedItemNameSpan.innerHTML = `<u> ${(selectedItemName || '').toUpperCase()} </u>`;
+        showObservationView();
+    }
+});
+
+
 //mostra a tela de listagem e permite iniciar o atendimento
 function showListView() {
    listView.style.display = 'block';
@ -160,6 +190,12 @@ function showObservationView() {
 // // Evento do botão "Iniciar atendimento"
 nextButton.addEventListener('click', () => {
    if (selectedItemId !== null) {
+        // Salva o estado de atendimento no localStorage
+        localStorage.setItem('atendimentoAtual', selectedItemId);
+        localStorage.setItem('atendimentoAtualNome', selectedItemName);
+
+        // Notifica o main process e muda a view
+        window.electronAPI.atendimentoIniciado(selectedItemId);
        window.electronAPI.iniciaAtendimento(selectedItemId);
        showObservationView(); // Muda para a tela de observação
    } else {
@ -169,7 +205,7 @@ nextButton.addEventListener('click', () => {



-logoutButton.addEventListener('click',()=>{
+logoutButton.addEventListener('click', () => {
    window.electronAPI.logoutApp();
 });

@ -178,6 +214,11 @@ logoutButton.addEventListener('click',()=>{
 saveButton.addEventListener('click', () => {
    const observation = observationText.value;
    if (selectedItemId !== null) {
+        // Limpa o estado de atendimento
+        localStorage.removeItem('atendimentoAtual');
+        localStorage.removeItem('atendimentoAtualNome');
+        window.electronAPI.atendimentoFinalizado();
+
        window.electronAPI.saveObservation({ itemId: selectedItemId, observation: observation });
        window.location.reload();
    }
--- a/style.css
+++ b/style.css
@ -78,6 +78,13 @@ body#floating{
    animation: pulse-border .5s infinite;
 }

+/* Nova classe para quando estiver em atendimento */
+#float-button.em-atendimento {
+    background-color: var(--danger-color); /* Vermelho */
+    border: 4px solid var(--dark-danger-color);
+    animation: pulse-border .2s infinite; /* Pulso mais rápido */
+}
+
@keyframes pulse-border {
    0% {
        border-color: var(--medium-gold);
Author	SHA1	Message	Date
Eder Moraes	1598ccd22f	adicionadas novas funcionalidades, agora o app mostra se tem um atendimento em progresso, antes de iniciar o chamado de outro cliente	2025-12-15 00:35:11 -03:00
Eder Moraes	8280bb2ff6	alteração da rota para o pusher e portas de comunicação	2025-12-14 23:53:04 -03:00
Eder Moraes	97b4d2c90e	adicionados novas funcionalidades para filtro de chamados, e busca a se há algum na fila na inicialização	2025-11-10 01:20:11 -03:00
Eder Moraes	54cfba5cc4	adicionado menu de contexto com opções para chamar fila, trocar de colab e sair do app	2025-07-12 12:26:16 -03:00