From 455f394516b21844ce850850a6619214639301cb Mon Sep 17 00:00:00 2001 From: nxn Date: Sun, 12 Jun 2022 00:09:18 +0300 Subject: [PATCH 1/2] home work 5 original --- Lesson4/regExp.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 Lesson4/regExp.html diff --git a/Lesson4/regExp.html b/Lesson4/regExp.html new file mode 100644 index 0000000..c7dd439 --- /dev/null +++ b/Lesson4/regExp.html @@ -0,0 +1,27 @@ + + + + + + + Document + + +
Original text
+

Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't .Lorem 'ipsum' dolor sit amet 'consectetur' adipisicing elit. Neque, aren't.

+

Regexp text

+

+ + + \ No newline at end of file From 93ca930d799c3e514e7ccb28bc8468e8b55fe476 Mon Sep 17 00:00:00 2001 From: nxn Date: Sun, 12 Jun 2022 21:24:51 +0300 Subject: [PATCH 2/2] home work 5 --- Lesson5/css/style.css | 15 +++++++++++++++ Lesson5/index.html | 29 +++++++++++++++++++++++++---- Lesson5/js/main.js | 24 +++++++++++++++++++++--- 3 files changed, 61 insertions(+), 7 deletions(-) diff --git a/Lesson5/css/style.css b/Lesson5/css/style.css index 801db80..7b08a45 100644 --- a/Lesson5/css/style.css +++ b/Lesson5/css/style.css @@ -169,3 +169,18 @@ img { border: none; border-bottom: 2px solid #fafafa; } +.cart-block { + display: none; + position: absolute; + z-index: 1; + width: 65%; + height: auto; + + top: 50px; + background: #fff; + color: #000; + padding: 25px; + } + .active { + display: block !important; + } \ No newline at end of file diff --git a/Lesson5/index.html b/Lesson5/index.html index 0b1aeb9..09a2e06 100644 --- a/Lesson5/index.html +++ b/Lesson5/index.html @@ -12,16 +12,37 @@
- -
- + +
+

Корзина пуста

+
+ Some img +
+

{{cart.product_name}}

+

{{cart.price}}₽

+ +
+
+
-
+
+
+ Some img +
+

{{product.product_name}}

+

{{product.price}}₽

+ +
+
+
+
Some img
diff --git a/Lesson5/js/main.js b/Lesson5/js/main.js index b090695..5ef965f 100644 --- a/Lesson5/js/main.js +++ b/Lesson5/js/main.js @@ -5,7 +5,12 @@ const app = new Vue({ data: { catalogUrl: '/catalogData.json', products: [], - imgCatalog: 'https://via.placeholder.com/200x150' + imgCatalog: 'https://via.placeholder.com/200x150', + filtered:[], + cardProducts:[], + searchLine:'', + showCart:false + }, methods: { getJson(url) { @@ -16,8 +21,21 @@ const app = new Vue({ }) }, addProduct(product) { - console.log(product.id_product); - } + this.cardProducts.push(product); + + }, + removeProduct(product) { + + + this.cardProducts.splice(product, 1); + + }, + filterGoods(value){ + + const regexp = new RegExp(value, 'i'); + this.filtered = this.products.filter(product =>regexp.test(product.product_name)); + + } }, beforeCreate() { console.log('beforeCreate');