Skip to content
Snippets Groups Projects
Commit b3713f16 authored by Thomas Truffin's avatar Thomas Truffin
Browse files

filter by base

parent ff8173e7
No related branches found
No related tags found
No related merge requests found
......@@ -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;
......
{"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
......@@ -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;
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment