editRecipe.ejs 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <div id="editRecipe">
  2. <div class="sidebarIconButtons">
  3. <button class="iconButton" onclick="controller.closeSidebar()">
  4. <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  5. <line x1="5" y1="12" x2="19" y2="12"></line>
  6. <polyline points="12 5 19 12 12 19"></polyline>
  7. </svg>
  8. </button>
  9. </div>
  10. <label>NAME:
  11. <input id="editRecipeName" type="text">
  12. </label>
  13. <h1 id="editRecipeNoName"></h1>
  14. <h3>INGREDIENTS</h3>
  15. <div id="editRecipeIngList"></div>
  16. <button id="addRecIng" class="iconButton">
  17. <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  18. <circle cx="12" cy="12" r="10"></circle>
  19. <line x1="12" y1="8" x2="12" y2="16"></line>
  20. <line x1="8" y1="12" x2="16" y2="12"></line>
  21. </svg>
  22. </button>
  23. <div class="lineBorder"></div>
  24. <h3>PRICE</h3>
  25. <input id="editRecipePrice" type="number" min="0" step="0.01">
  26. <div class="lineBorder"></div>
  27. <div class="buttonBox">
  28. <button id="editRecipeSubmit" class="button">UPDATE</button>
  29. <button id="editRecipeCancel" class="button">CANCEL</button>
  30. </div>
  31. <template id="editRecipeIng">
  32. <div class="editRecipeIng">
  33. <button class="iconButton">
  34. <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  35. <polyline points="3 6 5 6 21 6"></polyline>
  36. <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
  37. </svg>
  38. </button>
  39. <p></p>
  40. <select></select>
  41. <input type="number" min="0" step="0.01">
  42. </div>
  43. </template>
  44. </div>