diff --git a/JS/app.js b/JS/app.js index 8b39dbd..1034ffd 100644 --- a/JS/app.js +++ b/JS/app.js @@ -70,11 +70,12 @@ ICARUSs.forEach((ICARUS) => { }); }); const catBtns = document.querySelectorAll(".category-item"); +let categoryItems; const catBtnsArray = Array.from(catBtns); catBtnsArray.map((catBtn) => { catBtn.addEventListener("click", () => { console.log("=>", catBtn.textContent); - const categoryItems = itemClasses.filter((itemClass) => { + categoryItems = itemClasses.filter((itemClass) => { if (catBtn.classList.contains("selected-catbtn")) { return itemClass.category; } @@ -97,4 +98,68 @@ catBtnsArray.map((catBtn) => { } }); }); +const sortFunction = (sortType) => { + const itemArray = categoryItems.map((card) => { + card.title; + switch (sortType) { + case "name": + return card.title; + case "price": + return card.price; + case "rating": + return card.rating.rate; + default: + return null; + } + }); + let sortedCardsItem; + if (sortType === "name") { + sortedCardsItem = itemArray.sort(); + } + else { + sortedCardsItem = itemArray.sort((a, b) => { + return a - b; + }); + } + console.log("sortedCardsItem >>", sortedCardsItem); + const sortedItems = sortedCardsItem.map((sortedCardItem) => { + return categoryItems.filter((itemClass) => { + switch (sortType) { + case "name": + return itemClass.title === sortedCardItem; + case "price": + return itemClass.price === sortedCardItem; + case "rating": + return itemClass.rating.rate === sortedCardItem; + default: + return null; + } + }); + }); + const sortedItemOutputs = sortedItems.map((sortedCard) => sortedCard[0].createCard()); + itemSection.innerHTML = ""; + sortedItemOutputs.map((sortedItemOutput) => (itemSection.innerHTML += sortedItemOutput)); +}; +const sortBtns = document.querySelectorAll(".sort-btn"); +const sortBtnsArray = Array.from(sortBtns); +sortBtnsArray.map((sortBtn, index) => { + sortBtn.addEventListener("click", () => { + switch (index) { + case 0: + console.log("=> Name"); + sortFunction("name"); + break; + case 1: + console.log("=> Price"); + sortFunction("price"); + break; + case 2: + console.log("=> Rating"); + sortFunction("rating"); + break; + default: + break; + } + }); +}); //# sourceMappingURL=app.js.map \ No newline at end of file diff --git a/JS/app.js.map b/JS/app.js.map index 1a571dd..2f30dd3 100644 --- a/JS/app.js.map +++ b/JS/app.js.map @@ -1 +1 @@ -{"version":3,"file":"app.js","sourceRoot":"","sources":["../TS/app.ts"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"app.js","sourceRoot":"","sources":["../TS/app.ts"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/TS/app.ts b/TS/app.ts index 6be7d6f..385c1f8 100644 --- a/TS/app.ts +++ b/TS/app.ts @@ -37,6 +37,8 @@ interface Iitem { rate: number; count: number; }; + + createCard(): string; } class Items implements Iitem { @@ -120,12 +122,14 @@ ICARUSs.forEach((ICARUS) => { const catBtns = document.querySelectorAll(".category-item"); +let categoryItems: Items[]; + const catBtnsArray = Array.from(catBtns); catBtnsArray.map((catBtn) => { catBtn.addEventListener("click", () => { console.log("=>", catBtn.textContent); - const categoryItems = itemClasses.filter((itemClass) => { + categoryItems = itemClasses.filter((itemClass) => { if (catBtn.classList.contains("selected-catbtn")) { return itemClass.category; } @@ -151,3 +155,113 @@ catBtnsArray.map((catBtn) => { } }); }); + +const sortFunction = (sortType: "name" | "price" | "rating") => { + const itemArray = categoryItems.map((card) => { + card.title; + switch (sortType) { + case "name": + return card.title; + case "price": + return card.price; + case "rating": + return card.rating.rate; + default: + return null; + } + }); + + let sortedCardsItem: string[] | number[]; + + if (sortType === "name") { + sortedCardsItem = (itemArray as string[]).sort(); + } else { + sortedCardsItem = (itemArray as number[]).sort( + (a: number, b: number): number => { + return a - b; + } + ); + } + console.log("sortedCardsItem >>", sortedCardsItem); + + const sortedItems = sortedCardsItem.map((sortedCardItem) => { + return categoryItems.filter((itemClass) => { + switch (sortType) { + case "name": + return itemClass.title === sortedCardItem; + case "price": + return itemClass.price === sortedCardItem; + case "rating": + return itemClass.rating.rate === sortedCardItem; + default: + return null; + } + }); + }); + // console.log("sortedItems >>", sortedItems); + + const sortedItemOutputs = sortedItems.map((sortedCard) => + sortedCard[0].createCard() + ); + // console.log("sortedItemOutputs >>", sortedItemOutputs); + + itemSection.innerHTML = ""; + sortedItemOutputs.map( + (sortedItemOutput) => (itemSection.innerHTML += sortedItemOutput) + ); +}; + +const sortBtns = document.querySelectorAll( + ".sort-btn" +) as NodeListOf; + +const sortBtnsArray = Array.from(sortBtns); + +sortBtnsArray.map((sortBtn, index) => { + sortBtn.addEventListener("click", () => { + switch (index) { + case 0: + console.log("=> Name"); + + // const cardsName = itemClasses.map((card) => card.title); + // // console.log("cardsName >>", cardsName); + + // const sortedCardsName = cardsName.sort(); + // // console.log("sortedCardsName >>", sortedCardsName); + + // const sortedNames = sortedCardsName.map((sortedCardName) => { + // return itemClasses.filter( + // (itemClass) => itemClass.title === sortedCardName + // ); + // }); + // // console.log("sortedNames >>", sortedNames); + + // const sortedNameOutputs = sortedNames.map((sortedCard) => + // sortedCard[0].createCard() + // ); + // // console.log("sortedNameOutputs >>", sortedNameOutputs); + + // itemSection.innerHTML = ""; + // sortedNameOutputs.map( + // (sortedNameOutput) => + // (itemSection.innerHTML += sortedNameOutput) + // ); + + sortFunction("name"); + + break; + case 1: + console.log("=> Price"); + sortFunction("price"); + + break; + case 2: + console.log("=> Rating"); + sortFunction("rating"); + + break; + default: + break; + } + }); +});