Linformatica
/
AutoAtendCOLAB
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 14 Wiki Activity

Compare commits

base: Linformatica:1.1.2
Branches Tags
Linformatica:main
Linformatica:1.1.3
Linformatica:1.1.2
Linformatica:1.1.0
Linformatica:1.1.1
Linformatica:1.0.9
Linformatica:1.0.8
Linformatica:1.0.7
Linformatica:1.0.5
Linformatica:1.0.6
Linformatica:1.0.4
Linformatica:1.0.3
Linformatica:1.0.1
Linformatica:1.0.2
Linformatica:1.0.0
...
compare: Linformatica:main
Branches Tags
Linformatica:main
Linformatica:1.1.3
Linformatica:1.1.2
Linformatica:1.1.0
Linformatica:1.1.1
Linformatica:1.0.9
Linformatica:1.0.8
Linformatica:1.0.7
Linformatica:1.0.5
Linformatica:1.0.6
Linformatica:1.0.4
Linformatica:1.0.3
Linformatica:1.0.1
Linformatica:1.0.2
Linformatica:1.0.0

2 Commits
1.1.2 ... main

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
8 changed files with 265 additions and 139 deletions
Show Stats Expand all files Collapse all files

41
floating.js
View File

@ -3,6 +3,11 @@ const countSpan = document.getElementById('count');
// Atualiza a contagem e a cor do botão quando recebe do main process // Atualiza a contagem e a cor do botão quando recebe do main process
window.electronAPI.onUpdateCount((value) => { 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; countSpan.innerHTML = value ?? 0;
// Verifica a contagem para mudar a cor // Verifica a contagem para mudar a cor
if (value > 0) { if (value > 0) {
@ -12,6 +17,40 @@ 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 // Mostra a janela principal ao clicar
floatButton.addEventListener('click', () => { floatButton.addEventListener('click', () => {
window.electronAPI.showMainWindow(); window.electronAPI.showMainWindow();
@ -24,4 +63,4 @@ floatButton.addEventListener('contextmenu', (e) => {
}); });
// Ajuste inicial do cursor // Ajuste inicial do cursor
floatButton.style.cursor = 'pointer'; floatButton.style.cursor = 'pointer';

2
floating_preload.js
View File

@ -2,6 +2,8 @@ const { contextBridge, ipcRenderer } = require('electron');
contextBridge.exposeInMainWorld('electronAPI', { contextBridge.exposeInMainWorld('electronAPI', {
onUpdateCount: (callback) => ipcRenderer.on('update-count', (_event, value) => callback(value)), onUpdateCount: (callback) => ipcRenderer.on('update-count', (_event, value) => callback(value)),
onAtendimentoStatusChanged: (callback) => ipcRenderer.on('atendimento-status-changed', (_event, status) => callback(status)),
refreshCount: () => ipcRenderer.send('refresh-count'),
showMainWindow: () => ipcRenderer.send('chamar-fila'), showMainWindow: () => ipcRenderer.send('chamar-fila'),
showMenu: () => ipcRenderer.send('show-context-menu') showMenu: () => ipcRenderer.send('show-context-menu')
}); });

7
index.html
View File

@ -1,17 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content=" <meta http-equiv="Content-Security-Policy" content="
default-src 'self'; default-src 'self';
script-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline';
style-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> <title>Tela de Atendimento</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="res/js/jquery/jquery.js"></script> <script src="res/js/jquery/jquery.js"></script>
</head> </head>
<body> <body>
<div id="list-view"> <div id="list-view">
<h1>Fila</h1> <h1>Fila</h1>
@ -20,7 +22,7 @@
<!-- Itens serão carregados aqui --> <!-- Itens serão carregados aqui -->
</ul> </ul>
<button id="next-button" disabled> <button id="next-button" disabled>
<span id="counter-start"></span> <span id="counter-start"></span>
Iniciar atendimento Iniciar atendimento
</button> </button>
<!-- <button id="sendto-button" disabled>Encaminhar</button> --> <!-- <button id="sendto-button" disabled>Encaminhar</button> -->
@ -47,4 +49,5 @@
<script src="renderer.js"></script> <script src="renderer.js"></script>
</body> </body>
</html> </html>

267
main.js
View File

@ -4,7 +4,7 @@ const path = require('path');
const fs = require('fs'); const fs = require('fs');
const { autoUpdater, AppUpdater } = require('electron-updater'); 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 floatingWin;
let mainWin; 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 = 'https://autoatend.linco.work/api/v1/';
// const apiUrl = 'http://_lara10-autoatend.devel/api/v1/'; // const apiUrl = 'http://_lara10-autoatend.devel/api/v1/';
const pusherUrl = 'autoatend.linco.work'; const pusherUrl = 'aa.linco.work';
// const pusherUrl = 'localhost'; // const pusherUrl = 'localhost';
@ -32,14 +32,14 @@ async function readData() {
// Verifica se existe token de autenticação // Verifica se existe token de autenticação
const token = await getAuthToken(); const token = await getAuthToken();
const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')") const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
if (!token || !colabId) { if (!token || !colabId) {
console.log("Usuário não autenticado, retornando lista vazia"); console.log("Usuário não autenticado, retornando lista vazia");
return []; return [];
} }
// Tenta buscar dados da API // Tenta buscar dados da API
return await fetchDataFromAPI(); return await fetchDataFromAPI();
} catch (error) { } catch (error) {
console.error("Erro ao buscar dados da API:", error); console.error("Erro ao buscar dados da API:", error);
@ -52,20 +52,20 @@ async function fetchDataFromAPI() {
//!primeira requisição é feita para API //!primeira requisição é feita para API
getFirstData(); getFirstData();
//! as outras é o websockt que solicita a chamada de requisições em busca de alterações
const updData = setInterval(()=>{
getDataAndUpdateFloatingBtn();
},3000);
const updVersion = setTimeout(()=>{ //! as outras é o websockt que solicita a chamada de requisições em busca de alterações
if(pjson.isBuildNow){ const updData = setInterval(() => {
getDataAndUpdateFloatingBtn();
}, 3000);
const updVersion = setTimeout(() => {
if (pjson.isBuildNow) {
autoUpdater.checkForUpdates(); autoUpdater.checkForUpdates();
} }
},300000); }, 300000);
} }
async function getFirstData(){ async function getFirstData() {
const token = await getAuthToken(); const token = await getAuthToken();
const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')") const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
@ -117,14 +117,14 @@ async function getFirstData(){
} }
// Função para coletar a lista de atendimentos do servidor, vai ser chamada uma vez e a cada 30s // 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')")) ?? []; const proximos = JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')")) ?? [];
let count = proximos.length; let count = proximos.length;
//lista a contagem no botão flutuante //lista a contagem no botão flutuante
floatingWin.webContents.send('update-count', count); floatingWin.webContents.send('update-count', count);
} }
// Função para verificar se o token existe no localStorage // Função para verificar se o token existe no localStorage
@ -160,7 +160,7 @@ function createLoginWindow() {
icon: "icon.ico", icon: "icon.ico",
frame: true, frame: true,
autoHideMenuBar: true, autoHideMenuBar: true,
webPreferences: { webPreferences: {
preload: path.join(__dirname, 'login_preload.js'), preload: path.join(__dirname, 'login_preload.js'),
contextIsolation: true, contextIsolation: true,
@ -195,7 +195,7 @@ function createOperatorWindow() {
// operatorWin.webContents.openDevTools(); // operatorWin.webContents.openDevTools();
operatorWin.loadFile('operator.html'); operatorWin.loadFile('operator.html');
operatorWin.on('closed', () => { operatorWin.on('closed', () => {
operatorWin = null; operatorWin = null;
}); });
@ -218,7 +218,7 @@ function createUpdateWindow() {
}); });
updateWin.loadFile('update.html'); updateWin.loadFile('update.html');
updateWin.on('closed', () => { updateWin.on('closed', () => {
updateWin = null; updateWin = null;
}); });
@ -256,7 +256,7 @@ function createFloatingWindow() {
floatingWin.loadFile('floating.html'); 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 // Envia a contagem inicial para a janela flutuante
const data = readData(); const data = readData();
@ -307,46 +307,46 @@ function createMainWindow() {
} }
if(pjson.isBuildNow){ if (pjson.isBuildNow) {
autoUpdater.on('update-available', () => { autoUpdater.on('update-available', () => {
let pth = autoUpdater.downloadUpdate(); let pth = autoUpdater.downloadUpdate();
updateWin.show(); updateWin.focus(); updateWin.show(); updateWin.focus();
updateWin.webContents.send('update_message',`Uma nova versão está dispinível.`); updateWin.webContents.send('update_message', `Uma nova versão está dispinível.`);
updateWin.webContents.send('update_percent',pth); updateWin.webContents.send('update_percent', pth);
}) })
autoUpdater.on('download-progress',(obj) => { autoUpdater.on('download-progress', (obj) => {
updateWin.webContents.send('update_message',`Estamos baixando uma nova atualização.`); updateWin.webContents.send('update_message', `Estamos baixando uma nova atualização.`);
}); });
autoUpdater.on('update-downloaded',(obj) => { autoUpdater.on('update-downloaded', (obj) => {
updateWin.webContents.send('update_message',`Download concluído. Aguarde, vamos reiniciar para instalar!`); updateWin.webContents.send('update_message', `Download concluído. Aguarde, vamos reiniciar para instalar!`);
setTimeout(()=>{ setTimeout(() => {
autoUpdater.quitAndInstall(); autoUpdater.quitAndInstall();
},5000); }, 5000);
}); });
autoUpdater.on('error',err => { autoUpdater.on('error', err => {
updateWin.webContents.send('update_message',err); updateWin.webContents.send('update_message', err);
}); });
} }
if (!gotTheLock) { if (!gotTheLock) {
app.quit(); app.quit();
} else { } else {
app.on('second-instance', () => { app.on('second-instance', () => {
if (mainWin) { if (mainWin) {
if (mainWin.isMinimized()) { if (mainWin.isMinimized()) {
mainWin.restore(); mainWin.restore();
} }
mainWin.focus(); mainWin.focus();
} }
}); });
// Inicialização do aplicativo modificada para verificar autenticação // Inicialização do aplicativo modificada para verificar autenticação
app.whenReady().then(async () => { app.whenReady().then(async () => {
// Verifica se o usuário já está autenticado // Verifica se o usuário já está autenticado
const token = await getAuthToken(); const token = await getAuthToken();
if (!token) { if (!token) {
// Se não estiver autenticado, mostra a tela de login // Se não estiver autenticado, mostra a tela de login
createLoginWindow(); createLoginWindow();
@ -377,7 +377,7 @@ if (!gotTheLock) {
} }
}); });
if(pjson.isBuildNow){ if (pjson.isBuildNow) {
autoUpdater.checkForUpdates(); autoUpdater.checkForUpdates();
} }
@ -436,18 +436,18 @@ ipcMain.handle('get-pusher-config', async () => {
}); });
ipcMain.on('update_version', async (event, arg) => { ipcMain.on('update_version', async (event, arg) => {
if(updateWin){ if (updateWin) {
if(!updateWin.isVisible()){ if (!updateWin.isVisible()) {
updateWin.show(); updateWin.show();
updateWin.focus(); updateWin.focus();
}else{ } else {
updateWin.focus(); updateWin.focus();
} }
} else { } else {
createUpdateWindow(); createUpdateWindow();
updateWin.webContents.on('did-finish-load', () => { updateWin.webContents.on('did-finish-load', () => {
updateWin.show(); updateWin.show();
updateWin.focus(); updateWin.focus();
}); });
} }
}); });
@ -462,10 +462,8 @@ ipcMain.handle('get-count', async () => {
// Ouvir pedido para mostrar a janela principal // Ouvir pedido para mostrar a janela principal
ipcMain.on('chamar-fila', async () => { ipcMain.on('chamar-fila', async () => {
const countFila = async () => { // Primeiro, verifica se já existe um atendimento em andamento
const proximos = JSON.parse(await floatingWin.webContents.executeJavaScript("localStorage.getItem('proximos')")) ?? []; const atendimentoAtualId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('atendimentoAtual')");
return proximos.length;
}
const showMainWindow = () => { const showMainWindow = () => {
if (mainWin) { if (mainWin) {
@ -484,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 colabId = await getSelectedOperatorId();
const token = await getAuthToken('token'); 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({ const request = net.request({
method: 'GET', method: 'GET',
@ -515,24 +526,24 @@ ipcMain.on('chamar-fila', async () => {
if (response.statusCode === 200) { if (response.statusCode === 200) {
mainWin.webContents.send('select-atend-id', parsedData.data); 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 === 'Fila' || parsedData.data.Status === 'Chamado')) { showMainWindow(); } else
if(parsedData.data && parsedData.data.Status === 'Atendendo'){ if (parsedData.data && parsedData.data.Status === 'Atendendo') {
let options2 = { let options2 = {
'title': 'Precisa finalizar antes de chamar o próximo.', 'title': 'Precisa finalizar antes de chamar o próximo.',
'message': 'Em andamento', 'message': 'Em andamento',
'detail': 'Já possui um atendimento em andamento (Atendendo: '+ parsedData.data.clientName +'), continue e finalize por favor!', 'detail': 'Já possui um atendimento em andamento (Atendendo: ' + parsedData.data.clientName + '), continue e finalize por favor!',
'type': 'error', 'type': 'error',
'noLink': true, 'noLink': true,
'buttons': ['Depois','Continuar'], 'buttons': ['Depois', 'Continuar'],
};
dialog.showMessageBox(floatingWin, options2).then(result => {
if(result.response){
mainWin.webContents.send('show-observation');
showMainWindow();
} else {
mainWin.hide();
}; };
}); dialog.showMessageBox(floatingWin, options2).then(result => {
} if (result.response) {
mainWin.webContents.send('show-observation');
showMainWindow();
} else {
mainWin.hide();
};
});
}
// console.log(parsedData); // console.log(parsedData);
} else { } else {
console.error(`Erro na requisição: Status code ${response.statusCode}`, parsedData); console.error(`Erro na requisição: Status code ${response.statusCode}`, parsedData);
@ -561,19 +572,19 @@ ipcMain.on('chamar-fila', async () => {
}; };
let options = { let options = {
'title': 'Incie o atendimento quando o cliente chegar na sala.', 'title': 'Incie o atendimento quando o cliente chegar na sala.',
'message': 'Chamar um cliente da fila?', 'message': 'Chamar um cliente da fila?',
'type': 'warning', 'type': 'warning',
'noLink': true, 'noLink': true,
'buttons': ['Não','Sim'], 'buttons': ['Não', 'Sim'],
}; };
if(await countFila()){
if (await countFila()) {
dialog.showMessageBox(floatingWin, options).then(result => { dialog.showMessageBox(floatingWin, options).then(result => {
if(result.response){ if (result.response) {
requestData(); requestData();
}; };
}); });
@ -583,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; selectedItemId = itemId;
console.log(selectedItemId); console.log(selectedItemId);
}); });
@ -595,9 +614,9 @@ ipcMain.on('iniciar-atendimento', async (event, itemId) => {
const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')") const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
//TODO inicia o atendimento o id do atendimento deve ser requisitado do backend //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({ const request = net.request({
method: 'GET', method: 'GET',
url: url, url: url,
@ -632,6 +651,20 @@ ipcMain.on('iniciar-atendimento', async (event, itemId) => {
// A janela principal já mudou a UI ao enviar o evento 'next-step' // 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" // Ouvir clique no botão "Salvar"
ipcMain.on('save-observation', async (event, { itemId, observation }) => { ipcMain.on('save-observation', async (event, { itemId, observation }) => {
@ -643,7 +676,7 @@ ipcMain.on('save-observation', async (event, { itemId, observation }) => {
const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')") const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
//TODO inicia o atendimento o id do atendimento deve ser requisitado do backend //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({ const fmData = JSON.stringify({
"colabId": colabId, "colabId": colabId,
@ -699,7 +732,7 @@ ipcMain.on('drag-float-window', (event, { offsetX, offsetY }) => {
*/ */
ipcMain.on('logout', ()=>{ ipcMain.on('logout', () => {
mainWin.webContents.executeJavaScript(` mainWin.webContents.executeJavaScript(`
localStorage.removeItem("idOperator"); localStorage.removeItem("idOperator");
localStorage.removeItem("selectedOperator"); localStorage.removeItem("selectedOperator");
@ -719,7 +752,7 @@ ipcMain.on('login-attempt', async (event, credentials) => {
try { try {
// Substitua pela URL real da sua API de autenticação // Substitua pela URL real da sua API de autenticação
const route = apiUrl + 'login'; const route = apiUrl + 'login';
const request = net.request({ const request = net.request({
method: 'POST', method: 'POST',
url: route, url: route,
@ -727,20 +760,20 @@ ipcMain.on('login-attempt', async (event, credentials) => {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
}); });
let responseData = ''; let responseData = '';
request.on('response', (response) => { request.on('response', (response) => {
response.on('data', (chunk) => { response.on('data', (chunk) => {
responseData += chunk.toString(); responseData += chunk.toString();
console.log("Resposta da API:", responseData); // Adiciona este log para ver a resposta crua console.log("Resposta da API:", responseData); // Adiciona este log para ver a resposta crua
}); });
response.on('end', () => { response.on('end', () => {
try { try {
const data = JSON.parse(responseData); const data = JSON.parse(responseData);
if (data.status === 'Authorized' && data.api_key) { if (data.status === 'Authorized' && data.api_key) {
// Login bem-sucedido // Login bem-sucedido
loginWin.webContents.executeJavaScript(` loginWin.webContents.executeJavaScript(`
@ -755,35 +788,35 @@ ipcMain.on('login-attempt', async (event, credentials) => {
} else { } else {
// Login falhou // Login falhou
event.reply('login-response', { event.reply('login-response', {
success: false, success: false,
message: data.message || 'Falha na autenticação' message: data.message || 'Falha na autenticação'
}); });
} }
} catch (error) { } catch (error) {
console.log("Resposta da API:", error); console.log("Resposta da API:", error);
event.reply('login-response', { event.reply('login-response', {
success: false, success: false,
message: 'Erro ao processar resposta do servidor' message: 'Erro ao processar resposta do servidor'
}); });
} }
}); });
}); });
request.on('error', (error) => { request.on('error', (error) => {
event.reply('login-response', { event.reply('login-response', {
success: false, success: false,
message: `Erro de conexão: ${error.message}` message: `Erro de conexão: ${error.message}`
}); });
}); });
// Envia as credenciais // Envia as credenciais
request.write(JSON.stringify(credentials)); request.write(JSON.stringify(credentials));
request.end(); request.end();
} catch (error) { } catch (error) {
event.reply('login-response', { event.reply('login-response', {
success: false, success: false,
message: `Erro: ${error.message}` message: `Erro: ${error.message}`
}); });
} }
}); });
@ -805,9 +838,9 @@ ipcMain.on('select-operator', async (event, operator) => {
createUpdateWindow(); createUpdateWindow();
}); });
} catch (error) { } catch (error) {
event.reply('operator-response', { event.reply('operator-response', {
success: false, success: false,
message: `Erro: ${error.message}` message: `Erro: ${error.message}`
}); });
} }
}); });
@ -817,15 +850,15 @@ ipcMain.handle('get-operators', async () => {
try { try {
// Verifica se existe token de autenticação // Verifica se existe token de autenticação
const token = await getAuthToken(); const token = await getAuthToken();
if (!token) { if (!token) {
return { return {
success: false, success: false,
message: 'Não autenticado', message: 'Não autenticado',
operators: [] operators: []
}; };
} }
// Aqui você pode fazer uma chamada à API para obter os operadores // Aqui você pode fazer uma chamada à API para obter os operadores
// Por enquanto, vamos retornar alguns operadores de exemplo // Por enquanto, vamos retornar alguns operadores de exemplo
// Substitua pela URL real da sua API de autenticação // Substitua pela URL real da sua API de autenticação
@ -866,7 +899,7 @@ ipcMain.handle('get-operators', async () => {
operators: operators operators: operators
}); });
} else { } else {
reject({ reject({
success: false, success: false,
message: data.message || 'Erro ao obter a lista de colaboradores', message: data.message || 'Erro ao obter a lista de colaboradores',
operators: [] operators: []
@ -874,7 +907,7 @@ ipcMain.handle('get-operators', async () => {
} }
} catch (error) { } catch (error) {
console.log("Erro ao processar resposta da API:", error); console.log("Erro ao processar resposta da API:", error);
reject({ reject({
success: false, success: false,
message: 'Erro ao processar resposta do servidor', message: 'Erro ao processar resposta do servidor',
operators: [] operators: []
@ -895,10 +928,10 @@ ipcMain.handle('get-operators', async () => {
}); });
} catch (error) { } catch (error) {
console.error('Erro ao obter operadores:', error); console.error('Erro ao obter operadores:', error);
return { return {
success: false, success: false,
message: `Erro: ${error.message}`, message: `Erro: ${error.message}`,
operators: [] operators: []
}; };
} }
}); });
@ -927,7 +960,7 @@ ipcMain.on('token-exists', async () => {
}); });
ipcMain.on('sair', ()=>{ ipcMain.on('sair', () => {
let exec = ` let exec = `
localStorage.removeItem("idOperator"); localStorage.removeItem("idOperator");
localStorage.removeItem("selectedOperator"); localStorage.removeItem("selectedOperator");
@ -953,7 +986,7 @@ ipcMain.on('sair', ()=>{
} }
} }
}); });
}); });

4
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "autoatendcolab", "name": "autoatendcolab",
"version": "1.1.2", "version": "1.1.3",
"main": "main.js", "main": "main.js",
"isBuildNow": true, "isBuildNow": true,
"scripts": { "scripts": {
@ -48,4 +48,4 @@
"electron-reload": "^2.0.0-alpha.1", "electron-reload": "^2.0.0-alpha.1",
"nodemon": "^3.1.10" "nodemon": "^3.1.10"
} }
} }

4
preload.js
View File

@ -14,6 +14,10 @@ contextBridge.exposeInMainWorld('electronAPI', {
//inicia o atendimento atual //inicia o atendimento atual
iniciaAtendimento: (itemId) => ipcRenderer.send('iniciar-atendimento', itemId), 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() ), showObservation: (callback) => ipcRenderer.on('show-observation', (_event) => callback() ),
//salva a observação do atendimento //salva a observação do atendimento
saveObservation: (data) => ipcRenderer.send('save-observation', data), saveObservation: (data) => ipcRenderer.send('save-observation', data),

72
renderer.js
View File

@ -18,11 +18,11 @@ let selectedItemName = '';
window.electronAPI.onLoadData((data) => { window.electronAPI.onLoadData((data) => {
nextButton.disabled = true; nextButton.disabled = true;
if(!data){ if (!data) {
return; return;
} }
// Reseta a view para a lista sempre que os dados são carregados // Reseta a view para a lista sempre que os dados são carregados
populateList(data[0]); populateList(data[0]);
}); });
async function initializePusher() { async function initializePusher() {
@ -44,11 +44,11 @@ async function initializePusher() {
var pusher = new Pusher(PUSHER_APP_KEY, { var pusher = new Pusher(PUSHER_APP_KEY, {
wsHost: host, wsHost: host,
wsPort: 6001, wsPort: 80,
wssPort: 6001, wssPort: 443,
forceTLS: false, forceTLS: true,
enableStats: false, enableStats: false,
enabledTransports: ['ws','wss'], enabledTransports: ['wss', 'ws'],
cluster: 'mt1' cluster: 'mt1'
}); });
@ -56,20 +56,20 @@ async function initializePusher() {
if (pusher.connection.state === 'connected') { if (pusher.connection.state === 'connected') {
pusher.unsubscribe('chat.' + channelLocal + '_' + colabId); pusher.unsubscribe('chat.' + channelLocal + '_' + colabId);
} }
channel = pusher.subscribe('chat.' + channelLocal + '_' + colabId); channel = pusher.subscribe('chat.' + channelLocal + '_' + colabId);
channel.bind('message-sent', function(r) { channel.bind('message-sent', function (r) {
let data = r.data.fila.original; let data = r.data.fila.original;
let count = data.length; let count = data.length;
console.log(data); console.log(data);
localStorage.setItem('proximos',JSON.stringify(data)); localStorage.setItem('proximos', JSON.stringify(data));
populateList(r.data.currentData.original); populateList(r.data.currentData.original);
}); });
pusher.connection.bind('error', function(err) { pusher.connection.bind('error', function (err) {
console.error('Pusher connection error: ', err); console.error('Pusher connection error: ', err);
}); });
@ -82,37 +82,51 @@ async function initializePusher() {
initializePusher(); initializePusher();
//chama o proximo da fila ao abrir a janela de atendimentos //chama o proximo da fila ao abrir a janela de atendimentos
window.electronAPI.selectAtendID((data)=>{ window.electronAPI.selectAtendID((data) => {
nextButton.disabled = true; nextButton.disabled = true;
if(!data){ if (!data) {
queueNumber.innerHTML = 'Ninguem aguardando atendimento, fechando a janela em alguns segundos...'; queueNumber.innerHTML = 'Ninguem aguardando atendimento, fechando a janela em alguns segundos...';
return; return;
} }
// Reseta a view para a lista sempre que os dados são carregados ao clicar no botão para abrir a janela // Reseta a view para a lista sempre que os dados são carregados ao clicar no botão para abrir a janela
populateList(data); populateList(data);
showListView(); showListView();
// Garante que o item selecionado (ID e Nome) seja o que veio da chamada, sobrescrevendo o da lista.
selectedItemId = data.id ?? null; selectedItemId = data.id ?? null;
selectedItemName = data.clientName ?? '';
//data.senhaGen //data.senhaGen
queueNumber.innerHTML = data ? `NA VEZ: <u>${data.clientName.toUpperCase()}</u> - ${data.descricaoServico.toUpperCase()}` : 'Ninguem aguardando atendimento'; 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'; 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); window.electronAPI.iniciaAtendimento(selectedItemId);
showObservationView(); // Muda para a tela de observação showObservationView(); // Muda para a tela de observação
}); });
// Função para popular a lista de itens // Função para popular a lista de itens
function populateList(currentData) { 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'); let datastorage = localStorage.getItem('proximos');
// Adiciona os outros itens apenas para visualização (opcional) // Adiciona os outros itens apenas para visualização (opcional)
const proximos = JSON.parse(datastorage); const proximos = JSON.parse(datastorage);
itemList.innerHTML = ''; itemList.innerHTML = '';
setTimeout(()=>{ setTimeout(() => {
nextButton.disabled = !currentData; nextButton.disabled = !currentData;
},5000); }, 5000);
// Seleciona o primeiro item por padrão (ou o próximo disponível) // Seleciona o primeiro item por padrão (ou o próximo disponível)
// Aqui, vamos apenas pegar o primeiro da lista atual // Aqui, vamos apenas pegar o primeiro da lista atual
@ -142,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 //mostra a tela de listagem e permite iniciar o atendimento
function showListView() { function showListView() {
listView.style.display = 'block'; listView.style.display = 'block';
@ -163,6 +190,12 @@ function showObservationView() {
// // Evento do botão "Iniciar atendimento" // // Evento do botão "Iniciar atendimento"
nextButton.addEventListener('click', () => { nextButton.addEventListener('click', () => {
if (selectedItemId !== null) { 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); window.electronAPI.iniciaAtendimento(selectedItemId);
showObservationView(); // Muda para a tela de observação showObservationView(); // Muda para a tela de observação
} else { } else {
@ -172,7 +205,7 @@ nextButton.addEventListener('click', () => {
logoutButton.addEventListener('click',()=>{ logoutButton.addEventListener('click', () => {
window.electronAPI.logoutApp(); window.electronAPI.logoutApp();
}); });
@ -181,6 +214,11 @@ logoutButton.addEventListener('click',()=>{
saveButton.addEventListener('click', () => { saveButton.addEventListener('click', () => {
const observation = observationText.value; const observation = observationText.value;
if (selectedItemId !== null) { 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.electronAPI.saveObservation({ itemId: selectedItemId, observation: observation });
window.location.reload(); window.location.reload();
} }

7
style.css
View File

@ -78,6 +78,13 @@ body#floating{
animation: pulse-border .5s infinite; 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 { @keyframes pulse-border {
0% { 0% {
border-color: var(--medium-gold); border-color: var(--medium-gold);