Skip to content

Commit

Permalink
test - update svg path method
Browse files Browse the repository at this point in the history
  • Loading branch information
@TetiZ
TetiZ committed Jan 30, 2024
1 parent a9cf0fd commit 762d39c
Showing 1 changed file with 16 additions and 63 deletions.
79 changes: 16 additions & 63 deletions src/js/exersises.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,27 +96,18 @@ exerciseList.addEventListener('click', async event => {
<p class="exercise-rating-number">${Math.round(
result.rating
)}</p>
<svg class="exercise-rating-icon" width="18" height="18">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-star"></use>
</svg>
</span>
<a class="exercise-part-link" href="../partials/pop-up-exersise-card.html">
<button class="exercise-part-button" id='${currentId}'>Start
<svg class="exercise-btn-icon" width="14" height="14">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-arrow-right"></use>
</svg>
</button>
</a>
</div>
<!-- <svg class="exercise-btn-icon">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-arrow-right"></use>
</svg> -->
<span class="exercise-part-name">
<svg class="exercise-part-icon" width="24" height="24">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-running-man"></use>
</svg>
<p class="exercise-name-text">${
result.name.substring(0, 24) + '...'
}</p>
Expand Down Expand Up @@ -188,23 +179,17 @@ pageCounter.addEventListener('click', async event => {
<p class="exercise-rating-number">${Math.round(
result.rating
)}</p>
<svg class="exercise-rating-icon" width="18" height="18">
<use href="./energy_flow/assets/icons-de67b048.svg#icon-star"></use>
</svg>
</span>
<a class="exercise-part-link" href="../partials/pop-up-exersise-card.html">
<button class="exercise-part-button" id='${paginationId}'>Start
<svg class="exercise-btn-icon" width="14" height="14">
<use href="./energy_flow/assets/icons-de67b048.svg#icon-arrow-right"></use>
</svg>
</button>
</a>
</div>
<span class="exercise-part-name">
<svg class="exercise-part-icon" width="24" height="24">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-running-man"></use>
</svg>
<p class="exercise-name-text">${
result.name.substring(0, 24) + '...'
}</p>
Expand Down Expand Up @@ -316,26 +301,17 @@ exerciseForm.addEventListener('submit', async function (event) {
<p class="exercise-rating-number">${Math.round(
result.rating
)}</p>
<svg class="exercise-rating-icon" width="18" height="18">
<use href="./energy_flow/assets/icons-de67b048.svg#icon-star"></use>
</svg>
</span>
<a class="exercise-part-link" href="../partials/pop-up-exersise-card.html">
<button class="exercise-part-button" id='${inputId}'>Start
<svg class="exercise-btn-icon" width="14" height="14">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-arrow-right"></use>
</svg>
</button>
</a>
</div>
<!-- <svg class="exercise-btn-icon">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-arrow-right"></use>
</svg> -->
<span class="exercise-part-name">
<svg class="exercise-part-icon" width="24" height="24">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-running-man"></use>
</svg>
<p class="exercise-name-text">${
result.name.substring(0, 24) + '...'
}</p>
Expand Down Expand Up @@ -409,23 +385,17 @@ pageCounter.addEventListener('click', async event => {
<p class="exercise-rating-number">${Math.round(
result.rating
)}</p>
<svg class="exercise-rating-icon" width="18" height="18">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-star"></use>
</svg>
</span>
<a class="exercise-part-link" href="./partials/pop-up-exersise-card.html">
<button class="exercise-part-button" id='${inputPagination}'>Start
<svg class="exercise-btn-icon" width="14" height="14">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-arrow-right"></use>
</svg>
</button>
</a>
</div>
<span class="exercise-part-name">
<svg class="exercise-part-icon" width="24" height="24">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-running-man"></use>
</svg>
<p class="exercise-name-text">${
result.name.substring(0, 24) + '...'
}</p>
Expand Down Expand Up @@ -462,14 +432,7 @@ function popUp(data) {
<div class="pop-backdrop is-open">
<div class="pop-ex-modal">
<button class="pop-ex-close-btn">
<svg
class="pop-ex-close-btn-icon"
width="24"
height="24"
aria-label="close icon"
>
<use href="/energy_flow/assets/icons-de67b048.svg#icon-close"></use>
</svg>
</button>
<div class="pop-exercises-img">
<img
Expand All @@ -487,13 +450,7 @@ function popUp(data) {
<ul class="pop-ex-stars-list">
<li><p class="pop-ex-current-rating">${data.rating}</p></li>
<li>
<svg
class="pop-ex-rate-icon"
width="18"
height="18"
aria-label="ratting">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-star"></use>
</svg>
</li>
</ul>
Expand Down Expand Up @@ -530,9 +487,7 @@ function popUp(data) {
<div class="pop-btns-container">
<button class="pop-add-fav">
Add to favorites<svg class="heart-icon" width="18" height="18">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-heart"></use>
</svg>
Add to favorites
</button>
<button class="pop-rating-btn">Give a rating</button>
Expand Down Expand Up @@ -651,9 +606,7 @@ function renderCardsFromStorage(e) {
<div class="exercise-head-container">
<span class="exercise-badge">WORKOUT</span>
<button class="exercise-trash-button">
<svg class="exercise-trash-icon" width="16" height="16">
<use href="/energy_flow/assets/icons-de67b048.svg#icon-trash"></use>
</svg>
</button>
<a
class="exercise-part-link"
Expand Down

0 comments on commit 762d39c

Please sign in to comment.