From b909a301888be3cd5a9ed8177653cb3c99a50c2d Mon Sep 17 00:00:00 2001
From: Marcos Vinicius <marcos1vinicius2@hotmail.com>
Date: Tue, 31 Jan 2023 23:08:19 -0300
Subject: [PATCH] updated

---
 application/views/receita.php  |  54 ++++-----
 application/views/receitas.php |   4 +-
 assets/images/message.txt      | 215 ---------------------------------
 3 files changed, 25 insertions(+), 248 deletions(-)
 delete mode 100644 assets/images/message.txt

diff --git a/application/views/receita.php b/application/views/receita.php
index aeef405..0f1b6d1 100644
--- a/application/views/receita.php
+++ b/application/views/receita.php
@@ -119,8 +119,8 @@
                             <tr class="ingredients">
                                 <td class="text-center name-ingredient" id="'.$ingrediente->nome.'">'.ucfirst($ingrediente->name).'</td>
                                 <input style="display: none;" type="text" name="ids[]" value="'.$ingrediente->nome.'">
-                                <td class="text-center"><input class="input-number percent" style="width: 5vh;" max="100" min="0" type="number" value="'.$ingrediente->porcentagem.'"> %</td>
-                                <td class="text-center"><input class="input-number gramas" style="width: 5vh;" name="qntds[]" type="number" value="0"> g</td>
+                                <td class="text-center"><input class="input-number percent" style="width: 5vh;" max="100" min="0" type="number" step="0.01" value="'.$ingrediente->porcentagem.'"> %</td>
+                                <td class="text-center"><input class="input-number gramas" style="width: 5vh;" name="qntds[]" type="number" step="0.01" value="0"> g</td>
                             </tr>
                         ';
 
@@ -138,7 +138,7 @@
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary btn-cancel" data-bs-dismiss="modal">Cancelar</button>
-        <input type="submit" class="btn btn-primary btn-confirm">
+        <input type="submit" class="btn btn-primary btn-confirm" value="Preparar">
         </form>
       </div>
     </div>
@@ -159,37 +159,29 @@
   gramas = document.querySelectorAll('.gramas');
 
 
-  for(let x of gramas){
-    
+  for(let i = 0; i < percents.length; i++){
+  percents[i].addEventListener('change', () => {
     base = 0;
-    x.addEventListener('change', () => {
-      
-      j = 0;
-
-      for(let i of percents){
-        console.log(gramas[0].value);
-        if(i.value == 100){
-          base = gramas[j].value/100;
-          break;
-        }
-        
-        j++;
-        
+    for(let j = 0; j < percents.length; j++){
+      if(percents[j].value == 100){
+        base = gramas[j].value/100;
+        break;
       }
-      
-  
-      j = 0;
-  
-      for(let i of gramas){
-      
-      i.value = percents[j].value*base;
-      j++;
-        
     }
-    
-    });
-    
-  }
+    for(let j = 0; j < gramas.length; j++){
+      gramas[j].value = (percents[j].value * base).toFixed(2);
+    }
+  });
+}
+
+for(let i = 0; i < gramas.length; i++){
+  gramas[i].addEventListener('change', () => {
+    base = gramas[i].value/percents[i].value;
+    for(let j = 0; j < gramas.length; j++){
+      gramas[j].value = (percents[j].value * base).toFixed(2);
+    }
+  });
+}
 
   z = 0;
   for(let i of names){
diff --git a/application/views/receitas.php b/application/views/receitas.php
index 9a55270..1bd4465 100644
--- a/application/views/receitas.php
+++ b/application/views/receitas.php
@@ -36,8 +36,8 @@
                     <div class="card-body">
                     <h5 class="card-title">Ops...</h5>
                     <p class="card-text">Parece que você ainda não adicionou receitas a essa categoria!</p>
-                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addReceita">
-                        Launch demo modal
+                    <button type="button" class="btn btn-primary card-button float-middle" style="width: 30%;" data-bs-toggle="modal" data-bs-target="#addReceita">
+                        Adicionar Receita
                     </button>
                     </div>
                 </div>
diff --git a/assets/images/message.txt b/assets/images/message.txt
deleted file mode 100644
index 5e2534c..0000000
--- a/assets/images/message.txt
+++ /dev/null
@@ -1,215 +0,0 @@
-<style>
-
-    #btnAddReceita{
-        position: fixed;
-        bottom: 5%;
-        left: 5%;
-        color: #4E1784;
-    }
-
-    .modal-header{
-        background-color:  #4E1784;
-        color: white;
-    }
-
-    .input-receita{
-        border-radius: 1vh;
-        border: solid 3px #F5ECFF;
-        width: 50vh;
-        height: 4vh;
-        margin-bottom: 3vh;
-        padding: 2vh;
-    }
-
-    .inpt-receita{
-        border-radius: 1vh;
-        border: solid 3px #F5ECFF;
-        width: 50vh;
-        height: auto;
-        margin-bottom: 3vh;
-        padding: 2vh;
-    }
-
-    .text-receita{
-        font-size: 2vh;
-        color: #4E1784;
-    }
-
-    .btn-confirm{
-        background-color: #4E1784;
-        border: solid 2px #4E1784;
-    }
-    .btn-confirm:hover{
-        background-color: #4E1784;
-        border: solid 2px #4E1784;
-    }
-
-    .btn-cancel{
-        background-color: #F5ECFF;
-        border: solid 2px #4E1784;
-        color: #4E1784;
-    }
-    .btn-cancel:hover{
-        background-color: #F5ECFF;
-        border: solid 2px #4E1784;
-        color: #4E1784;
-    }
-
-     
-    /* Chrome, Safari, Edge, Opera */
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    /* Firefox */
-    input[type=number] {
-      -moz-appearance: textfield;
-    }
-</style>
-
-<button class="btn">
-    
-    <i class="bi bi-plus-circle-fill fs-1" data-bs-toggle="modal" data-bs-target="#addReceita" id="btnAddReceita"></i>
-    
-</button>
-
-<div class="modal fade" id="addReceita" tabindex="-1" aria-labelledby="addReceita" aria-hidden="true">
-  <div class="modal-dialog modal-xl">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="addReceitaLabel">Adicionar Receita</h1>
-      </div>
-      <div class="modal-body">  
-
-        <form id="adicionar_receita" action="/p/receitas/adicionar_receita" method="post">
-  <!-- Recipe Name Input -->
-
-            <div class="row">
-                <div class="col-6">
-                    
-                <div class="form-group">
-                    <label for="recipe_name" class="text-receita">Nome da Receita</label>
-                    <input type="text" class="form-control input-receita" id="recipe_name" name="nome_receita" required>
-                </div>
-
-                <div class="form-group">
-                    <label for="recipe_description" class="text-receita">Modo de Preparo</label>
-                    <textarea class="form-control inpt-receita" id="recipe_description" name="modo_preparo" rows="4" required></textarea>
-                </div>
-
-                <div class="form-group">
-                    <label for="recipe_description" class="text-receita">Rendimento</label>
-                    <input type="number" class="form-control input-receita" id="recipe_description" name="rendimento_receita" required>
-                </div>
-
-                <div class="form-group">
-                    <label for="recipe_description" class="text-receita">Imagem</label>
-                    <input class="form-control input-receita" id="recipe_description" name="imagem_receita" required>
-                </div>
-            
-                <div class="form-group">
-                    <label for="recipe_description" class="text-receita">Categoria</label>
-                    <select class="form-select inpt-receita" name="categoria_receita" aria-label="Default select example">
-                        <option value="default" class="text-receita">Selecione uma categoria</option>
-                        <?php
-                            foreach ($categorias as $categoria) {
-                                echo '
-                                    <option value="'.$categoria->id_categoria.'">'.ucfirst($categoria->nome_categoria).'</option>
-                                ';
-                            
-                            }
-                        ?>
-                    </select>
-                </div>
-
-                </div>
-                <div class="col-6" style="">
-                    <div class="form-group">
-                    <label for="ingredients"  class="text-receita">Ingredientes</label>
-                    <div id="ingredients-container">
-                            
-                    </div>
-                    <button type="button" class="btn btn-success mt-3 btn-confirm" id="add-ingredient-btn">Adicionar Ingrediente</button>
-            </div>
-
-                </div>
-            </div>
-
-        </form>
-
-        <!--  -->
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary btn-cancel" data-bs-dismiss="modal">Cancelar</button>
-        <button type="button" id="addReceita2" class="btn btn-primary btn-confirm">Adicionar Receita</button>
-      </div>
-    </div>
-  </div>
-</div>
-
-<script type="text/javascript">
-
-
-    $(document).ready(function() {
-
-    
-        
-    let j = 0;
-
-        $.ajax({
-        url: "<?php echo base_url('receitas/get_ingredientes'); ?>",
-        type: "GET",
-        success: function(data) {
-            ingredients = JSON.parse(data);
-            console.log(ingredients);
-        }
-        });
-    
-    $('#add-ingredient-btn').click(function() {
-
-        var input = document.createElement("select");
-
-        input.id = "default";
-        var option = document.createElement("option");
-        option.value = 'default';
-        option.text = 'Selecione um ingrediente';
-        input.appendChild(option);
-            
-
-
-        for (let i of ingredients) {
-            input.id = "ingrediente"+j;
-            input.setAttribute('name', 'ingredientes[]')
-            input.setAttribute('class','inpt-receita')
-            var option = document.createElement("option");
-            option.value = i.id_produto;
-            option.text = i.descricao_produto_estoque;
-            input.appendChild(option);
-            
-        }
-
-        var value = document.createElement("input");
-        value.setAttribute('name', 'porcentagens[]')
-        value.setAttribute('class','input-receita')
-        value.setAttribute('placeholder','Porcentagem')
-        value.id = "value"+j;
-
-        j++;
-        
-        $('#ingredients-container').append(input);
-        $('#ingredients-container').append(value);
-    });
-    });
-
-    document.getElementById('addReceita2').addEventListener('click', () => {
-        document.getElementById("adicionar_receita").submit();
-    })
-
-</script>
-
-
-</body>
-</html>
-