tag functionality in form, review card changes

This commit is contained in:
Gavyn Ezell
2022-11-08 21:51:03 -08:00
parent d8ed4d24a8
commit 3e4ae68e2e
5 changed files with 109 additions and 49 deletions

View File

@@ -12,8 +12,8 @@
<!-- Main Stylesheets & Scripts -->
<link rel="stylesheet" href="assets/styles/main.css" />
<script src="assets/scripts/main.js" type="module"></script>
<link rel="stylesheet" href="/source/assets/styles/main.css" />
<script src="/source/assets/scripts/main.js" type="module"></script>
</head>
<body>
@@ -23,7 +23,7 @@
<form id="new-food-entry">
<fieldset>
<legend>Image:</legend>
<legend>Photo:</legend>
<label for="image-src">
Source:
<input type="text" id="imgSrc" name="imgSrc" required>
@@ -36,14 +36,12 @@
<fieldset>
<legend> Meal: </legend>
/* TODO: change parameters */
<label for="Meal: "> Meal:
<input type="text" id="titleTxt" name="titleTxt" required>
<label for="Meal: ">Meal:
<input type="text" id="mealName" name="mealName" required>
</label>
/* navigate to review page */
<label for="title-lnk">Link:
<input type="url" id="titleLnk" name="titleLnk" required>
<label for="review">Description:
<br>
<textarea id="review"></textarea>
</label>
</fieldset>
<fieldset>
@@ -74,18 +72,18 @@
Restaurant:
<input type="text" id="restaurant" name="restaurant" required>
</label>
<label for="comments">
Comments:
<input type="text" id="comments" name="comments" required>
</label>
<label for="comments">
<label for="tags">
Tags:
<input type="text" id="comments" name="comments" required>
<input type="text" id="tags" name="tags" required>
<div id="tag-container">
</div>
<button type="button" id="tagAdd">Add Tag</button>
</label>
</fieldset>
<button type="submit">Add Review</button>
<button type="button" class="danger">Clear Local Storage</button>
<button type="button" class="danger">Clear Review Journal</button>
</form>
</body>
</html>