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';
--- 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>
@ -47,4 +49,5 @@
    <script src="renderer.js"></script>

 </body>
+
 </html>
--- a/main.js
+++ b/main.js
@ -1,4 +1,4 @@
-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');
@ -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';


@ -50,10 +50,10 @@ 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
-
-    getDataAndUpdateFloatingBtn();
+    //!primeira requisição é feita para API
+    getFirstData();

+    //! as outras é o websockt que solicita a chamada  de requisições em busca de alterações
    const updData = setInterval(() => {
        getDataAndUpdateFloatingBtn();
    }, 3000);
@ -65,6 +65,57 @@ async function fetchDataFromAPI() {
    }, 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() {

@ -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,6 +482,19 @@ ipcMain.on('chamar-fila', 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 () => {


@ -532,6 +594,14 @@ ipcMain.on('chamar-fila', async () => {

 });

+// 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 }) => {

@ -877,12 +961,65 @@ ipcMain.on('token-exists', async () => {


 ipcMain.on('sair', () => {
-    operatorWin.webContents.executeJavaScript(`
+    let exec = `
            localStorage.removeItem("idOperator");
            localStorage.removeItem("selectedOperator");
            localStorage.removeItem("salaOperator");
            localStorage.removeItem("servicosOperator");
-    `).then(() => {
-        app.exit();
+        `;
+
+    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": {
--- 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
@ -38,24 +38,32 @@ 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);
+        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 count = r.data.fila.original.length;
-                console.log(r.data.fila.original);
-                localStorage.setItem('proximos',JSON.stringify(r.data.fila.original));
+            let data = r.data.fila.original;
+            let count = data.length;
+            console.log(data);
+            localStorage.setItem('proximos', JSON.stringify(data));

            populateList(r.data.currentData.original);

@ -73,22 +81,21 @@ async function initializePusher() {

 initializePusher();

-
 //chama o proximo da fila ao abrir a janela de atendimentos
 window.electronAPI.selectAtendID((data) => {
    nextButton.disabled = true;
    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';
@ -101,6 +108,16 @@ window.electronAPI.showObservation(()=>{

 // 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)
@ -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 {
@ -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