Skip to content
Snippets Groups Projects
Commit 15cb13a2 authored by Lucas Hottin's avatar Lucas Hottin
Browse files

tp1

parent 8cd29c1a
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
.babelrc 0 → 100644
+ 3
− 0
View file @ 15cb13a2
{
"presets": ["@babel/env"]
}
a 0 → 100644
+ 149
− 0
View file @ 15cb13a2
commit 8cd29c1ac2c4ec0037d49f2b36af2b721f68c80e (HEAD -> master, origin/master, origin/HEAD)
Author: Thomas Fritsch <thomas@uidlt.fr>
Date: Mon Jan 25 09:49:55 2021 +0100
corrections readme
commit 096c4dedd0a5c7e58d0ab513a935e9ee70273445
Author: Thomas Fritsch <thomas@uidlt.fr>
Date: Thu Jan 14 01:26:02 2021 +0100
maj instructions vs nouvelle skin
- maj screenshots
- maj code html à générer
- mise en forme
- ajout images manquantes
commit 1b17701b3e60f705d7853e95c8f6452abbc19fd8
Author: Thomas Fritsch <thomas@uidlt.fr>
Date: Thu Jan 14 01:13:06 2021 +0100
maj skin css
commit e05f4eaa4afaa7d4b504f71563b097ae835e0a7a
Author: Thomas Fritsch <thomas@uidlt.fr>
Date: Tue Jan 12 09:32:19 2021 +0100
ajout ids gitlab nicolas & patricia
commit e943497ae9c826d84b366c947ea528fa41a38b05
Author: Thomas Fritsch <thomas@uidlt.fr>
Date: Tue Jan 12 02:34:09 2021 +0100
maj instructions
ajout setup linux
ajout instructions fork
reprise tp1 cours-react
commit bbee259804f62c4ead5d3f20257bb1b945468f36
Author: Thomas Fritsch <thomas@uidlt.fr>
Date: Tue Jan 12 00:50:36 2021 +0100
ajout images header
commit f2835f4c95b1fa274e38079d624532ca701100e7
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Sun Feb 2 23:04:02 2020 +0100
objets littéraux : correction prix et liens images
commit 1f934096fa0d4991d1b2fd4a1542885b8413827d
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Sun Feb 2 19:02:44 2020 +0100
coquilles
commit f39697d70ddf47a1bdac6ebf35bc43af83f92a0d
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Sun Feb 2 18:55:50 2020 +0100
typo README
commit 50fee405e4e579162abaac35b97f43be2584f295
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Sun Feb 2 18:54:52 2020 +0100
ajout lien readme filtre & tris
commit ec71427612e9e2266f592498881ff60789a357cb
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Sun Feb 2 18:52:30 2020 +0100
ajout filtres/tri & champ image dans pizza
commit ff120be4c35ae2f61adc5cbab738b937e3f78036
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Tue Jan 28 13:28:25 2020 +0100
Préparatifs : correction mkdir
commit 0b6a55912a4bf0a6e1a10d46c6d6ff65404b9848
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Tue Jan 28 13:27:54 2020 +0100
correction lien readme babel
commit 67d79dc253d176f5cfcbb9aa1b70f2aa88838bcc
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Tue Jan 28 00:04:32 2020 +0100
maj instructions babel
commit 021bc37d8aeaa4894ce9c6201d120201bb8a76da
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 22:56:30 2020 +0100
correction lien F-babel.md
commit d05b260a9c581bdb117aca22c2dbc74b451f4816
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 22:56:05 2020 +0100
ajout commandes préparatifs vscodium
commit 0c4ec446662b21c4c6fa4ec480cacd1845d1c453
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 22:50:02 2020 +0100
ajout favicon
commit e9905b683709b07c682b7fc843fa242b8bdd1a40
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 18:07:56 2020 +0100
split readme
commit 33b63dcb2c51bf996604a53606b7be5503b6c704
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 17:30:02 2020 +0100
suppression référence à vscode
commit ebcc759e2c673e79fd63e2686b03ba62287c705d
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 17:27:16 2020 +0100
maj outils
vscode -> vscodium
python -> npx serve
commit 69a531cf3944d2b2201876ef4df13f94b7417f91
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 16:08:25 2020 +0100
fix README images
commit 91abe2ade1db7253aa42123a4783e9490d185cc1
Author: Thomas Fritsch <tf@kumquats.fr>
Date: Mon Jan 27 16:04:15 2020 +0100
reprise repo github
commit 7364a7217dbb491d5b7e829b70d3eb35f4d60a4f
Author: Thomas Fritsch <thomas.fritsch@univ-lille.fr>
Date: Mon Jan 27 15:43:23 2020 +0100
Add README.md
build/main.js 0 → 100644
+ 45
− 0
View file @ 15cb13a2
"use strict";
var html = "";
var data = [{
name: 'Regina',
base: 'tomate',
price_small: 6.5,
price_large: 9.95,
image: 'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'
}, {
name: 'Napolitaine',
base: 'tomate',
price_small: 6.5,
price_large: 8.95,
image: 'https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300'
}, {
name: 'Spicy',
base: 'crème',
price_small: 5.5,
price_large: 8,
image: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300'
}];
data.sort(function (a, b) {
if (a.price_small > b.price_small) return 1;
if (a.price_small < b.price_small) return -1;
if (a.price_large > b.price_large) return 1;
if (a.price_large < b.price_large) return -1;
return 0;
}); // let data2 = data.filter(({name}) => name.split("i").length !=2);
// data.forEach(({name,image,price_small,price_large}) => {
// html += `<article class="pizzaThumbnail"><a href="${image}"><img src="${image}" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`
// });
// const map = data.map(({name,image,price_small,price_large}) => `<article class="pizzaThumbnail"><a href="${image}"><img src="${image}" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`)
// html = map.join('');
html = data.reduce(function (ac, _ref) {
var name = _ref.name,
image = _ref.image,
price_small = _ref.price_small,
price_large = _ref.price_large;
return ac + "<article class=\"pizzaThumbnail\"><a href=\"".concat(image, "\"><img src=\"").concat(image, "\" /><section><h4>").concat(name, "</h4><ul><li>Prix petit format : ").concat(price_small, " \u20AC</li><li>Prix grand format : ").concat(price_large, " \u20AC</li></ul></section></a></article>");
}, "");
console.log(html);
document.querySelector('.pageContent').innerHTML = html;
//# sourceMappingURL=main.js.map
\ No newline at end of file
build/main.js.map 0 → 100644
+ 1
− 0
View file @ 15cb13a2
{"version":3,"sources":["../src/main.js"],"names":["html","data","name","base","price_small","price_large","image","sort","a","b","reduce","ac","console","log","document","querySelector","innerHTML"],"mappings":";;AAAA,IAAIA,IAAI,GAAG,EAAX;AACA,IAAMC,IAAI,GAAG,CACZ;AACCC,EAAAA,IAAI,EAAE,QADP;AAECC,EAAAA,IAAI,EAAE,QAFP;AAGCC,EAAAA,WAAW,EAAE,GAHd;AAICC,EAAAA,WAAW,EAAE,IAJd;AAKCC,EAAAA,KAAK,EAAE;AALR,CADY,EAQZ;AACCJ,EAAAA,IAAI,EAAE,aADP;AAECC,EAAAA,IAAI,EAAE,QAFP;AAGCC,EAAAA,WAAW,EAAE,GAHd;AAICC,EAAAA,WAAW,EAAE,IAJd;AAKCC,EAAAA,KAAK,EAAE;AALR,CARY,EAeZ;AACCJ,EAAAA,IAAI,EAAE,OADP;AAECC,EAAAA,IAAI,EAAE,OAFP;AAGCC,EAAAA,WAAW,EAAE,GAHd;AAICC,EAAAA,WAAW,EAAE,CAJd;AAKCC,EAAAA,KAAK,EAAE;AALR,CAfY,CAAb;AAuBAL,IAAI,CAACM,IAAL,CAAU,UAACC,CAAD,EAAGC,CAAH,EAAQ;AACd,MAAGD,CAAC,CAACJ,WAAF,GAAcK,CAAC,CAACL,WAAnB,EAAgC,OAAO,CAAP;AAChC,MAAGI,CAAC,CAACJ,WAAF,GAAcK,CAAC,CAACL,WAAnB,EAAgC,OAAO,CAAC,CAAR;AAChC,MAAGI,CAAC,CAACH,WAAF,GAAcI,CAAC,CAACJ,WAAnB,EAAgC,OAAO,CAAP;AAChC,MAAGG,CAAC,CAACH,WAAF,GAAcI,CAAC,CAACJ,WAAnB,EAAgC,OAAO,CAAC,CAAR;AAChC,SAAO,CAAP;AACH,CAND,E,CAQA;AACA;AACA;AACA;AAEA;AACA;;AACAL,IAAI,GAAGC,IAAI,CAACS,MAAL,CAAY,UAACC,EAAD;AAAA,MAAKT,IAAL,QAAKA,IAAL;AAAA,MAAUI,KAAV,QAAUA,KAAV;AAAA,MAAgBF,WAAhB,QAAgBA,WAAhB;AAAA,MAA4BC,WAA5B,QAA4BA,WAA5B;AAAA,SAA6CM,EAAE,yDAA+CL,KAA/C,2BAAmEA,KAAnE,+BAA4FJ,IAA5F,8CAAoIE,WAApI,iDAAiLC,WAAjL,8CAA/C;AAAA,CAAZ,EAA8R,EAA9R,CAAP;AAGAO,OAAO,CAACC,GAAR,CAAYb,IAAZ;AAEAc,QAAQ,CAACC,aAAT,CAAuB,cAAvB,EAAuCC,SAAvC,GAAmDhB,IAAnD","sourcesContent":["let html = \"\";\nconst data = [\n\t{\n\t\tname: 'Regina',\n\t\tbase: 'tomate',\n\t\tprice_small: 6.5,\n\t\tprice_large: 9.95,\n\t\timage: 'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'\n\t},\n\t{\n\t\tname: 'Napolitaine',\n\t\tbase: 'tomate',\n\t\tprice_small: 6.5,\n\t\tprice_large: 8.95,\n\t\timage: 'https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300'\n\t},\n\t{\n\t\tname: 'Spicy',\n\t\tbase: 'crème',\n\t\tprice_small: 5.5,\n\t\tprice_large: 8,\n\t\timage: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300',\n\t}\n];\ndata.sort((a,b) =>{\n if(a.price_small>b.price_small) return 1;\n if(a.price_small<b.price_small) return -1;\n if(a.price_large>b.price_large) return 1;\n if(a.price_large<b.price_large) return -1;\n return 0;\n})\n\n// let data2 = data.filter(({name}) => name.split(\"i\").length !=2);\n// data.forEach(({name,image,price_small,price_large}) => {\n// html += `<article class=\"pizzaThumbnail\"><a href=\"${image}\"><img src=\"${image}\" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`\n// });\n\n// const map = data.map(({name,image,price_small,price_large}) => `<article class=\"pizzaThumbnail\"><a href=\"${image}\"><img src=\"${image}\" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`)\n// html = map.join(''); \nhtml = data.reduce((ac,{name,image,price_small,price_large}) => ac + `<article class=\"pizzaThumbnail\"><a href=\"${image}\"><img src=\"${image}\" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`,\"\");\n\n\nconsole.log(html);\n\ndocument.querySelector('.pageContent').innerHTML = html;"],"file":"main.js"}
\ No newline at end of file
index.html
+ 1
− 0
View file @ 15cb13a2
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
<link rel="stylesheet" href="css/news.css"> <link rel="stylesheet" href="css/news.css">
<link rel="stylesheet" href="css/pizzaList.css"> <link rel="stylesheet" href="css/pizzaList.css">
<link rel="stylesheet" href="css/footer.css"> <link rel="stylesheet" href="css/footer.css">
<script src="build/main.js" defer></script>
</head> </head>
<body> <body>
<header> <header>
......
package-lock.json 0 → 100644
+ 3005
− 0
View file @ 15cb13a2
This diff is collapsed.
package.json 0 → 100644
+ 20
− 0
View file @ 15cb13a2
{
"name": "pizzaland",
"version": "1.0.0",
"description": "<img src=\"images/readme/header.jpg\">",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "https://gitlab.univ-lille.fr/lucas.hottin.etu/tp1.git"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/cli": "^7.12.10",
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11"
}
}
src/main.js
+ 45
− 1
View file @ 15cb13a2
console.log('Welcome to PizzaLand 🍕 !'); let html = "";
\ No newline at end of file const data = [
{
name: 'Regina',
base: 'tomate',
price_small: 6.5,
price_large: 9.95,
image: 'https://images.unsplash.com/photo-1532246420286-127bcd803104?fit=crop&w=500&h=300'
},
{
name: 'Napolitaine',
base: 'tomate',
price_small: 6.5,
price_large: 8.95,
image: 'https://images.unsplash.com/photo-1562707666-0ef112b353e0?&fit=crop&w=500&h=300'
},
{
name: 'Spicy',
base: 'crème',
price_small: 5.5,
price_large: 8,
image: 'https://images.unsplash.com/photo-1458642849426-cfb724f15ef7?fit=crop&w=500&h=300',
}
];
data.sort((a,b) =>{
if(a.price_small>b.price_small) return 1;
if(a.price_small<b.price_small) return -1;
if(a.price_large>b.price_large) return 1;
if(a.price_large<b.price_large) return -1;
return 0;
})
// let data2 = data.filter(({name}) => name.split("i").length !=2);
// data.forEach(({name,image,price_small,price_large}) => {
// html += `<article class="pizzaThumbnail"><a href="${image}"><img src="${image}" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`
// });
// const map = data.map(({name,image,price_small,price_large}) => `<article class="pizzaThumbnail"><a href="${image}"><img src="${image}" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`)
// html = map.join('');
html = data.reduce((ac,{name,image,price_small,price_large}) => ac + `<article class="pizzaThumbnail"><a href="${image}"><img src="${image}" /><section><h4>${name}</h4><ul><li>Prix petit format : ${price_small} €</li><li>Prix grand format : ${price_large} €</li></ul></section></a></article>`,"");
console.log(html);
document.querySelector('.pageContent').innerHTML = html;
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment