Tentativa de melhorar interface

main.js

@@ -18,10 +18,10 @@ function replaceAll(str, de, para){
 function cadastraEmpresa(){
   ListaEmpresas.push(
     new Empresa(
-      document.getElementById("nomeEmpresa").value,
-      document.getElementById("cnpj").value,
-      document.getElementById("telefone").value,
-      document.getElementById("responsavel").value
+      document.getElementById("dadosEmpresa_nome").value,
+      document.getElementById("dadosEmpresa_cnpj").value,
+      document.getElementById("dadosEmpresa_telefone").value,
+      document.getElementById("dadosEmpresa_responsavel").value
     )
   );
   atualizaEmpresas();
@@ -144,6 +144,8 @@ function alertCardapioEmpresa(e){
   $("#cardapioEmpresa_id").val(e);
   document.getElementById("tcardapio").innerHTML = "";
   colunas = "";
+  downs = "";
+  console.log("Dados " + dados)
   if(dados.getTiposCardapios())
    {
        $("#cardapioEmpresa_precoInd").val(dados.getTiposCardapios().getPrecoRef());
@@ -166,9 +168,20 @@ function alertCardapioEmpresa(e){
 
     	 }
   	  }
+      refeicoesEscolhidas = dados.getNecessidadesNutr().getRefeicoes()
+      console.log("Dados " + dados)
+      console.log("Refeicoes" + refeicoesEscolhidas);
+      downs += "<form> <select id="+refeicoesEscolhidas+">";
+      for(var element in refeicoesEscolhidas)
+      {
+        downs += "<option value="+replaceAll( refeicoesEscolhidas[element], " ","")+">"+ refeicoesEscolhidas[element] +"</option>"
+        console.log(refeicoesEscolhidas[element]);
+      }
+      downs+= "</select> </form>";
 
   document.getElementById("tcardapio").innerHTML += colunas;
   document.getElementById("tnovo").innerHTML = "";
+  document.getElementById("dropDown").innerHTML += downs;
 }
 
 function alertConjuntoEmpresa(empresa, cardapio){
@@ -209,14 +222,18 @@ function alertConjuntoEmpresa(empresa, cardapio){
 }
 
 $("#adicionaEmpresa").click(function(){
+   $("#cadastraEmpresa").dialog();
 
 
-}
+});
 
 $("#adicionaCardapioEmpresa").click(function(){
     backupValues = [];
 
     numFaixas = $("#tnovo").children().length;
+    var e = document.getElementById("refeicoesEscolhidas");
+    var strUser = e.options[e.selectedIndex].value;
+    console.log(strUser)
     for (var i = 0; i < numFaixas; i++)
     {
         valor = [];
@@ -304,6 +321,12 @@ $("#editaDadosEmpresa").click( function(){
 	$(".ui-button").click();
 });
 
+$("#cadastraDadosEmpresa").click( function(){
+  cadastraEmpresa();
+	atualizaEmpresas();
+	$(".ui-button").click();
+});
+
 
 $("#editaConjuntoEmpresa").click( function(){
   dados = ListaEmpresas[ $("#dadosEmpresa_id").val() ];

prototipo.html

@@ -48,7 +48,17 @@
   </table>
 </div>
 
-<div id="publicoEmpresa" title="Público Alvo" style="display:none">
+<div id="cadastraEmpresa" title="Dados da empresa" style="display:none">
+  <table>
+    <tr><td><input type=text id="dadosEmpresa_nome"></td></tr>
+    <tr><td><input type=text id="dadosEmpresa_cnpj"></td></tr>
+    <tr><td><input type=text id="dadosEmpresa_telefone"></td></tr>
+    <tr><td><input type=text id="dadosEmpresa_responsavel"></td></tr>
+    <tr><td><button id="cadastraDadosEmpresa">Salvar</button> <button class="cancelaEditaEmpresa">Cancelar</button></td> </tr>
+  </table>
+</div>
+
+<div id="publicoEmpresa" title="Publico Alvo" style="display:none">
   <table>
     <input type=hidden id="publicoEmpresa_id">
     <tr><td id="checkBoxesTabelas"></td></tr>
@@ -57,7 +67,7 @@
   </table>
 </div>
 
-<div id="conjuntoEmpresa" title="Cardápio empresa" style="display:none">
+<div id="conjuntoEmpresa" title="Cardapio empresa" style="display:none">
   <table>
     <input type=hidden id="dadosEmpresa_id">
     <input type=hidden id="conjuntoEmpresa_id">
@@ -73,25 +83,19 @@
     <input type=hidden id="cardapioEmpresa_id">
     <tr><td>Preço refeição: </td><td><input type=text id="cardapioEmpresa_precoInd"></td></tr>
     <tr><td>Preço total: </td><td><input type=text id="cardapioEmpresa_precoTotal"></td></tr>
-    <div class="dropdown">
-      <button onclick="myFunction()" class="dropbtn">Dropdown</button>
-      <div id="myDropdown" class="dropdown-content">
-      <a href="#home">Home</a>
-      <a href="#about">About</a>
-      <a href="#contact">Contact</a>
-    </div>
-</div>
+    <tr>
+      <td>
+      <tbody id ="dropDown">
+      </tbody>
+      </td>
+    </tr>
     <tr><td colspan=2><center><button id="adicionaCardapioEmpresa">Adicionar Cardápio</button> </center></td> </tr>
-    <table>
-
-      <thead>
   		<tr>
   			<td> Nome </td>
-        <td> Média </td>
+        <td> Media </td>
   			<td> Ingredientes</td>
-  			<td> Ações </td>
+  			<td> Acoes </td>
   		</tr>
-  	</thead>
       <tbody id ="tcardapio">
 
       </tbody>
@@ -103,14 +107,20 @@
   </table>
 </div>
 
-
- <tr><td><button id="adicionaEmpresa" >Adicionar Empresa</button></td></tr>
 <thead>
+  <table>
+ <tr>
+   <td>
+   <button id="adicionaEmpresa" >Adicionar Empresa</button>
+ </td>
+</tr>
+</table>
+<table>
 		<tr>
 			<td> Dados da empresa </td>
 			<td> Publico alvo/clientes</td>
-			<td> Características do cardápio</td>
-			<td>Ações</td>
+			<td> Características do cardpio</td>
+			<td>Acoes</td>
 		</tr>
 	</thead>
     <tbody id ="tbody">