filter by base

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;

build/main.js.map

-{"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"}
+{"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

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;
 }