moved all the icons to images and fixed path issues associated with this move

This commit is contained in:
rheabhutada02 2022-11-21 16:12:17 -08:00
parent 4073d2cc4b
commit 5f1a246e6a
18 changed files with 16 additions and 16 deletions

View File

@ -8,7 +8,7 @@
<title>Food Journal</title> <title>Food Journal</title>
<!--Add Favicon--> <!--Add Favicon-->
<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico"> <link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
<!-- Recipe Card Custom Element --> <!-- Recipe Card Custom Element -->
<script src="assets/scripts/ReviewCard.js" type="module"></script> <script src="assets/scripts/ReviewCard.js" type="module"></script>
@ -24,9 +24,9 @@
<header> <header>
<div class="top-bar"> <div class="top-bar">
<img src ="./assets/images/icons/Logo.png" alt="logo" /> <img src ="./assets/images/Logo.png" alt="logo" />
<h1> Food Journal </h1> <h1> Food Journal </h1>
<img src ="./assets/images/icons/Logo.png" alt="logo" /> <img src ="./assets/images/Logo.png" alt="logo" />
</div> </div>
</header> </header>

View File

@ -7,7 +7,7 @@
<title>Food Journal</title> <title>Food Journal</title>
<!--Add Favicon--> <!--Add Favicon-->
<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico"> <link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
<!-- Recipe Card Custom Element --> <!-- Recipe Card Custom Element -->
<script src="assets/scripts/ReviewCard.js" type="module"></script> <script src="assets/scripts/ReviewCard.js" type="module"></script>
@ -22,9 +22,9 @@
<body> <body>
<header> <header>
<div class="top-bar"> <div class="top-bar">
<img src ="./assets/images/icons/Logo.png" alt="logo" /> <img src ="./assets/images/Logo.png" alt="logo" />
<h1> Food Journal </h1> <h1> Food Journal </h1>
<img src ="./assets/images/icons/Logo.png" alt="logo" /> <img src ="./assets/images/Logo.png" alt="logo" />
</div> </div>
</header> </header>

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 311 KiB

After

Width:  |  Height:  |  Size: 311 KiB

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

View File

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 253 KiB

View File

@ -155,7 +155,7 @@ class ReviewCard extends HTMLElement {
mealImg.setAttribute("alt","Meal Photo Corrupted"); mealImg.setAttribute("alt","Meal Photo Corrupted");
mealImg.setAttribute("src",data["mealImg"]); mealImg.setAttribute("src",data["mealImg"]);
mealImg.addEventListener("error", function(e) { mealImg.addEventListener("error", function(e) {
mealImg.setAttribute("src", "./assets/images/icons/plate_with_cutlery.png"); mealImg.setAttribute("src", "./assets/images/plate_with_cutlery.png");
e.onerror = null; e.onerror = null;
}); });
@ -182,7 +182,7 @@ class ReviewCard extends HTMLElement {
ratingDiv.setAttribute("class", "rating"); ratingDiv.setAttribute("class", "rating");
let starsImg = document.createElement("img"); let starsImg = document.createElement("img");
starsImg.setAttribute("id", "a-rating"); starsImg.setAttribute("id", "a-rating");
starsImg.setAttribute("src", "./assets/images/icons/"+data["rating"]+"-star.svg"); starsImg.setAttribute("src", "./assets/images/"+data["rating"]+"-star.svg");
starsImg.setAttribute("alt", data["rating"] +" stars"); starsImg.setAttribute("alt", data["rating"] +" stars");
starsImg.setAttribute("num", data["rating"]); starsImg.setAttribute("num", data["rating"]);
ratingDiv.append(starsImg); ratingDiv.append(starsImg);

View File

@ -18,7 +18,7 @@ function setupInfo(){
let mealImg = document.getElementById("d-mealImg"); let mealImg = document.getElementById("d-mealImg");
mealImg.setAttribute("src",currReview["mealImg"]); mealImg.setAttribute("src",currReview["mealImg"]);
mealImg.addEventListener("error", function(e) { mealImg.addEventListener("error", function(e) {
mealImg.setAttribute("src", "./assets/images/icons/plate_with_cutlery.png"); mealImg.setAttribute("src", "./assets/images/plate_with_cutlery.png");
e.onerror = null; e.onerror = null;
}); });
@ -36,7 +36,7 @@ function setupInfo(){
//rating //rating
let starsImg = document.getElementById("d-rating"); let starsImg = document.getElementById("d-rating");
starsImg.setAttribute("src", "./assets/images/icons/"+currReview["rating"]+"-star.svg"); starsImg.setAttribute("src", "./assets/images/"+currReview["rating"]+"-star.svg");
starsImg.setAttribute("alt", currReview["rating"] +" stars"); starsImg.setAttribute("alt", currReview["rating"] +" stars");
//tags //tags
@ -167,7 +167,7 @@ function setupUpdate(){
tagContainer.removeChild(tags[i]); tagContainer.removeChild(tags[i]);
} }
newData["reviewID"] = currID; newData["revietawID"] = currID;
updateReviewToStorage(currID, newData); updateReviewToStorage(currID, newData);

View File

@ -8,7 +8,7 @@
<title>Food Journal</title> <title>Food Journal</title>
<!--Add Favicon--> <!--Add Favicon-->
<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico"> <link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
<!-- Recipe Card Custom Element --> <!-- Recipe Card Custom Element -->
<script src="assets/scripts/ReviewCard.js" type="module"></script> <script src="assets/scripts/ReviewCard.js" type="module"></script>
@ -22,9 +22,9 @@
<body> <body>
<header> <header>
<div class="top-bar"> <div class="top-bar">
<img src ="./assets/images/icons/Logo.png" alt="logo" /> <img src ="./assets/images/Logo.png" alt="logo" />
<h1> Food Journal </h1> <h1> Food Journal </h1>
<img src ="./assets/images/icons/Logo.png" alt="logo" /> <img src ="./assets/images/Logo.png" alt="logo" />
</div> </div>
</header> </header>
<main> <main>
@ -41,9 +41,9 @@
</form> </form>
</div> </div>
<div class="center-display"> <div class="center-display">
<img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/> <img src ="./assets/images/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/>
<h2 id="recent-reviews-text"> Recent Reviews </h2> <h2 id="recent-reviews-text"> Recent Reviews </h2>
<img src ="./assets/images/icons/Grouppink.png" style="opacity:0;"/> <img src ="./assets/images/Grouppink.png" style="opacity:0;"/>
</div> </div>