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

adicionado funcionalidade pra atualizar a lista de atendimentos no backend trazida pela api do electron, correções para telas no main e renderer

This commit is contained in:
Eder Moraes 2025-05-31 23:05:04 -03:00
parent 6e8ea6e52f
commit eb5f91b8c9
8 changed files with 133 additions and 210 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
floating.html
View File

@ -13,62 +13,6 @@
<span id="count">0</span> <span id="count">0</span>
</button> </button>
<script src="floating.js"></script> <script src="floating.js"></script>
<script>
$(function(){
let apiUrl = 'https://autoatend.linco.work/api/v1/';
let token = localStorage.getItem('authToken');
let colabId = localStorage.getItem('idOperator');
function obtemProximos() {
if (!token && !colabId) {
console.warn("Token or colabId not found in localStorage. API requests will not be made.");
return; // Stop the function if token or colabId is missing
}
$.ajax(apiUrl + 'get-proximos/'+colabId, {
method: 'GET',
headers: { 'Authorization': 'Bearer '+token },
// data: formData,
processData: false,
contentType: false,
dataType: 'JSON',
success: function(response) {
console.log('Resposta:', response);
// Ensure the response is valid JSON before parsing
try {
let proximos = response;
localStorage.setItem('proximos', JSON.stringify(proximos));
let count = proximos.length;
$('#float-button span#count').text(count); // Atualiza o texto do botão. Use .text() instead of .html()
$('#float-button').removeClass(['without-items', 'has-items']).addClass( count > 0 ? 'has-items' : 'without-items');
} catch (e) {
console.error("Error parsing JSON response:", e);
console.error("Response text:", response); // Log the raw response for debugging
}
},
error: function(xhr, status, error) {
console.error('Erro na requisição:', status, error);
console.error('Response Text:', xhr.responseText); // Log the response text for debugging
// Optionally, handle different error codes:
if (xhr.status === 401) {
console.warn("Unauthorized. Token might be invalid.");
// You could redirect the user to a login page here.
} else if (xhr.status === 404) {
console.warn("Resource not found. Check the API endpoint.");
}
}
});
}
// Call obtemProximos initially
obtemProximos();
// Set interval to call obtemProximos every 10 seconds
setInterval(obtemProximos, 30000);
});
</script>
</body> </body>
</html> </html>

2
floating.js
View File

