Adicionado indicador de loading

leonp967 · May 14, 2019 · cd256da · cd256da
1 parent 33ad32d
commit cd256da
Show file tree

Hide file tree

Showing 12 changed files with 14 additions and 52 deletions.
diff --git a/renderer/add.html b/renderer/add.html
diff --git a/renderer/add.js b/renderer/add.js
diff --git a/renderer/include-data.html b/renderer/include-data.html
@@ -40,6 +40,8 @@ <h3 class="text-center">Dados do Documento</h2>
               </div>
             </div>
 
+            <div id="loading" style="display: none" class="loading loading-lg"></div>
+
             <div class="text-center">
               <button style="margin-bottom: 10px; margin-top: 5px" id="create-btn" class="btn btn-primary">Confirmar</button>
             </div>

diff --git a/renderer/include-data.js b/renderer/include-data.js
@@ -3,6 +3,7 @@ const InstitutionController = require('../backend/controllers/institution_contro
 
 document.getElementById('create-btn').addEventListener('click', (evt) => {
     evt.preventDefault();
+    document.getElementById('loading').style.display = "block";
     let cpf = document.getElementById('cpf').value;
     let patientEmail = document.getElementById('email').value;
     let date = document.getElementById('date').value;

diff --git a/renderer/index.html b/renderer/index.html
@@ -24,6 +24,7 @@ <h1 class="text-center">Login</h1>
               <button id="signup-button" class="btn">Criar conta</button>
             </div>
           </form>
+          <div id="loading" style="display: none" class="loading loading-lg"></div>
         </div>
       </div>
     </div>

diff --git a/renderer/index.js b/renderer/index.js
@@ -10,7 +10,8 @@ const deleteTodo = (e) => {
 };
 
 document.getElementById('login-button').addEventListener('click', async(evt) => {
-    evt.preventDefault();  
+    evt.preventDefault();
+    document.getElementById('loading').style.display = "block";
     const form = document.getElementById('loginForm');
     const email = form[0].value;
     const senha = form[1].value;

diff --git a/renderer/institution-home.html b/renderer/institution-home.html
@@ -44,6 +44,7 @@
                 </div>
         </div>
         <div class="divider"></div>
+        <div id="loading" style="display: none" class="loading loading-lg"></div>
         <div id="results-div"></div>
         </div>
     <script src="./institution-home.js"></script>

diff --git a/renderer/institution-home.js b/renderer/institution-home.js
@@ -39,6 +39,7 @@ function showResults(results){
         return html;
     }, '')
 
+    document.getElementById('loading').style.display = "none";
     resultsDiv.innerHTML = resultsHtml;
 }
 
@@ -52,6 +53,7 @@ ipcRenderer.on('show-data', (event, data) => {
     };
     remote.dialog.showMessageBox(options, (response) => {
         if(response == 0){
+            document.getElementById('loading').style.display = "block";
             let results = InstitutionController.decryptPatientData(data);
             showResults(results);
         }

diff --git a/renderer/patient-home.html b/renderer/patient-home.html
@@ -35,6 +35,7 @@
                 </div>
         </div>
         <div class="divider"></div>
+        <div id="loading" style="display: none" class="loading loading-lg"></div>
         <div id="results-div"></div>
         </div>
     <script src="./patient-home.js"></script>

diff --git a/renderer/patient-home.js b/renderer/patient-home.js
@@ -7,6 +7,7 @@ const dateFormat = require('dateformat');
 const TypeEnum = require('../backend/models/types_enum').TypeEnum;
 
 document.getElementById('query-btn').addEventListener('click', () => {
+    document.getElementById('loading').style.display = "block";
     var type = document.getElementById('picker-type').value;
     var dateFrom = document.getElementById('date-from').value;
     var dateTo = document.getElementById('date-to').value;
@@ -30,6 +31,7 @@ ipcRenderer.on('query', (event, results) => {
         return html;
     }, '')
 
+    document.getElementById('loading').style.display = "none";
     resultsDiv.innerHTML = resultsHtml;
 })
 

diff --git a/renderer/signup.html b/renderer/signup.html
@@ -25,6 +25,7 @@ <h1 class="text-center">Cadastro</h1>
               <button id="confirm-button" class="btn btn-primary">Confirmar</button>
             </div>
           </form>
+          <div id="loading" style="display: none" class="loading loading-lg"></div>
         </div>
       </div>
     </div>

diff --git a/renderer/signup.js b/renderer/signup.js
@@ -17,7 +17,7 @@ ipcRenderer.on('signup-check', (event, response) => {
 
 document.getElementById('confirm-button').addEventListener('click', async(evt) => {
     evt.preventDefault();
-
+    document.getElementById('loading').style.display = "block";
     const form = document.getElementById('signupForm');
     const email = form[0].value;
     const cpf = form[1].value;
-Original file line number
+Diff line change
@@ Expand Up / @@ -40,6 +40,8 @@ <h3 class="text-center">Dados do Documento</h2> @@
                   </div>
                 </div>
+                <div id="loading" style="display: none" class="loading loading-lg"></div>
                 <div class="text-center">
                   <button style="margin-bottom: 10px; margin-top: 5px" id="create-btn" class="btn btn-primary">Confirmar</button>
                 </div>
@@ Expand Down @@