From b8487d9d4c0216a7b3e4018be340dbea849eb583 Mon Sep 17 00:00:00 2001
From: Eder Moraes <54563944+edermcastro@users.noreply.github.com>
Date: Mon, 2 Jun 2025 23:19:13 -0300
Subject: [PATCH] =?UTF-8?q?adicionado=20anima=C3=A7=C3=A3o=20e=20controle?=
 =?UTF-8?q?=20de=20trabalho,=20impede=20do=20colaborador=20iniciar=20o=20a?=
 =?UTF-8?q?tendimento=20at=C3=A9=20que=20o=20cliente=20chegue=20ao=20guich?=
 =?UTF-8?q?=C3=AA=20ou=20sala.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main.js      |  2 +-
 package.json |  2 +-
 renderer.js  | 17 +++++++++++++----
 style.css    | 18 ++++++++++++------
 4 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/main.js b/main.js
index 1fd99c1..94c2a31 100644
--- a/main.js
+++ b/main.js
@@ -237,7 +237,7 @@ function createUpdateWindow() {
 function createFloatingWindow() {
     const primaryDisplay = screen.getPrimaryDisplay();
     const { width: screenWidth, height: screenHeight } = primaryDisplay.workAreaSize;
-    const winWidth = 50;
+    const winWidth = 60;
     const winHeight = 70;
 
     floatingWin = new BrowserWindow({
diff --git a/package.json b/package.json
index 84093b0..3a04376 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "autoatendcolab",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "main.js",
   "isBuildNow": true,
   "scripts": {
diff --git a/renderer.js b/renderer.js
index ef52178..66f8198 100644
--- a/renderer.js
+++ b/renderer.js
@@ -46,15 +46,15 @@ window.electronAPI.selectAtendID((data)=>{
 // Função para popular a lista de itens
 function populateList(currentData) {
     let datastorage = localStorage.getItem('proximos');
+    nextButton.disabled = true;
 
     // Adiciona os outros itens apenas para visualização (opcional)
     const proximos = JSON.parse(datastorage);
+    var count = 15;
     
     itemList.innerHTML = ''; // Limpa a lista anterior
-    if (!proximos || proximos.length === 0) {
-        var count = 15;
+    if (!proximos || proximos.length === 0 || !currentData) {
         itemList.innerHTML = '<li>Fila vazia!</li>';
-        nextButton.disabled = true;
         const dec_counter = setInterval(() => {
             count = count -1;
             counterStart.innerHTML = `[ ${count} ]`;
@@ -79,7 +79,16 @@ function populateList(currentData) {
         li.dataset.id = itemToProcess.id; // Armazena o ID no elemento
         li.classList.add('selected'); // Marca como selecionado visualmente (precisa de CSS)
         itemList.appendChild(li);
-        
+
+        const dec_counter = setInterval(() => {
+            count = count -1;
+            counterStart.innerHTML = `[ ${count} ]`;
+            if (count <= 0 && currentData) {
+                counterStart.innerHTML = '';
+                nextButton.disabled = false;
+                clearInterval(dec_counter);
+            }
+        },1000);
         
     } else {
         itemList.innerHTML = '<li>Fila vazia!</li>';
diff --git a/style.css b/style.css
index f5c0ed0..2f8f168 100644
--- a/style.css
+++ b/style.css
@@ -65,7 +65,7 @@ body#floating{
     transition: background-color 0.3s ease; /* Suaviza a transição de cor */
     position: absolute;
     top: -6px;
-    left: 4px;
+    left: 8px;
     -webkit-app-region: no-drag;
     cursor: pointer;
 }
@@ -74,19 +74,25 @@ body#floating{
 #float-button.has-items {
     background-color: var(--opac-warning-color); /* Tom avermelhado/alaranjado com transparência */
     box-shadow: var(--inset-box-shadow); /* Sombra mais escura avermelhada */
-    border: 2px solid var(--dark-warning-color);
-    animation: pulse-border 2s infinite;
+    border: 4px solid var(--dark-warning-color);
+    animation: pulse-border .5s infinite;
 }
 
 @keyframes pulse-border {
     0% {
-        border-color: var(--dark-warning-color);
+        border-color: var(--medium-gold);
+        width: 64px;
+        height: 64px;
     }
     50% {
-        border-color: var(--warning-color);
+        width: 66px;
+        height: 66px;
+        border-color: var(--accent-gold);
     }
     100% {
-        border-color: var(--dark-warning-color);
+        width: 64px;
+        height: 64px;
+        border-color: var(--medium-gold);
     }
 }