Home Explore Help
Sign In
Sergei-Levshnia
/
homework
Watch 1
Star 0
Fork 0
Files Issues 2 Pull Requests 0 Wiki
Browse Source

now sub cathegories links are clickable and if clicked draws good list of sub cathegory

miskson 3 years ago
parent
ef6500c625
commit
0fa4ddc70c
2 changed files with 25 additions and 18 deletions
Split View Show Diff Stats
  1. 16 14
      hw15-gql-cathegory-pg/GQL.html
  2. 9 4
      hw15-gql-cathegory-pg/GQL_files/index.js

+ 16 - 14
hw15-gql-cathegory-pg/GQL.html
View File 

@@ -49,20 +49,22 @@
 
 <body>
 
   <header><h1>ГДЕ Я ОКАЗАЛСЯ?</h1></header>
 
   <div id="mainContainer">
 
-    <aside id="aside"><a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc45acf5df9d670df48cc48">TV's</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc49f4d5df9d670df48cc64">Airconditions</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc458985df9d670df48cc47">Smartphones</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc4b2553f23b553bf354101">Крупная бытовая техника</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcac1b56d09c45440d14cf8">Макароны</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcac6cf6d09c45440d14cfd">Drinks</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcacaeb6d09c45440d14d04">Салаты</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/61715b92ef4e1b3e3b67703c">Приятный бонус</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc94bd00e36db246e3049ee">Пицца</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcabeeb6d09c45440d14cf6">Макароны</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcadc906d09c45440d14d11">Сушка</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/61715d73ef4e1b3e3b67703d">Приятный бонус</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/61715f99ef4e1b3e3b67703e">Приятные бонусы</a><a
 
-        href="http://gql.asmer.fe.a-level.com.ua/#/category/6171616bef4e1b3e3b67703f">бонус номер 3</a></aside>
 
+    <aside id="aside">
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc45acf5df9d670df48cc48">TV's</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc49f4d5df9d670df48cc64">Airconditions</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc458985df9d670df48cc47">Smartphones</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc4b2553f23b553bf354101">Крупная бытовая техника</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcac1b56d09c45440d14cf8">Макароны</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcac6cf6d09c45440d14cfd">Drinks</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcacaeb6d09c45440d14d04">Салаты</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/61715b92ef4e1b3e3b67703c">Приятный бонус</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dc94bd00e36db246e3049ee">Пицца</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcabeeb6d09c45440d14cf6">Макароны</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/5dcadc906d09c45440d14d11">Сушка</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/61715d73ef4e1b3e3b67703d">Приятный бонус</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/61715f99ef4e1b3e3b67703e">Приятные бонусы</a>
 
+        <a href="http://gql.asmer.fe.a-level.com.ua/#/category/6171616bef4e1b3e3b67703f">бонус номер 3</a>
 
+    </aside>
 
     <main id="main">
 
       <h1>Airconditions</h1>
 
       <div class="card">

+ 9 - 4
hw15-gql-cathegory-pg/GQL_files/index.js
View File 

@@ -165,12 +165,17 @@ store.subscribe(() => {
 
         main.innerHTML = `<h1>${name}</h1>`
 
 
         if (subCategories) {
 
-            console.log('here')
 
+            console.log('here', subCategories)
 
             let subCats = document.createElement('div')
 
             for (let item of subCategories) {
 
-                let span = document.createElement('span')
 
-                span.innerText = `${item.name} | `
 
-                subCats.append(span)
 
+                let link =document.createElement('a')
 
+                link.innerHTML = `${item.name} &#9166`
 
+                link.href = `#/category/${item._id}` 
+                link.style.margin = '10px'
 
+                link.style.padding = '5px'
 
+                link.style.backgroundColor = 'black'
 
+                link.style.color = 'white'
 
+                subCats.append(link)
 
             }
 
             main.append(subCats)
 
         }