@ -3,7 +3,7 @@ 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) => {
countSpan.textContent = value; countSpan.innerHTML = value ?? 0;
// Verifica a contagem para mudar a cor // Verifica a contagem para mudar a cor
if (value > 0) { if (value > 0) {
floatButton.classList.add('has-items'); // Adiciona a classe para cor avermelhada floatButton.classList.add('has-items'); // Adiciona a classe para cor avermelhada

69
index.html
View File

@ -6,14 +6,6 @@
<title>Aguardando atendimento</title> <title>Aguardando atendimento</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="js/jquery/jquery.js"></script> <script src="js/jquery/jquery.js"></script>
<style>
body {
margin: 10px;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
</style>
</head> </head>
<body> <body>
<div id="list-view"> <div id="list-view">
@ -23,80 +15,27 @@
<!-- Itens serão carregados aqui --> <!-- Itens serão carregados aqui -->
</ul> </ul>
<button id="next-button" disabled>Iniciar atendimento</button> <button id="next-button" disabled>Iniciar atendimento</button>
<button id="sendto-button" disabled>Encaminhar</button> <!-- <button id="sendto-button" disabled>Encaminhar</button> -->
<button id="logout-button">Trocar Colaborador</button> <button id="logout-button">Trocar Colaborador</button>
</div> </div>
<div id="obs-view" style="display: none;"> <div id="obs-view" style="display: none;">
<h1>Observações</h1> <h1>Observações</h1>
<p>Item selecionado: <span id="selected-item-name"></span></p> <p>Atendendo: <span id="selected-item-name"></span></p>
<input type="hidden" name="idAtend" id="idAtend">
<textarea id="observation-text" rows="10" cols="50" placeholder="Digite suas observações..."></textarea> <textarea id="observation-text" rows="10" cols="50" placeholder="Digite suas observações..."></textarea>
<button id="save-button">Salvar</button> <button id="save-button">Salvar</button>
</div> </div>
<div id="encaminhar-view" style="display: none;"> <div id="encaminhar-view" style="display: none;">
<h1>Observações</h1> <h1>Observações</h1>
<p>Item selecionado: <span id="selected-item-name"></span></p> <p>Atendendo: <span id="selected-item-name"></span></p>
<textarea id="observation-text" rows="10" cols="50" placeholder="Digite suas observações..."></textarea> <textarea id="observation-text" rows="10" cols="50" placeholder="Digite suas observações..."></textarea>
<button id="save-button">Salvar</button> <button id="save-button">Salvar</button>
</div> </div>
<script src="renderer.js"></script> <script src="renderer.js"></script>
<script>
$(function(){
let apiUrl = 'https://autoatend.linco.work/api/v1/';
let token = localStorage.getItem('authToken');
let colabId = localStorage.getItem('idOperator');
function obtemProximosLocalStorage(){
let datastorage = localStorage.getItem('proximos');
// Adiciona os outros itens apenas para visualização (opcional)
const proximos = JSON.parse(datastorage);
itemList.innerHTML = ''; // Limpa a lista anterior
if (!proximos || proximos.length === 0) {
itemList.innerHTML = '<li>Nenhum item encontrado.</li>';
nextButton.disabled = true;
return;
}
// Seleciona o primeiro item por padrão (ou o próximo disponível)
// Aqui, vamos apenas pegar o primeiro da lista atual
const itemToProcess = proximos[0]; // Pega o primeiro item
if (itemToProcess) {
selectedItemId = itemToProcess.id;
selectedItemName = itemToProcess.clientName;
const li = document.createElement('li');
li.textContent = `${itemToProcess.senhaGen}: ${itemToProcess.clientName.toUpperCase()} - ${itemToProcess.attendanceType.toUpperCase()} - ${itemToProcess.descricaoServico.toUpperCase()}`;
li.dataset.id = itemToProcess.id; // Armazena o ID no elemento
li.classList.add('selected'); // Marca como selecionado visualmente (precisa de CSS)
itemList.appendChild(li);
nextButton.disabled = false;
} else {
itemList.innerHTML = '<li>Nenhum item para processar.</li>';
nextButton.disabled = true;
selectedItemId = null;
selectedItemName = '';
}
// Adiciona os outros itens apenas para visualização (opcional)
proximos.slice(1).forEach(item => {
const li = document.createElement('li');
li.textContent = `${item.senhaGen}: ${item.clientName.toUpperCase()} - ${item.attendanceType.toUpperCase()} - ${item.descricaoServico.toUpperCase()}`;
itemList.appendChild(li);
});
}
setTimeout(()=>{
obtemProximosLocalStorage();
},5000);
});
</script>
</body> </body>
</html> </html>

106
main.js
View File

@ -17,14 +17,14 @@ const apiUrl = 'https://autoatend.linco.work/api/v1/';
autoUpdater.autoDownload = false; autoUpdater.autoDownload = false;
autoUpdater.autoInstallOnAppQuit = true; autoUpdater.autoInstallOnAppQuit = true;
// autoUpdater.autoDownloadOnStartup = true;
if(!pjson.isBuildNow){ //// carrega o electron-reload, buga ao salvar o main.js por conta do fetchDataFromAPI
require('electron-reload')(__dirname,{ // if(!pjson.isBuildNow){
electron: require(`${__dirname}/node_modules/electron`) // require('electron-reload')(__dirname,{
}) // electron: require(`${__dirname}/node_modules/electron`)
} // })
// }
// Função modificada para buscar dados da API // Função modificada para buscar dados da API
async function readData() { async function readData() {
@ -39,25 +39,91 @@ async function readData() {
} }
// Tenta buscar dados da API // Tenta buscar dados da API
return await fetchDataFromAPI(token,colabId); //não usada aqui vai ser disparada via jquery dentro do modulo 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);
// Fallback: tenta ler do arquivo local em caso de falha na API
try {
const rawData = fs.readFileSync(dataPath, 'utf-8');
return JSON.parse(rawData);
} catch (localError) {
console.error("Erro ao ler data.json local:", localError);
return []; // Retorna array vazio em caso de erro
}
} }
} }
// Função para buscar dados da API // Função para buscar dados da API
async function fetchDataFromAPI(token,colabId) { async function fetchDataFromAPI() {
//refactorado //executa uma vez e a cada 30 segundos
getAndUpdateDataStorage(); setInterval(()=>{
getAndUpdateDataStorage();
},30000);
}
// Função para coletar a lista de atendimentos do servidor, vai ser chamada uma vez e a cada 30s
async function getAndUpdateDataStorage (){
const token = await getAuthToken();
const colabId = await floatingWin.webContents.executeJavaScript("localStorage.getItem('idOperator')")
const url = apiUrl + 'get-proximos/'+colabId; // URL de exemplo para enviar a solicitação
if (!token && !colabId) {
console.warn("Token or colabId not found in localStorage. API requests will not be made.");
return; // Stop the function if token or colabId is missing
}
const request = net.request({
method: 'GET',
url: url,
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token
}
});
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) {
if(!mainWin.isVisible){
//envia os dados para o loadData atualiza a tela somente se não estiver sendo exibida
mainWin.webContents.send('load-data', proximos);
}
//grava os registros no localstorage
floatingWin.webContents.executeJavaScript("localStorage.setItem('proximos','"+JSON.stringify(proximos)+"')");
let count = proximos.length;
//lista a contagem no botão flutuante
floatingWin.webContents.send('update-count', count);
console.log(`Dados carregados com sucesso!`);
} else {
console.error(`Erro na requisição: Status code ${response.statusCode}`, parsedData);
// Lidar com o erro adequadamente, talvez enviando uma mensagem para a janela principal
mainWin.webContents.send('api-error', {
message: `Erro ao chamar atendimentos: ${parsedData.message || 'Erro desconhecido'}`
});
}
} 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);
mainWin.webContents.send('api-error', {
message: `Erro ao chamar atendimento: ${error.message}`
});
});
request.end();
} }
// Função para verificar se o token existe no localStorage // Função para verificar se o token existe no localStorage
@ -468,8 +534,8 @@ ipcMain.on('iniciar-atendimento', (event, itemId) => {
}); });
request.on('response', (response) => { request.on('response', (response) => {
console.log(`STATUS: ${response.statusCode}`); // console.log(`STATUS: ${response.statusCode}`);
console.log(`HEADERS: ${JSON.stringify(response.headers)}`); // console.log(`HEADERS: ${JSON.stringify(response.headers)}`);
response.on('data', (chunk) => { response.on('data', (chunk) => {
console.log(`BODY: ${chunk}`); console.log(`BODY: ${chunk}`);
}); });

2
package.json
View File

@ -2,7 +2,7 @@
"name": "autoatendcolab", "name": "autoatendcolab",
"version": "1.0.0", "version": "1.0.0",
"main": "main.js", "main": "main.js",
"isBuildNow": false, "isBuildNow": true,
"scripts": { "scripts": {
"start": "electron .", "start": "electron .",
"nodemon": "nodemon --exec electron .", "nodemon": "nodemon --exec electron .",

18
preload.js
View File

@ -1,23 +1,27 @@
const { app, contextBridge, ipcRenderer } = require('electron'); const { app, contextBridge, ipcRenderer } = require('electron');
contextBridge.exposeInMainWorld('electronAPI', { contextBridge.exposeInMainWorld('electronAPI', {
onLoadData: (callback) => ipcRenderer.on('load-data', (_event, value) => callback(value)), //carrega todos os atendimentos na fila
onLoadData: (callback) => ipcRenderer.on('load-data', (_event, data) => callback(data)),
//seleciona o atendimento atual
selectAtendID: (callback) => ipcRenderer.on('select-atend-id', (_event, data) => callback(data)), selectAtendID: (callback) => ipcRenderer.on('select-atend-id', (_event, data) => callback(data)),
//inicia o atendimento atual
iniciaAtendimento: (itemId) => ipcRenderer.send('iniciar-atendimento', itemId), iniciaAtendimento: (itemId) => ipcRenderer.send('iniciar-atendimento', itemId),
logoutApp: () => ipcRenderer.send('logout'), //salva a observação do atendimento
saveObservation: (data) => ipcRenderer.send('save-observation', data), saveObservation: (data) => ipcRenderer.send('save-observation', data),
//sai do colaborador atual
logoutApp: () => ipcRenderer.send('logout'),
//sistema de atualizações
updVersion: (callback) => ipcRenderer.on('update_version',(_event,arg) => callback(arg)), updVersion: (callback) => ipcRenderer.on('update_version',(_event,arg) => callback(arg)),
updMessage: (callback) => ipcRenderer.on('update_message', (_event,data) => callback(data)), updMessage: (callback) => ipcRenderer.on('update_message', (_event,data) => callback(data)),
updPercent: (callback) => ipcRenderer.on('update_percent', (_event,data) => callback(data)), updPercent: (callback) => ipcRenderer.on('update_percent', (_event,data) => callback(data)),
atualVersion: (callback) => ipcRenderer.on('atual_version', (_event,data) => callback(data)), atualVersion: (callback) => ipcRenderer.on('atual_version', (_event,data) => callback(data)),
updNVersion: (callback) => ipcRenderer.on('update_new_version', (_event,data) => callback(data)), updNVersion: (callback) => ipcRenderer.on('update_new_version', (_event,data) => callback(data)),
// updateMessage: (data) => ipcRenderer.send('update_message', data),
// updPercent: (data) => ipcRenderer.send('update_percent', data),
// atualVersion: (data) => ipcRenderer.send('atual_version', data),
// updNVersion: (data) => ipcRenderer.send('update_new_version', data),
}); });

84
renderer.js
View File

@ -8,34 +8,47 @@ const observationText = document.getElementById('observation-text');
const saveButton = document.getElementById('save-button'); const saveButton = document.getElementById('save-button');
const selectedItemNameSpan = document.getElementById('selected-item-name'); const selectedItemNameSpan = document.getElementById('selected-item-name');
const queueNumber = document.getElementById('queue-number'); const queueNumber = document.getElementById('queue-number');
const idAtend = document.getElementById('idAtend');
let currentData = []; let currentData = [];
let selectedItemId = null; let selectedItemId = null;
let selectedItemName = ''; let selectedItemName = '';
// window.electronAPI.onLoadData(() => { window.electronAPI.onLoadData((data) => {
// populateList(); if(!data){
// // Reseta a view para a lista sempre que os dados são carregados return;
// showListView(); }
// }); // Reseta a view para a lista sempre que os dados são carregados
populateList(data[0]);
showListView();
});
//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)=>{
selectedItemId = data.id; if(!data){
queueNumber.innerHTML = data ? 'Chamando: '+ /*data.senhaGen + ' - '+*/ data.clientName.toUpperCase() + ' - ' + data.descricaoServico.toUpperCase() : 'Ninguem aguardando atendimento'; queueNumber.innerHTML = 'Ninguem aguardando atendimento';
window.close();
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();
selectedItemId = data.id ?? null;
queueNumber.innerHTML = data ? 'NA VEZ: '+ /*data.senhaGen + ' - '+*/ data.clientName.toUpperCase() + ' - ' + data.descricaoServico.toUpperCase() : 'Ninguem aguardando atendimento';
}); });
// Função para popular a lista de itens // Função para popular a lista de itens
function populateList() { function populateList(currentData) {
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 = ''; // Limpa a lista anterior itemList.innerHTML = ''; // Limpa a lista anterior
if (!proximos || proximos.length === 0) { if (!proximos || proximos.length === 0 || !currentData) {
itemList.innerHTML = '<li>Nenhum item encontrado.</li>'; itemList.innerHTML = '<li>Nenhum item encontrado.</li>';
nextButton.disabled = true; nextButton.disabled = !currentData;
return; return;
} }
@ -53,7 +66,7 @@ function populateList() {
nextButton.disabled = false; nextButton.disabled = false;
} else { } else {
itemList.innerHTML = '<li>Nenhum item para processar.</li>'; itemList.innerHTML = '<li>Nenhum item para processar.</li>';
nextButton.disabled = true; nextButton.disabled = !currentData;
selectedItemId = null; selectedItemId = null;
selectedItemName = ''; selectedItemName = '';
} }
@ -61,7 +74,8 @@ function populateList() {
// Adiciona os outros itens apenas para visualização (opcional) // Adiciona os outros itens apenas para visualização (opcional)
proximos.slice(1).forEach(item => { proximos.slice(1).forEach(item => {
const li = document.createElement('li'); const li = document.createElement('li');
li.textContent = `${item.senhaGen}: ${item.clientName.toUpperCase()} - ${item.attendanceType.toUpperCase()} - ${item.descricaoServico.toUpperCase()}`; //${item.senhaGen}:
li.textContent = `${item.clientName.toUpperCase()} - ${item.attendanceType.toUpperCase()} - ${item.descricaoServico.toUpperCase()}`;
itemList.appendChild(li); itemList.appendChild(li);
}); });
} }
@ -69,13 +83,10 @@ function populateList() {
//mostra a tela de listagem e permite iniciar o atendimento //mostra a tela de listagem e permite iniciar o atendimento
function showListView() { function showListView() {
// populateList();
listView.style.display = 'block'; listView.style.display = 'block';
encaminharView.style.display = 'none'; encaminharView.style.display = 'none';
observationView.style.display = 'none'; observationView.style.display = 'none';
observationText.value = ''; // Limpa a textarea observationText.value = ''; // Limpa a textarea
// nextButton.disabled = !selectedItemId; // Habilita/desabilita baseado na seleção // nextButton.disabled = !selectedItemId; // Habilita/desabilita baseado na seleção
} }
@ -121,44 +132,3 @@ logoutButton.addEventListener('click',()=>{
// }); // });
// Inicialmente, mostra a view da lista (estará vazia até receber dados) // Inicialmente, mostra a view da lista (estará vazia até receber dados)
//não vai ser usado timer pois é usado no floatbuttom, ele atualiza com timer
//essa função vai ser chamada apenas quando algum registro já estiver sido atendido
function updRemoteList() {
if (!token && !colabId) {
console.warn("Token or colabId not found in localStorage. API requests will not be made.");
return; // Stop the function if token or colabId is missing
}
$.ajax(apiUrl + 'get-proximos/'+colabId, {
method: 'GET',
headers: { 'Authorization': 'Bearer '+token },
processData: false,
contentType: false,
dataType: 'JSON',
success: function(response) {
console.log('Resposta:', response);
// Ensure the response is valid JSON before parsing
try {
localStorage.setItem('proximos', JSON.stringify(response));
} catch (e) {
console.error("Error parsing JSON response:", e);
console.error("Response text:", response); // Log the raw response for debugging
}
},
error: function(xhr, status, error) {
console.error('Erro na requisição:', status, error);
console.error('Response Text:', xhr.responseText); // Log the response text for debugging
// Optionally, handle different error codes:
if (xhr.status === 401) {
console.warn("Unauthorized. Token might be invalid.");
// You could redirect the user to a login page here.
} else if (xhr.status === 404) {
console.warn("Resource not found. Check the API endpoint.");
}
}
});
}

4
style.css
View File

@ -2,7 +2,7 @@
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 10px;
background-color: transparent; /* Para janela flutuante */ background-color: transparent; /* Para janela flutuante */
overflow: hidden; /* Evita barras de rolagem indesejadas na flutuante */ overflow: hidden; /* Evita barras de rolagem indesejadas na flutuante */
-webkit-app-region: drag; -webkit-app-region: drag;
@ -104,7 +104,7 @@ button:disabled {
} }
textarea { textarea {
width: 95%; /* Ajuste conforme necessário */ width: calc(100% - 10px);
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #ccc; border: 1px solid #ccc;