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 = '
  • Fila vazia!
  • '; - 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 = '
  • Fila vazia!
  • '; 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); } }