diff --git a/build/main.js b/build/main.js index eba3c0bd10b11adefb5828b62a174dff1013d52e..500a9cf1028714916dfba79954bcf79e82241b07 100644 --- a/build/main.js +++ b/build/main.js @@ -19,17 +19,19 @@ var data = [{ price_large: 8, image: "https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300" }]; -var sortedList = data.sort(unCroissantSort); +var result = data.filter(function (datum) { + return datum.base === "tomate"; +}); var html = ""; -sortedList.forEach(function (datum) { +result.forEach(function (datum) { html += "<article class=\"pizzaThumbnail\">\n <a href=\"".concat(datum.image, "\">\n <img src=\"").concat(datum.image, "\" />\n <section>\n <h4>").concat(datum.name, "</h4>\n <ul>\n <li> Prix petit format : ").concat(datum.price_small, " \u20AC</li>\n <li> Prix grand format : ").concat(datum.price_large, " \u20AC</li>\n </ul>\n </section>\n </a>\n</article>"); }); document.querySelector(".pageContent").innerHTML = html; -/**function alphabetSort(datum1, datum2) { - if (datum1.name < datum2.name) return -1; - else if (datum1.name > datum2.name) return 1; + +function alphabetSort(datum1, datum2) { + if (datum1.name < datum2.name) return -1;else if (datum1.name > datum2.name) return 1; return 0; -}**/ +} function croissantSort(a, b) { return a.price_small - b.price_small; diff --git a/build/main.js.map b/build/main.js.map index c0aa44821c795346a3f0733906e56768060eca09..11241080a6bd86388ff90e436819e38fdb4a28db 100644 --- a/build/main.js.map +++ b/build/main.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/main.js"],"names":["data","name","base","price_small","price_large","image","sortedList","sort","unCroissantSort","html","forEach","datum","document","querySelector","innerHTML","croissantSort","a","b","substract"],"mappings":";;AAAA,IAAMA,IAAI,GAAG,CACX;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,WAAW,EAAE,GAHf;AAIEC,EAAAA,WAAW,EAAE,IAJf;AAKEC,EAAAA,KAAK,EACH;AANJ,CADW,EASX;AACEJ,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,WAAW,EAAE,GAHf;AAIEC,EAAAA,WAAW,EAAE,IAJf;AAKEC,EAAAA,KAAK,EACH;AANJ,CATW,EAiBX;AACEJ,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,IAAI,EAAE,OAFR;AAGEC,EAAAA,WAAW,EAAE,GAHf;AAIEC,EAAAA,WAAW,EAAE,CAJf;AAKEC,EAAAA,KAAK,EACH;AANJ,CAjBW,CAAb;AA0BA,IAAMC,UAAU,GAAGN,IAAI,CAACO,IAAL,CAAUC,eAAV,CAAnB;AACA,IAAIC,IAAI,GAAG,EAAX;AACAH,UAAU,CAACI,OAAX,CAAmB,UAACC,KAAD,EAAW;AAC5BF,EAAAA,IAAI,8DACOE,KAAK,CAACN,KADb,mCAEYM,KAAK,CAACN,KAFlB,mDAIUM,KAAK,CAACV,IAJhB,2EAMmCU,KAAK,CAACR,WANzC,kEAOmCQ,KAAK,CAACP,WAPzC,wEAAJ;AAYD,CAbD;AAcAQ,QAAQ,CAACC,aAAT,CAAuB,cAAvB,EAAuCC,SAAvC,GAAmDL,IAAnD;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASM,aAAT,CAAuBC,CAAvB,EAA0BC,CAA1B,EAA6B;AAC3B,SAAOD,CAAC,CAACb,WAAF,GAAgBc,CAAC,CAACd,WAAzB;AACD;;AACD,SAASK,eAAT,CAAyBQ,CAAzB,EAA4BC,CAA5B,EAA+B;AAC7B,MAAMC,SAAS,GAAGD,CAAC,CAACd,WAAF,GAAgBa,CAAC,CAACb,WAApC;AACA,SAAOe,SAAS,IAAI,CAAb,GAAiBA,SAAjB,GAA6BH,aAAa,CAACC,CAAD,EAAIC,CAAJ,CAAjD;AACD","sourcesContent":["const data = [\r\n {\r\n name: \"Regina\",\r\n base: \"tomate\",\r\n price_small: 6.5,\r\n price_large: 9.95,\r\n image:\r\n \"https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300\",\r\n },\r\n {\r\n name: \"Napolitaine\",\r\n base: \"tomate\",\r\n price_small: 6.5,\r\n price_large: 8.95,\r\n image:\r\n \"https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300\",\r\n },\r\n {\r\n name: \"Spicy\",\r\n base: \"crème\",\r\n price_small: 5.5,\r\n price_large: 8,\r\n image:\r\n \"https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300\",\r\n },\r\n];\r\nconst sortedList = data.sort(unCroissantSort);\r\nlet html = \"\";\r\nsortedList.forEach((datum) => {\r\n html += `<article class=\"pizzaThumbnail\">\r\n <a href=\"${datum.image}\">\r\n <img src=\"${datum.image}\" />\r\n <section>\r\n <h4>${datum.name}</h4>\r\n <ul>\r\n <li> Prix petit format : ${datum.price_small} €</li>\r\n <li> Prix grand format : ${datum.price_large} €</li>\r\n </ul>\r\n </section>\r\n </a>\r\n</article>`;\r\n});\r\ndocument.querySelector(\".pageContent\").innerHTML = html;\r\n\r\n/**function alphabetSort(datum1, datum2) {\r\n if (datum1.name < datum2.name) return -1;\r\n else if (datum1.name > datum2.name) return 1;\r\n return 0;\r\n}**/\r\nfunction croissantSort(a, b) {\r\n return a.price_small - b.price_small;\r\n}\r\nfunction unCroissantSort(a, b) {\r\n const substract = b.price_small - a.price_small;\r\n return substract != 0 ? substract : croissantSort(a, b);\r\n}\r\n"],"file":"main.js"} \ No newline at end of file +{"version":3,"sources":["../src/main.js"],"names":["data","name","base","price_small","price_large","image","result","filter","datum","html","forEach","document","querySelector","innerHTML","alphabetSort","datum1","datum2","croissantSort","a","b","unCroissantSort","substract"],"mappings":";;AAAA,IAAMA,IAAI,GAAG,CACX;AACEC,EAAAA,IAAI,EAAE,QADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,WAAW,EAAE,GAHf;AAIEC,EAAAA,WAAW,EAAE,IAJf;AAKEC,EAAAA,KAAK,EACH;AANJ,CADW,EASX;AACEJ,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,WAAW,EAAE,GAHf;AAIEC,EAAAA,WAAW,EAAE,IAJf;AAKEC,EAAAA,KAAK,EACH;AANJ,CATW,EAiBX;AACEJ,EAAAA,IAAI,EAAE,OADR;AAEEC,EAAAA,IAAI,EAAE,OAFR;AAGEC,EAAAA,WAAW,EAAE,GAHf;AAIEC,EAAAA,WAAW,EAAE,CAJf;AAKEC,EAAAA,KAAK,EACH;AANJ,CAjBW,CAAb;AA0BA,IAAMC,MAAM,GAAGN,IAAI,CAACO,MAAL,CAAY,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACN,IAAN,KAAe,QAA1B;AAAA,CAAZ,CAAf;AACA,IAAIO,IAAI,GAAG,EAAX;AACAH,MAAM,CAACI,OAAP,CAAe,UAACF,KAAD,EAAW;AACxBC,EAAAA,IAAI,8DACOD,KAAK,CAACH,KADb,mCAEYG,KAAK,CAACH,KAFlB,mDAIUG,KAAK,CAACP,IAJhB,2EAMmCO,KAAK,CAACL,WANzC,kEAOmCK,KAAK,CAACJ,WAPzC,wEAAJ;AAYD,CAbD;AAcAO,QAAQ,CAACC,aAAT,CAAuB,cAAvB,EAAuCC,SAAvC,GAAmDJ,IAAnD;;AAEA,SAASK,YAAT,CAAsBC,MAAtB,EAA8BC,MAA9B,EAAsC;AACpC,MAAID,MAAM,CAACd,IAAP,GAAce,MAAM,CAACf,IAAzB,EAA+B,OAAO,CAAC,CAAR,CAA/B,KACK,IAAIc,MAAM,CAACd,IAAP,GAAce,MAAM,CAACf,IAAzB,EAA+B,OAAO,CAAP;AACpC,SAAO,CAAP;AACD;;AACD,SAASgB,aAAT,CAAuBC,CAAvB,EAA0BC,CAA1B,EAA6B;AAC3B,SAAOD,CAAC,CAACf,WAAF,GAAgBgB,CAAC,CAAChB,WAAzB;AACD;;AACD,SAASiB,eAAT,CAAyBF,CAAzB,EAA4BC,CAA5B,EAA+B;AAC7B,MAAME,SAAS,GAAGF,CAAC,CAAChB,WAAF,GAAgBe,CAAC,CAACf,WAApC;AACA,SAAOkB,SAAS,IAAI,CAAb,GAAiBA,SAAjB,GAA6BJ,aAAa,CAACC,CAAD,EAAIC,CAAJ,CAAjD;AACD","sourcesContent":["const data = [\r\n {\r\n name: \"Regina\",\r\n base: \"tomate\",\r\n price_small: 6.5,\r\n price_large: 9.95,\r\n image:\r\n \"https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300\",\r\n },\r\n {\r\n name: \"Napolitaine\",\r\n base: \"tomate\",\r\n price_small: 6.5,\r\n price_large: 8.95,\r\n image:\r\n \"https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300\",\r\n },\r\n {\r\n name: \"Spicy\",\r\n base: \"crème\",\r\n price_small: 5.5,\r\n price_large: 8,\r\n image:\r\n \"https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300\",\r\n },\r\n];\r\nconst result = data.filter((datum) => datum.base === \"tomate\");\r\nlet html = \"\";\r\nresult.forEach((datum) => {\r\n html += `<article class=\"pizzaThumbnail\">\r\n <a href=\"${datum.image}\">\r\n <img src=\"${datum.image}\" />\r\n <section>\r\n <h4>${datum.name}</h4>\r\n <ul>\r\n <li> Prix petit format : ${datum.price_small} €</li>\r\n <li> Prix grand format : ${datum.price_large} €</li>\r\n </ul>\r\n </section>\r\n </a>\r\n</article>`;\r\n});\r\ndocument.querySelector(\".pageContent\").innerHTML = html;\r\n\r\nfunction alphabetSort(datum1, datum2) {\r\n if (datum1.name < datum2.name) return -1;\r\n else if (datum1.name > datum2.name) return 1;\r\n return 0;\r\n}\r\nfunction croissantSort(a, b) {\r\n return a.price_small - b.price_small;\r\n}\r\nfunction unCroissantSort(a, b) {\r\n const substract = b.price_small - a.price_small;\r\n return substract != 0 ? substract : croissantSort(a, b);\r\n}\r\n"],"file":"main.js"} \ No newline at end of file diff --git a/src/main.js b/src/main.js index d6794fe7abfdacce74ed7387be60ce5b3d43ba01..1cf0da2a424ba455c662a055aeb050f06e7396e9 100644 --- a/src/main.js +++ b/src/main.js @@ -24,9 +24,9 @@ const data = [ "https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300", }, ]; -const sortedList = data.sort(unCroissantSort); +const result = data.filter((datum) => datum.base === "tomate"); let html = ""; -sortedList.forEach((datum) => { +result.forEach((datum) => { html += `<article class="pizzaThumbnail"> <a href="${datum.image}"> <img src="${datum.image}" /> @@ -42,11 +42,11 @@ sortedList.forEach((datum) => { }); document.querySelector(".pageContent").innerHTML = html; -/**function alphabetSort(datum1, datum2) { +function alphabetSort(datum1, datum2) { if (datum1.name < datum2.name) return -1; else if (datum1.name > datum2.name) return 1; return 0; -}**/ +} function croissantSort(a, b) { return a.price_small - b.price_small; }