+
-
+
@@ -56,7 +64,6 @@
+
+
+
+
This product can be used with:
@@ -38,7 +46,7 @@{{ rp.brandProduct.name }}
{{ rp.text }}
{{ rp.text }}
- {{ rp.price }}
+ {{ rp.price.strTotal }}
-
@@ -91,13 +97,16 @@ import Items from '~/components/bundle/items.vue'
import OutOfStock from '~/components/products/outofstock.vue'
import AddToCart from '~/components/products/addtocart.vue'
import Pics from '~/components/products/pics.vue'
+import Region from '~/components/products/region.vue'
+
+import { relatedProducts, brandProduct, product, } from '~/lib/json_db.js'
export default {
- components: {Items, Price, OutOfStock, AddToCart, Pics,},
+ components: {Items, Price, OutOfStock, AddToCart, Pics, Region,},
props: ['bundle', 'nobottom', 'addtocart', 'noframe', 'showdescription', 'right', 'showRelatedProducts',],
data() {
return {
- addedToCart: false
+ addedToCart: false,
}
},
methods: {
@@ -110,11 +119,11 @@ export default {
},
computed: {
relatedProducts() {
- return this.$store.getters['eshop/relatedProducts'](this.bundle.id).map(rp => {
+ return relatedProducts(this.bundle.id).map(rp => {
rp = Object.assign({}, rp)
rp.sellingPoint = this.$store.getters['eshop/sellingPointForProduct'](rp.product[0])
- rp.brandProduct = this.$store.getters['eshop/brandProduct'](rp.sellingPoint.BrandProduct[0])
- rp.product = this.$store.getters['eshop/product'](rp.sellingPoint.Product[0])
+ rp.brandProduct = brandProduct(rp.sellingPoint.BrandProduct[0])
+ rp.product = product(rp.sellingPoint.Product[0])
rp.price = this.$store.getters['checkout/lineItemsPrice']([{n: 1, sellingPoint: rp.sellingPoint}])
return rp
})
@@ -151,6 +160,7 @@ export default {
font-size: 1.8em
#title
+ font-family: Roboto
color: #5D5D5D
@media only screen and (max-width: 600px)
font-size: 0.85em
@@ -179,7 +189,11 @@ export default {
@media only screen and (max-width: 600px)
width: 100%
height: 300pt
- margin: 20pt 0pt 20pt 0pt
+ margin: 20pt 0pt 20pt 0pt
+
+#region
+ display: flex
+ margin-bottom: 10pt
#description
display: flex
@@ -238,7 +252,8 @@ export default {
font-weight: bold
#relatedProducts h4
- margin: 5pt 5pt
+ font-family: Roboto
+ margin: 10pt 5pt
.relatedProduct
display: flex
@@ -266,7 +281,7 @@ export default {
.relatedProductText
flex: 1
-#bottom
+#bottom
display: flex
justify-content: flex-end
padding: 10pt 0
@@ -349,6 +364,9 @@ export default {
@media only screen and (max-width: 600px)
padding: 10pt 10pt 40pt 10pt
+#text h1
+ font-family: Roboto
+
#text p
margin: 10pt 0
@@ -366,13 +384,16 @@ export default {
flex-direction: column
#links h4
- margin: 5pt 5pt
+ font-family: Roboto
+ margin: 10pt 5pt
.link
display: flex
color: #454545
text-decoration: none
padding: 2pt 5pt
+ font-size: 0.9em
+ margin: 5pt 0
.link:hover
text-decoration: underline
@@ -380,6 +401,9 @@ export default {
.linktext
flex: 1
+.linktext > b
+ font-family: Roboto
+
.linktext small
color: #787878
text-decoration: underline
diff --git a/components/bundle/guide.vue b/components/bundle/guide.vue
index e6ba41f6..24abbf4d 100644
--- a/components/bundle/guide.vue
+++ b/components/bundle/guide.vue
@@ -44,6 +44,7 @@ export default {
diff --git a/components/home/appfeaturecard.vue b/components/home/appfeaturecard.vue
new file mode 100644
index 00000000..2d590166
--- /dev/null
+++ b/components/home/appfeaturecard.vue
@@ -0,0 +1,174 @@
+
+
+
+ Description
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+ Thereβs no secret to growing nice plants, you have to become a better grower yourself.
+ The SuperGreenLab app does not only control the box parameters, itβs also your private grow diary & assistant.
+ This app will help you grow green thumbs, by allowing you to keep track of all actions you perform on your plant and its environment.
+ Setup reminders and alerts, take notes and pics of your plant trainings and boost your growing skills.
+ And because weβre a community before all, you can also check other peopleβs public diaries for help and inspiration!
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
INSTALL APP
+
+
+ π‘ Keep an eye on your plant environement from anywhere.
+ π‘ Configure your alerts, the app will tell you when the temperature or humidity is out of range
+ πΌ Keep track of your waterings to make sure your donβt over or under water, setup reminders!
+ π Measure the progression of your plant over time
+ π· Add a remote camera to your grow box and get daily/weekly timelapses
+ π Take notes and pics of your plant training and boost your growing skills
+ π Consult other peopleβs public diaries for help and inspiration
+ And many more..
+ INSTALL APP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Simulate the sun with
+ Up to 6 LED panels*
+
+
+ LED PANELS
+
+
+ Up to 6 LED panels* for a perfect coverage of your plant, even in the tightest space
+ LED technologies have revolutionized the way we can grow cannabis; more light and less heat means weβre able to grow in the tightest space
+ * Coming soon: more than 6 panels on a controller, bigger SGL panels, and compatibility with other products on the market!
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Control your grow environment with
+ Temperature and humidity sensor & Automatic ventilation
+
+
+ ENVIRONMENT CONTROL
+
+
+ Temperature and humidity sensor to make sure the plant is comfortable
+ Automatically controlled ventilation based on temperature or humidity
+ Configure alerts and receive a notification when the temperature or humidity gets out of range.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Keep everything under control with
+ SuperGreenController
+
+
+ SMART CONTROLLER & MONITORING APP
+
+
+ Controlled from a mobile app, from anywhere with internet access.
+ Can control up to three independant spaces at the same time.
+ And much more: auto-watering, VPD, CO2 control, UVa schedules, emerson effect etc...
+
+
+
+
+
+
+
+
+
+
+
+
+ Ask us anything
+ We're here to help!
+
+
+ 24/7 TECHNICAL AND PLANT GROWING SUPPORT
+
+
+ When youβre buying a bundle youβre not only buying an electronic gadget.
+ You also get access to our private 24/7 support.
+ Whether you need technical or plant growing help, there will be someone to answer you questions.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
ACCESS DISCORD
SERVER HERE
+
+
+ Buying a bundle gets you free access to the private SuperGreenLab community support chat.
+ 24/7 technical and plant support from us and the community.
+ Hundreds of people willing to share their passion for growing and building grow boxes.
+ Wether youβre an experienced grower or total noob, thereβs always something to learn and share.
+ The SuperGreenLab private discord server is home to throusands of continuous discussions about peopleβs experiences.
+ Using the search feature will allow you to dig old discussions about subjects that matter to your case.
+ ACCESS DISCORDSERVER HERE
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Like a tiny ecosystem, in a cupboard
+
+
+ Growing plants indoor means that apart from the usual soil, nutrient and water you will also need to provide sunlight and fresh air.
+ While there are already a lot of solutions when it comes to soil and nutrient, there were no lighting solution that could fit tight spaces.
+ SuperGreenLab designed the first grow bundle dedicated to creating the perfect growing environment in virtually any kind of furniture.
+
+
+
+
+
+
+
+
+
+
+
+ The SGL 12 step guide to:
+ Everything you need
to grow your own weed
+ to grow your own weed
+ Click here to
read the guide
+
+ By the end of this quick & simple guide you will have all the basics to start growing your own discreetly from the comfort of your home
+ + a checklist of everything youβll need along the way
+ read the guide
+
+
+
+
+
+ All good, I got this
+ Go to the shop >
+
+
+
+ Want more ?
Visit our shop
+
+ Growing you own is simple but itβs easy to get overwhelmed by all the info and different products available online.
+
+ Our goal is to make growing as simple as possible for you to enjoy!
+
+ So, we made complete shopping lists to get you from seed to weed π±
+
+ Order everything you need to grow your own weed in our new SuperGreenLab Growshop π
+
+ Visit our shop
+
+
+
+
+
+
+
+
+ Welcome to the best hobby in the world!
+
+
+ SuperGreenLab is a community dedicated to personal home growing in small and discreet spaces.
+ If thereβs one plant that should be home grown, itβs cannabis. Even a single plant can give you the quantity and quality to become self sufficient.
+ And no need for a big and ugly setup anymore!
+ Pick any furniture that fits your taste and grow weed out of it!
+ SuperGreenLab brings you all the technology and knowledge to start growing your own.
+
+
+
- You don't have to wait until harvest to start the next plant! Harvest twice as fast with continuous supply.
+ You don't have to wait until harvest to start the next plant! Harvest twice as fast with continuous supply. The Controller can control up to 3 spaces with different schedules to do vegging and blooming at the same time.
@@ -76,6 +76,11 @@ export default {
#text
color: #515151
text-align: center
+ margin: 0 70pt
+ @media only screen and (min-width: 600px) and (max-width: 900px)
+ margin: 0 40pt
+ @media only screen and (max-width: 600px)
+ margin: 0 5pt
#text > b
color: #3bb30b
diff --git a/components/home/discord.vue b/components/home/discord.vue
new file mode 100644
index 00000000..eb7bab8d
--- /dev/null
+++ b/components/home/discord.vue
@@ -0,0 +1,77 @@
+
+
+
+ + You don't have to wait until harvest to start the next plant! Harvest twice as fast with continuous supply. The Controller can control up to 3 spaces with different schedules to do vegging and blooming at the same time.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- Checkout some of the amazing builds made by the community.
- From the fanciest to the cheapest, going through the most functional ones.
- All those builds have been made by our community of hundreds of creative growers.
- Ordering a bundle unlocks access to all those amazing individuals willing to help each other in the comfort of our private discord server. -
- Ordering a bundle unlocks access to all those amazing individuals willing to help each other in the comfort of our private discord server. -
Join us now!
-
+
-
{{ b.title }}
{{ b.description }}
@@ -140,11 +133,11 @@ export default { position: relative top: 30pt width: 100% - max-width: 900pt + /* max-width: 900pt */ height: 200pt @media only screen and (max-width: 900px) height: 300pt - + .examplepair display: flex position: absolute @@ -172,13 +165,14 @@ export default { margin: 0 10pt .text h2 + font-family: Roboto margin-bottom: 10pt text-transform: uppercase #pagination display: flex margin: 60pt 0 0 0 - + .page width: 9pt height: 9pt diff --git a/components/home/latestguide.vue b/components/home/latestguide.vue index 42965c20..d6c4192b 100644 --- a/components/home/latestguide.vue +++ b/components/home/latestguide.vue @@ -79,6 +79,7 @@ export default { align-items: flex-end #text h2 + font-family: Roboto margin: 0 0 15pt 0 #text strong diff --git a/components/home/pack.vue b/components/home/pack.vue index f0c38ecc..9121448c 100644 --- a/components/home/pack.vue +++ b/components/home/pack.vue @@ -22,140 +22,46 @@ @click='oneForAll' :checkbox=true green='Mega Crop Pack' /> -
-
-
- 
-
-
-
-
- MEGA CROP PACK is an all in one, complete plant nutrient designed from the ground up. You get everything you need from start to finish, to grow the best quality plants. Regulate pH from your water is recommanded
-
-
- {{ oneForAllPack.length }}
products in this pack
-
-
-
-
-
+
-
-
- 
-
-
-
-
- This Pack is for 100% organic growth, it is best to prepare your soil with a rich mix of beneficial bacteria and microorganisms. The method consists of preparing the substrate with the BioTabs products in the quantities indicated and repeating the same procedure each time the plant is transplanted into a new pot. The formula is so simple, you only need to add water not even with ph control. Certified 100% Organic.
-
- {{ organicPack.length }}
products in this pack
-
-
-
-
-
+
-
-
- 
-
-
-
-
- Sometimes growing is difficult and mistakes are easily made, this pack will help you to reduce all those mistakes with tools who are not mandatory but really recommanded for massive success
-
-
- {{ optionPack.length }}
products in this pack
-
-
-
-
-
+
- Pre-order: 5 to 9 weeks delay
+ Out of stock!
Sorry about that:/
@@ -30,9 +30,9 @@ export default {}
diff --git a/components/products/price.vue b/components/products/price.vue
index dea31190..2772571a 100644
--- a/components/products/price.vue
+++ b/components/products/price.vue
@@ -18,37 +18,27 @@
+ Out of stock!
Sorry about that:/
+
-
+
+
+
+
+
+
diff --git a/components/products/smalladdtocart.vue b/components/products/smalladdtocart.vue
index eb8c54ef..dc46218f 100644
--- a/components/products/smalladdtocart.vue
+++ b/components/products/smalladdtocart.vue
@@ -18,19 +18,48 @@
- ADD TO CART
+ +
@@ -85,21 +98,27 @@ export default {
#body > a
color: #454545
+#products
+ overflow-y: hidden
+ transition: height 0.5s
+
.product
@media only screen and (max-width: 600px)
- padding: 20pt 5pt
+ padding: 10pt 5pt
#region
display: flex
justify-content: flex-end
+ margin 5pt 0
-#propose
+.propose
display: flex
flex-direction: column
align-items: flex-end
font-size: 0.9em
-#propose a
+.propose a
color: #454545
+ padding: 6pt 0
diff --git a/components/products/tinyproductitem.vue b/components/products/tinyproductitem.vue
new file mode 100644
index 00000000..20feeea1
--- /dev/null
+++ b/components/products/tinyproductitem.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+ {{ brandProduct.name }}
+ {{ seller.name }}
+
+
+
+
+
+
+
diff --git a/components/products/tinyproductlist.vue b/components/products/tinyproductlist.vue
new file mode 100644
index 00000000..fb616119
--- /dev/null
+++ b/components/products/tinyproductlist.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/containers/bannercontainer.vue b/components/shop/containers/bannercontainer.vue
new file mode 100644
index 00000000..1c82022c
--- /dev/null
+++ b/components/shop/containers/bannercontainer.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/containers/carrouselcontainer.vue b/components/shop/containers/carrouselcontainer.vue
new file mode 100644
index 00000000..230653cf
--- /dev/null
+++ b/components/shop/containers/carrouselcontainer.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/containers/horizontalcontainer.vue b/components/shop/containers/horizontalcontainer.vue
new file mode 100644
index 00000000..b1776353
--- /dev/null
+++ b/components/shop/containers/horizontalcontainer.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/containers/verticalcontainer.vue b/components/shop/containers/verticalcontainer.vue
new file mode 100644
index 00000000..a071b89b
--- /dev/null
+++ b/components/shop/containers/verticalcontainer.vue
@@ -0,0 +1,110 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/layout/content.vue b/components/shop/layout/content.vue
new file mode 100644
index 00000000..0cbd65cf
--- /dev/null
+++ b/components/shop/layout/content.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/layout/header.vue b/components/shop/layout/header.vue
new file mode 100644
index 00000000..45c17af5
--- /dev/null
+++ b/components/shop/layout/header.vue
@@ -0,0 +1,163 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/layout/singleproduct.vue b/components/shop/layout/singleproduct.vue
new file mode 100644
index 00000000..83de47b8
--- /dev/null
+++ b/components/shop/layout/singleproduct.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/banner.vue b/components/shop/widgets/banner.vue
new file mode 100644
index 00000000..af4ae4be
--- /dev/null
+++ b/components/shop/widgets/banner.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/collectionspotlight.vue b/components/shop/widgets/collectionspotlight.vue
new file mode 100644
index 00000000..1c2fe1a0
--- /dev/null
+++ b/components/shop/widgets/collectionspotlight.vue
@@ -0,0 +1,218 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/countdown.vue b/components/shop/widgets/countdown.vue
new file mode 100644
index 00000000..10ca0d1e
--- /dev/null
+++ b/components/shop/widgets/countdown.vue
@@ -0,0 +1,216 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/edito.vue b/components/shop/widgets/edito.vue
new file mode 100644
index 00000000..e2e0df17
--- /dev/null
+++ b/components/shop/widgets/edito.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/guidespotlight.vue b/components/shop/widgets/guidespotlight.vue
new file mode 100644
index 00000000..80f431a1
--- /dev/null
+++ b/components/shop/widgets/guidespotlight.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/navbar.vue b/components/shop/widgets/navbar.vue
new file mode 100644
index 00000000..69e8050a
--- /dev/null
+++ b/components/shop/widgets/navbar.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/newsletter.vue b/components/shop/widgets/newsletter.vue
new file mode 100644
index 00000000..c565e534
--- /dev/null
+++ b/components/shop/widgets/newsletter.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/plantspotlight.vue b/components/shop/widgets/plantspotlight.vue
new file mode 100644
index 00000000..9dd3e8ca
--- /dev/null
+++ b/components/shop/widgets/plantspotlight.vue
@@ -0,0 +1,324 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/popupsearch.vue b/components/shop/widgets/popupsearch.vue
new file mode 100644
index 00000000..2e6f9769
--- /dev/null
+++ b/components/shop/widgets/popupsearch.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/productlist.vue b/components/shop/widgets/productlist.vue
new file mode 100644
index 00000000..7e1155bb
--- /dev/null
+++ b/components/shop/widgets/productlist.vue
@@ -0,0 +1,147 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/productspotlight.vue b/components/shop/widgets/productspotlight.vue
new file mode 100644
index 00000000..07f5237a
--- /dev/null
+++ b/components/shop/widgets/productspotlight.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/regionselector.vue b/components/shop/widgets/regionselector.vue
new file mode 100644
index 00000000..b5c328ae
--- /dev/null
+++ b/components/shop/widgets/regionselector.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/components/shop/widgets/vuefuse.vue b/components/shop/widgets/vuefuse.vue
new file mode 100644
index 00000000..07076c68
--- /dev/null
+++ b/components/shop/widgets/vuefuse.vue
@@ -0,0 +1,158 @@
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
diff --git a/components/widgets/loading.vue b/components/widgets/loading.vue
index c9a9bd43..1710e98f 100644
--- a/components/widgets/loading.vue
+++ b/components/widgets/loading.vue
@@ -55,7 +55,7 @@ export default {
left: 0
width: 100%
height: 100%
- z-index: 100
+ /* z-index: 100 */
#spinner
text-align: center
@@ -67,7 +67,7 @@ export default {
height: 100%
width: 10%
display: inline-block
-
+
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out
animation: sk-stretchdelay 1.2s infinite ease-in-out
@@ -88,15 +88,15 @@ export default {
animation-delay: -0.8s
@-webkit-keyframes sk-stretchdelay {
- 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
+ 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
- 0%, 40%, 100% {
+ 0%, 40%, 100% {
transform: scaleY(0.4)
-webkit-transform: scaleY(0.4)
- } 20% {
+ } 20% {
transform: scaleY(1.0)
-webkit-transform: scaleY(1.0)
}
diff --git a/components/widgets/sectiontitle.vue b/components/widgets/sectiontitle.vue
index 02e5a95c..d1ab535f 100644
--- a/components/widgets/sectiontitle.vue
+++ b/components/widgets/sectiontitle.vue
@@ -17,61 +17,122 @@
-->
-
-
+
+
diff --git a/components/widgets/sectiontitleguide.vue b/components/widgets/sectiontitleguide.vue
index ab1f438e..0e6566a8 100644
--- a/components/widgets/sectiontitleguide.vue
+++ b/components/widgets/sectiontitleguide.vue
@@ -39,8 +39,8 @@ export default {
@media only screen and (max-width: 600px)
font-size: 1em
-
#title
+ font-family: Roboto
margin-top: 10px
margin-bottom: 10px
font-size: 2.7em
@@ -48,6 +48,7 @@ export default {
text-transform: capitalize
#green
+ font-family: Roboto
color: #3BB30B
font-size: 2.1em
text-align: center
@@ -57,7 +58,6 @@ export default {
#content
margin: 10px
font-size: 1em
- font-weight: bold
@media only screen and (max-width: 600pt)
margin-top: 30px
diff --git a/components/widgets/titlestep.vue b/components/widgets/titlestep.vue
index f4246465..fb963d85 100644
--- a/components/widgets/titlestep.vue
+++ b/components/widgets/titlestep.vue
@@ -58,6 +58,7 @@ export default {
font-size: 2em
#title
+ font-family: Roboto
margin-left: 50px
font-size: 1.5em
color: #5E5E5E
@@ -66,6 +67,7 @@ export default {
font-size: 2.3em
#green
+ font-family: Roboto
color: #3BB30B
font-size: 1em
text-transform: uppercase
diff --git a/config/appfeatures.json b/config/appfeatures.json
new file mode 100644
index 00000000..273dda76
--- /dev/null
+++ b/config/appfeatures.json
@@ -0,0 +1,76 @@
+{
+ "appfeatures": [
+ {
+ "id": "000",
+ "title": "Independent\n**Light control**",
+ "text": "Tight space means you canβt really **move the plant or the light source**.\n\nIndependent light dimming control allows to get the **perfect light exposition** no matter the shape of the plant and **its distance to the light**.",
+ "icon": "appicons/light.png"
+ },
+ {
+ "id": "001",
+ "title": "Remote live view\n**Daily Timelapses!**",
+ "text": "If only there was a way to **spot potential issues before they arise** you might think.\n\nWell guess what, **a simple camera can give you great insights**. Take a pic every 10 minutes and watch how the day went for your plant.\n\nBy adding a little camera to your box, the app will give you access to the **latest pic live**, and generate a timelapse every day and end of week.\n\nOne of the best way to see when your plant is **filling sick or thirsty**.",
+ "icon": "appicons/timelapse.png"
+ },
+ {
+ "id": "002",
+ "title": "Ventilation\n**Control**",
+ "text": "Ventilation control is used to **renew the air inside the box**, or move the air **inside the box**. The first is mandatory while the latter is optional.\n\nThe app allows to control the ventilation based on **temperature or humidity** or **time of day**. But you can also set a fixed value.",
+ "icon": "appicons/ventilation.png"
+ },
+ {
+ "id": "003",
+ "title": "**Measure tool**\nSee it growing!",
+ "text": "This simple tool will help you **compare two pictures by superposing them**.\n\nThat will show you the **progression** of your plant over time.",
+ "icon": "appicons/measure.png"
+ },
+ {
+ "id": "004",
+ "title": "Record your \n**Nutrient mix**",
+ "text": "When using nutrients it might get **cumbersome to alway check the nutrient manual** to get the right quantity again.\n\nUse this feature **to note the different nutrients** you add to your mix, for future reference.",
+ "icon": "appicons/nutrients.png"
+ },
+ {
+ "id": "005",
+ "title": "Record your plant,\n**Life cycle events**",
+ "text": "Note the dates of your plantβs **important life events**.\n\nCannabis growing is all about timings, **never lose track of where youβre at in your plantβs life cycle**.\n\nFor example, most seedbank will indicate the time **from start of blooming to harvest**. Note down the apparition of the first pistils to make sure **you donβt harvest at the wrong time**!",
+ "icon": "appicons/life.png"
+ },
+ {
+ "id": "006",
+ "title": "Veg/Bloom/Auto \n**Schedule control**",
+ "text": "Easily switch from one schedule to another **at the press of a button**.\n\nUse the **predefined schedules**, or customize to your needs.\n\n**The app automatically logs the time you flipped to bloom**. No need to write it down anymore.",
+ "icon": "appicons/schedule.png"
+ },
+ {
+ "id": "007",
+ "title": "Remote control \n**& monitoring**",
+ "text": "While the controller can work totally offline, **you can also enable remote control by pairing your phone**.\n\nThat will allow you to **change the parameters of your box from anywhere** as long as you have internet access.",
+ "icon": "appicons/remote.png"
+ },
+ {
+ "id": "008",
+ "title": "Temperature & humidity \n**alerts**",
+ "text": "**Good news cannabis is quite permissive** when it comes to its environment. But itβs still **important to keep the temperature and humidity under control**.\n\nSetup your min and max for humidity and temperature (different schedule for day and night). **The app will send you a notification if it goes out of range.**",
+ "icon": "appicons/alerts.png"
+ },
+ {
+ "id": "009",
+ "title": "**Watering log**\n& reminders",
+ "text": "**Keep track of your waterings** to make sure your donβt over or under-water.\n\nMark down you **PH and EC** for future reference and get graphs of your watering.",
+ "icon": "appicons/watering.png"
+ },
+ {
+ "id": "010",
+ "title": "**Log pictures**\n& observations",
+ "text": "The best way to **becoming a better grower** is by taking care of your plant regularly.\n\nTake pics and note observations, **your future self will thank you**!\n\nAnd if you like sharing, **you can even make the diary public** for others to see!",
+ "icon": "appicons/log.png"
+ },
+ {
+ "id": "011",
+ "title": "**Plant training**\nbefore/after pics",
+ "text": "**Take before and after pictures** of your training sessions.\n\nConsult your previous grow **to reproduce the best technics you did**.\n\n**Checkout the public diaries** to see how others are doing it!",
+ "icon": "appicons/training.png"
+ }
+ ]
+}
diff --git a/config/channels.json b/config/channels.json
new file mode 100644
index 00000000..b648a5d4
--- /dev/null
+++ b/config/channels.json
@@ -0,0 +1,112 @@
+{
+ "channels": [
+ {
+ "id": "000",
+ "title": "β feature-polling",
+ "text": "Where the community votes for future features in the app.\n\nDonβt forget to cast your vote once you get your bundle!\n\nPropose new features in the\n #π‘βfeature-requests channel :) ",
+ "emoji": "emojis/feature-polling.png"
+ },
+ {
+ "id": "001",
+ "title": "β tech-support",
+ "text": "To make fixing issues a simple and pleasant experience for all;\n\nWe do all tech support over on Discord π\n\nWe fix or replace, thatβs the SGL guarantee.",
+ "emoji": "emojis/tech-support.png"
+ },
+ {
+ "id": "002",
+ "title": "β edibles",
+ "text": "Want to get baked?\n\nShare your favorite recipes and experience with your homebaked edibles.\n\nBon appΓ©tit!",
+ "emoji": "emojis/edibles.png"
+ },
+ {
+ "id": "003",
+ "title": "β 3d-printing",
+ "text": "Got a 3D printer or access to one?\n\nPrint parts parts and accesories designed by the community.\n\nDownload the STL files in the\n#πβstl-files channel",
+ "emoji": "emojis/3d-printing.png"
+ },
+ {
+ "id": "004",
+ "title": "β seeds-germination",
+ "text": "The nursery is where youβll learn all about taking care of your baby plants.\n\nGerminate your seeds and post updates for happy healthy seedlings.",
+ "emoji": "emojis/seeds-germination.png"
+ },
+ {
+ "id": "005",
+ "title": "β autoflowers",
+ "text": "Autoflowers are a special breed, which justifies a dedicated channel.\n\nCheckout here how people are dealing with autos in tight spaces.",
+ "emoji": "emojis/autoflowers.png"
+ },
+ {
+ "id": "006",
+ "title": "β plant-training",
+ "text": "LST / HST - doesnβt ring a bell?\n\nTraining is the key to increasing yield potential.\n\nLearn and share training methods - take your grow to the next level.",
+ "emoji": "emojis/plant-training.png"
+ },
+ {
+ "id": "007",
+ "title": "β deals",
+ "text": "1. Find a good deal\n\n2. Share it with the community\n\n3. Profit",
+ "emoji": "emojis/deals.png"
+ },
+ {
+ "id": "008",
+ "title": "β puff-puff-pass",
+ "text": "A place to chill and share dank memes while we pass the virtual pipe around π·\n\nThe same rule applies, puff-puff-pass ;)",
+ "emoji": "emojis/puff-puff-pass.png"
+ },
+ {
+ "id": "009",
+ "title": "β carbon-filter-builds",
+ "text": "Nosy neighbors?\n\nEveryhting about carbon filters to get rid of that smelly smell.\n\nNo one will ever know ;)",
+ "emoji": "emojis/carbon-filter-builds.png"
+ },
+ {
+ "id": "010",
+ "title": "β grow-box-builds",
+ "text": "The tinkererβs hub, come share your latest modifications and improvements to your box.\n\nIf you wondered how to turn a washing machine into connected growbox, thatβs the right place^^",
+ "emoji": "emojis/grow-box-builds.png"
+ },
+ {
+ "id": "011",
+ "title": "β timelapses",
+ "text": "The best way to get feedback from your plant.\n\nBuild your own simple timelsape setup and get daily/weekly timlapses posted in your diary.",
+ "emoji": "emojis/timelapse.png"
+ },
+ {
+ "id": "012",
+ "title": "β harvesting-curing",
+ "text": "Post trichome pictures to get insights on when to harvest and share how your curing is going.\n\nLearn more about the importance of curing & how to porperly do the process.",
+ "emoji": "emojis/harvesting-curing.png"
+ },
+ {
+ "id": "013",
+ "title": "β is-my-plant-ok",
+ "text": "Need help diagnosing plant issues?\n\nOur on-call docs will help you fix plant issues.",
+ "emoji": "emojis/is-my-plant-ok.png"
+ },
+ {
+ "id": "014",
+ "title": "β gaming",
+ "text": "Are you a gamer?\n\nJoin us for fun and games :)",
+ "emoji": "emojis/gaming.png"
+ },
+ {
+ "id": "015",
+ "title": "β nutrients",
+ "text": "Get feedback and insights from what other growers in the community are using.\n\nYou can learn more about organic growing in:\n#π³βorganic",
+ "emoji": "emojis/nutrients.png"
+ },
+ {
+ "id": "016",
+ "title": "β growerβs-discussion",
+ "text": "All things growing related.\n\nDiscuss new methods ans help each other grow better weed.\n\nDiscover the wide variety of possible technics when it comes to growing.",
+ "emoji": "emojis/growers-discussion.png"
+ },
+ {
+ "id": "017",
+ "title": "β breeding",
+ "text": "Because some members like to go further than just growing.\n\nThis channel is great if you want to learn how to create your own strain and how feminized seeds are made.",
+ "emoji": "emojis/breeding.png"
+ }
+ ]
+}
diff --git a/config/widgets.json b/config/widgets.json
deleted file mode 100644
index d6fbd1ca..00000000
--- a/config/widgets.json
+++ /dev/null
@@ -1 +0,0 @@
-{"widgets":[{"id":"rec0Q17WZRPAdyjb5","slug":"product-tools","title":"Tools","picture":[{"fileLarge":"widgets/attmB89CXKWYJwVMd.jpg","fileSmall":"widgets/attmB89CXKWYJwVMd_small.jpg","fileFull":"widgets/attmB89CXKWYJwVMd_full.jpg","type":"image/png"}],"producttypes":["TOOLS"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductList"},{"id":"rec1ZfkdS1YYCI2hm","slug":"Guide-Spotlight","title":"Guide Spotlight","description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"GuideSpotlight","guideslug":"pros-&-cons-growing-in-cabinets","expiration":"2021-08-31T15:41:00.000Z","picture":[]},{"id":"rec3YxCPy0cln2ukf","slug":"product-addons","title":"Addons","picture":[{"fileLarge":"widgets/attYYBV3RewPDoBbL.jpg","fileSmall":"widgets/attYYBV3RewPDoBbL_small.jpg","fileFull":"widgets/attYYBV3RewPDoBbL_full.jpg","type":"image/png"}],"producttypes":["COMPLETE KIT"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductList"},{"id":"recA6uVGpoehK31oD","slug":"product-spareparts","title":"Spare Parts","picture":[{"fileLarge":"widgets/attUG4UBTcqsp3FzS.jpg","fileSmall":"widgets/attUG4UBTcqsp3FzS_small.jpg","fileFull":"widgets/attUG4UBTcqsp3FzS_full.jpg","type":"image/png"}],"producttypes":["GROWBOX"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductList"},{"id":"recEU5WsBhdNgzs7S","slug":"test-productList","title":"TEST PRODUCTLIST","products":["rece9Dx0KhMemq4xH","recUDON3fkEnuFPMY","receTk54uwtnm7IZP","recoHx6yBXkky38Lu"],"description":"sfvgseufygvsergsg\n","component":"ProductList","picture":[]},{"id":"recGCSwGoGXJTe4UM","slug":"test-plant-spotlight","title":"Plant of the month","products":["rece9Dx0KhMemq4xH"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","plantid":"63b042f8-fed0-40d2-ac1e-7c858196e073","component":"PlantSpotlight","picture":[]},{"id":"recHGQUwNbzWKL21m","slug":"test-CountDown","title":"CountDown","picture":[{"fileLarge":"widgets/attUK6IHBDDGwuMVp.jpg","fileSmall":"widgets/attUK6IHBDDGwuMVp_small.jpg","fileFull":"widgets/attUK6IHBDDGwuMVp_full.jpg","type":"image/jpeg"},{"fileLarge":"widgets/att51co5LLphZKrg4.jpg","fileSmall":"widgets/att51co5LLphZKrg4_small.jpg","fileFull":"widgets/att51co5LLphZKrg4_full.jpg","type":"image/png"}],"link":"https://www.paradise-seeds.com/","description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"CountDown","date":"2021-08-31T12:30:00.000Z","expiration":"2021-08-31T09:38:00.000Z"},{"id":"recQZLYqJ3iVZ1SPG","slug":"pruduct-bundle","title":"Bundles","picture":[{"fileLarge":"widgets/attzmKXbnQfmllPe0.jpg","fileSmall":"widgets/attzmKXbnQfmllPe0_small.jpg","fileFull":"widgets/attzmKXbnQfmllPe0_full.jpg","type":"image/png"}],"producttypes":["SGL_BUNDLE"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductList"},{"id":"recSqOeC0dXrM9dAv","slug":"test-categorylist","products":["receczqD05EC0O8CA"],"description":"\n","component":"CategoryList","picture":[]},{"id":"recV2YRGcn6M5cyCn","slug":"Product-Spotlight","title":"Product Spotlight","products":["recEXK08MmQghZbT4"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductSpotlight","expiration":"2021-08-31T09:38:00.000Z","picture":[]},{"id":"reciqpX0JzRoUmfo4","slug":"product-growspace","title":"Growspace","picture":[{"fileLarge":"widgets/attkxtLS5NusjH8Y6.jpg","fileSmall":"widgets/attkxtLS5NusjH8Y6_small.jpg","fileFull":"widgets/attkxtLS5NusjH8Y6_full.jpg","type":"image/png"}],"producttypes":["SGL"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductList"},{"id":"recoIAuik7uV4hKdH","slug":"product-growing","title":"Growing","picture":[{"fileLarge":"widgets/att4nspCMtwZ2Meue.jpg","fileSmall":"widgets/att4nspCMtwZ2Meue_small.jpg","fileFull":"widgets/att4nspCMtwZ2Meue_full.jpg","type":"image/png"}],"producttypes":["Stickers"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","component":"ProductList"},{"id":"recqc25QavxKk3Huo","slug":"Plant-Spotlight","title":"Plant Spotlight","products":["rece9Dx0KhMemq4xH"],"description":"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.\n","plantid":"c83b9415-6f79-4e7b-91fa-2e186003e35b","component":"PlantSpotlight","expiration":"2021-08-31T15:16:00.000Z","picture":[]},{"id":"recsNKGOitaGjPX32","slug":"test-banner","picture":[{"filePath":"widgets/attl5owfYlvDREyXs.mp4","type":"video/mp4"}],"link":"https://www.paradise-seeds.com/product/mendocino-skunk/","description":"\n","component":"Banner"},{"id":"recsYBFvkz7RJlUW1","slug":"test-newsletter","title":"SGL Newsletter","link":"Subscribe","description":"Subscribe our newsletter and receive news & special offer by email.\n","component":"Newsletter","picture":[]},{"id":"recvfY0WTnBsfEe5L","slug":"test-banner2","picture":[{"fileLarge":"widgets/attEPIZ9OJUBZ8pRW.jpg","fileSmall":"widgets/attEPIZ9OJUBZ8pRW_small.jpg","fileFull":"widgets/attEPIZ9OJUBZ8pRW_full.jpg","type":"image/jpeg"}],"link":"https://www.paradise-seeds.com/product/mendocino-skunk/","description":"\n","component":"Banner"}],"shop":[{"id":"recDCOlinuX9gWw01","slug":"center-growspace-productlist","location":"SHOP_CENTER_COLUMN","widgets":["reciqpX0JzRoUmfo4"],"component":"HorizontalContainer","order":180},{"id":"recEY5K2RBx1MmnDV","slug":"test-center-newsletter-bannercontainer","location":"SHOP_CENTER_COLUMN","widgets":["recsYBFvkz7RJlUW1"],"component":"HorizontalContainer","order":100},{"id":"recIFUNI7zAhm3r6G","slug":"center-addons-productlist","location":"SHOP_CENTER_COLUMN","widgets":["rec3YxCPy0cln2ukf"],"component":"HorizontalContainer","order":50},{"id":"recJPPBhHK3Q5wdMx","slug":"test-center-spotlight-bannercontainer","location":"SHOP_CENTER_COLUMN","widgets":["recGCSwGoGXJTe4UM"],"component":"HorizontalContainer","order":40},{"id":"recSQgcntq3s79cZd","slug":"test-center-plant-spotlight","location":"SHOP_CENTER_COLUMN","widgets":["recqc25QavxKk3Huo"],"component":"HorizontalContainer","order":80},{"id":"recTe5yLfkpG5rCat","slug":"center-tools-productlist","location":"SHOP_CENTER_COLUMN","widgets":["rec0Q17WZRPAdyjb5"],"component":"HorizontalContainer","order":600},{"id":"recUBr1CWVWC67EwU","slug":"test-right-vertical","location":"SHOP_RIGHT_COLUMN","widgets":["recsNKGOitaGjPX32"],"component":"VerticalContainer","order":950},{"id":"recVRbr4SIweAqGaD","slug":"center-growing-productlist","location":"SHOP_CENTER_COLUMN","widgets":["recoIAuik7uV4hKdH"],"component":"HorizontalContainer","order":250},{"id":"recdTkeZ8HezPEVpC","slug":"test-countdown","location":"SHOP_CENTER_COLUMN","widgets":["recHGQUwNbzWKL21m"],"component":"HorizontalContainer","order":20},{"id":"recfsQwD26icySK1t","slug":"center-bundles-productlist","location":"SHOP_CENTER_COLUMN","widgets":["recQZLYqJ3iVZ1SPG"],"component":"HorizontalContainer","order":30},{"id":"recjRi236f7mb79ni","slug":"test-center-product-spotlight","location":"SHOP_CENTER_COLUMN","widgets":["recV2YRGcn6M5cyCn"],"component":"HorizontalContainer","order":70},{"id":"recjjAm0g8SeJfsrN","slug":"center-spareparts-productlist","location":"SHOP_CENTER_COLUMN","widgets":["recA6uVGpoehK31oD"],"component":"HorizontalContainer","order":120},{"id":"recm8xyMIIHdkqkno","slug":"test-left-vertical","location":"SHOP_LEFT_COLUMN","widgets":["recsYBFvkz7RJlUW1"],"component":"VerticalContainer","order":1000},{"id":"recmJT2n3QywFOEBs","slug":"test-center-guide-spotlight","location":"SHOP_CENTER_COLUMN","widgets":["rec1ZfkdS1YYCI2hm"],"component":"HorizontalContainer","order":60},{"id":"recsD0AzaJVa24PVl","slug":"test-center-multiple-widgets-carousel","location":"SHOP_CENTER_COLUMN","widgets":["recsNKGOitaGjPX32","recvfY0WTnBsfEe5L"],"component":"CarrouselContainer","order":10},{"id":"rect2jKAaSkQGJqZR","slug":"test-right-carousel","location":"SHOP_RIGHT_COLUMN","component":"VerticalContainer","order":900},{"id":"recy15QvAHTLseADi","slug":"test-center-carousel","location":"SHOP_CENTER_COLUMN","widgets":["recsNKGOitaGjPX32","recvfY0WTnBsfEe5L"],"component":"CarrouselContainer","order":150}]}
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index 9ce4e5ea..2e9f4af9 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -55,9 +55,10 @@ export default {
},
computed: {
promo() {
- const discount = this.$store.state.checkout.discount.value,
- promocode = this.$store.state.checkout.promocode.value
- if (!promocode || !discount) return ''
+ const sglSellerID = process.env.sglSellerID
+ const discount = this.$store.state.checkout.discounts[sglSellerID],
+ promocode = this.$store.state.checkout.promocodes[sglSellerID]
+ if (!promocode || !discount) return null
return {promocode, discount}
},
},
@@ -82,7 +83,7 @@ export default {
background-color: white
#promo
- z-index: 100
+ z-index: 2000
position: fixed
display: flex
flex-direction: column
diff --git a/lib/json_db.js b/lib/json_db.js
new file mode 100644
index 00000000..27b64bb0
--- /dev/null
+++ b/lib/json_db.js
@@ -0,0 +1,66 @@
+/*
+ * Copyright (C) 2021 SuperGreenLab
+ * Author: Constantin Clauzel
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see
@@ -83,7 +83,7 @@
import Header from '~/components/layout/header.vue'
import Guide from '~/components/bundle/guide.vue'
import ProductGuide from '~/components/guides/small.vue'
-import ProductList from '~/components/products/productlist.vue'
+import ProductListComponent from '~/components/products/productlistcomponent.vue'
import Bundle from '~/components/bundle/bundle.vue'
import Item from '~/components/bundle/item.vue'
import Title from '~/components/bundle/title.vue'
@@ -98,8 +98,10 @@ import AddToCart from '~/components/products/addtocart.vue'
import { guides } from '~/config/guides.json'
+import { productWithSlug, productsWithTypes, brandProduct, leds, accessories, } from '~/lib/json_db.js'
+
export default {
- components: {Header, Guide, ProductGuide, ProductList, Bundle, Title, Price, Item, Footer, ContinuousSupply, ProgressiveSunriseSunset, App, BundleIntro, LatestDiaries, AddToCart,},
+ components: {Header, Guide, ProductGuide, ProductListComponent, Bundle, Title, Price, Item, Footer, ContinuousSupply, ProgressiveSunriseSunset, App, BundleIntro, LatestDiaries, AddToCart,},
head() {
return {
title: `SuperGreenLab - ${this.brandProduct.name} - ${this.bundle.tagline}`,
@@ -124,16 +126,16 @@ export default {
computed: {
bundle() {
const { slug } = this.$route.params
- return this.$store.getters['eshop/productWithSlug'](slug)
+ return productWithSlug(slug)
},
brandProduct() {
- return this.$store.getters['eshop/brandProduct'](this.bundle.SellingPoints[0].BrandProduct[0])
+ return brandProduct(this.bundle.SellingPoints[0].BrandProduct[0])
},
led() {
- return (slug) => this.$store.getters['eshop/productWithSlug'](slug)
+ return (slug) => productWithSlug(slug)
},
accessory() {
- return (slug) => this.$store.getters['eshop/productWithSlug'](slug)
+ return (slug) => productWithSlug(slug)
},
guides() {
return guides.filter(g => {
@@ -148,15 +150,10 @@ export default {
})
},
sglSpareParts() {
- return this.$store.getters['eshop/leds'].concat(this.$store.getters['eshop/accessories'])
+ return leds().concat(accessories())
},
relatedProducts() {
- /*return this.$store.getters['eshop/productsWithTypes'](['FURNITURE', 'CARBON FILTER', 'SOIL']).filter((p, i, a) => {
- return a.indexOf(p) == i
- }).filter(p => p.id !== this.bundle.id)*/
- return [].concat(...['FURNITURE', 'TENT', 'CARBON FILTER', 'SOIL', 'NUTRIENT'].map(t => this.$store.getters['eshop/productsWithTypes'](t))).filter((p, i, a) => {
- return a.indexOf(p) == i
- }).filter(p => p.id !== this.bundle.id)
+ return productsWithTypes(['FURNITURE', 'TENT', 'CARBON FILTER', 'SOIL', 'NUTRIENT']).filter(p => p.id !== this.bundle.id)
}
},
}
@@ -174,7 +171,7 @@ export default {
#header
position: fixed
width: 100%
- top: 0
+ top: 0
left: 0
z-index: 1000
@@ -197,9 +194,9 @@ export default {
.guide
margin: 20pt 0
- flex-basis: 50%
+ flex-basis: 50%
@media only screen and (max-width: 600px)
- flex-basis: 100%
+ flex-basis: 100%
margin: 20pt 5pt
.space
diff --git a/pages/c.vue b/pages/c.vue
index 4ef71f02..1dde86f0 100644
--- a/pages/c.vue
+++ b/pages/c.vue
@@ -42,6 +42,8 @@ import LineItem from '~/components/cart/lineitem.vue'
import Vue from 'vue'
+import { product, sellingPointWithID, } from '~/lib/json_db.js'
+
export default {
head() {
return {
@@ -70,8 +72,8 @@ export default {
try {
const items = atob(data).split('|').map(i => i.split(';')).map(i => ({
n: parseInt(i[0]),
- product: this.$store.getters['eshop/product'](i[1]),
- sellingPoint: this.$store.getters['eshop/sellingPointWithID'](i[2]),
+ product: product(i[1]),
+ sellingPoint: sellingPointWithID(i[2]),
checked: true,
}))
this.$data.cart = items
diff --git a/pages/cart.vue b/pages/cart.vue
index cb5b32c8..e8afff44 100644
--- a/pages/cart.vue
+++ b/pages/cart.vue
@@ -26,7 +26,7 @@
- {{ offer.currency }}{{ ((offer.price * 100) / (100 - offer.value)).toFixed(2) }}
+
{{ offer.currency }}{{ ((offer.price * 100) / (100 - offer.value)).toFixed(2) }}
+ {{ price.strTotalWithoutDiscount }}
+ *price may vary
+ *converted to local currency
-
- incl.tax + FREE SHIPPING* - *price may vary - Special offer: -{{ offer.value }}% -
- {{ price(true) }}
- incl.tax + FREE SHIPPING* - *price may vary - Special offer: -{{ offer.value }}% -
-
-
- {{ price(false) }} - -
- *price may vary -
-
- incl.tax + FREE SHIPPING* - *price may vary - promocode: -{{ discount }}% +
+ incl.tax + FREE SHIPPING* + *external seller, price may vary + *converted to local currency + promocode: -{{ price.discountPercent.toFixed(2) }}%
{{ price(true) }}
- incl.tax + FREE SHIPPING* - *price may vary - promocode: -{{ discount }}% +
{{ price.strTotal }}
+ incl.tax + FREE SHIPPING* + *external seller, price may vary + *converted to local currency + promocode: -{{ price.discountPercent.toFixed(2) }}%
-
Notify me of price changes
@@ -60,38 +50,17 @@ import { open, screenX, availWidth } from '~/lib/client-side.js'
export default {
props: ['lineItems', 'freeshipping', 'small', 'notify'],
computed: {
- offer() {
- const { lineItems } = this.$props
- if (lineItems.length == 0) return 0
- if (lineItems.length != 1 || !lineItems[0].sellingPoint.offer) return 0
- return { currency: lineItems[0].sellingPoint.currency, price: this.$store.getters['checkout/lineItemsPrice'](lineItems, true, true), value: lineItems[0].sellingPoint.offer }
- },
- discount() {
- const { lineItems } = this.$props
- if (lineItems.length == 0) return 0
- const { discount } = this.$store.getters['checkout/promoDiscount'](lineItems[0].sellingPoint)
- return discount
- },
price() {
const { lineItems } = this.$props
if (lineItems.length == 0) return () => 0
- return (promo) => this.$store.getters['checkout/lineItemsPrice'](lineItems, promo)
- },
- isSGL() {
- const { lineItems } = this.$props
- if (lineItems.length == 0) return false
- return lineItems[0].sellingPoint.Seller[0] == 'recT9nIg4ahFv9J29'
- },
- includesTaxes() {
- const { lineItems } = this.$props
- return this.$store.getters['checkout/hasVAT'](lineItems)
+ return this.$store.getters['checkout/lineItemsPrice'](lineItems)
},
},
methods: {
notifyForm() {
const width = 800
open(`https://airtable.com/shrB2zJ3H5jF9f6fl?prefill_SellingPoint=${this.$props.lineItems[0].sellingPoint.id}`, '_blank', `width=${width},height=600,top=100,left=${screenX() + availWidth()/2 - width/2}`)
- this.$matomo && this.$matomo.trackEvent('guide', 'feedback')
+ this.$matomo.trackEvent('notify-price', 'click')
}
},
}
@@ -100,6 +69,7 @@ export default {
diff --git a/components/products/productlistcomponent.vue b/components/products/productlistcomponent.vue
new file mode 100644
index 00000000..5ed095a4
--- /dev/null
+++ b/components/products/productlistcomponent.vue
@@ -0,0 +1,45 @@
+
+
+ {{ price(false) }}
- *price may vary - incl. tax + FREE SHIPPING* +{{ price.strTotal }}
+ *price may vary + *converted to local currency + incl. tax + FREE SHIPPING*+ +
Our bundles are shipped discreet
+
+ {{ brandProduct.name }}
BY {{ brand.name }}
+ {{ seller.name }}
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ days | zero }}
+ Days
+
+
+ {{ hours | zero }}
+ Hours
+
+
+ {{ minutes | zero }}
+ Minutes
+
+
+ {{ seconds | zero }}
+ Seconds
+ Before {{ endDate | formatDate }}
+
+
+
+ Times's up
+ Enjoy {{ endDate | formatDate }}
+
+
+ {{config.title}}
+ + +
+
+
+
+
+
+
+
+
+
+ What you'll need
+
+ {{ c.menu }}
+
+
+
+
+ Newsletter
+{{ config.title }}
+ +
+
+
+ {{ config.linktext }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ plant.name }}
+
+
+
+
+
+ 
+
+
+ Plant Strain: {{ plant.settings.strain || 'Not set' }}
From: {{ plant.settings.seedBank || 'Not set' }}
+ From: {{ plant.settings.seedBank || 'Not set' }}
+ 
+
+
+ Germinated: {{ germinated }}
{{ phase[0] }}: {{ phase[1] }}
+ {{ phase[0] }}: {{ phase[1] }}
+ Install app first
+ Open plant
+
+ +
Grow with {{ product.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{config.title}}
+ +
+
+
+
+
+
+
+ View product page
+
+
+
+
+
+
+
+
+ {{ title }}
-{{ green }}
-{{ title2 }}
- {{ smalltitle }} +
+
+
+
+
+
+
+
+
+
-
Those are the items you selected that are directly available on our shop.
- Those are the items you selected that are available in other shops.
@@ -49,10 +49,20 @@ import md5 from 'blueimp-md5'
import Header from '~/components/layout/header.vue'
import Footer from '~/components/layout/footer.vue'
import Title from '~/components/cart/title.vue'
-import SGLCart from '~/components/cart/sglcart.vue'
+import ShopifyCart from '~/components/cart/shopifycart.vue'
import TierCart from '~/components/cart/tiercart.vue'
import { baseUrl } from '~/lib/client-side.js'
+import { seller, } from '~/lib/json_db.js'
+
+const isShopify = (s) => {
+ try {
+ s = seller(s)
+ return s.type == 'shopify' && s.params.shopify.token
+ } catch(e) {
+ return false
+ }
+}
export default {
head() {
@@ -67,22 +77,18 @@ export default {
],
}
},
- components: {Header, Footer, Title, SGLCart, TierCart},
+ components: {Header, Footer, Title, ShopifyCart, TierCart},
data() {
return {
shared: false
}
},
computed: {
+ shopifySellers() {
+ return this.$store.getters['checkout/cart'].filter(li => isShopify(li.sellingPoint.Seller[0])).map(li => seller(li.sellingPoint.Seller[0])).filter((o, i, a) => a.indexOf(o) == i)
+ },
tierSellers() {
- const deduplicate = {}
- return this.$store.getters['checkout/cart'].filter(lineItem => lineItem.sellingPoint.Seller[0] !== 'recT9nIg4ahFv9J29').map(lineItem => this.$store.getters['eshop/seller'](lineItem.sellingPoint.Seller[0])).filter(seller => {
- if (deduplicate[seller.id]) {
- return false
- }
- deduplicate[seller.id] = true
- return true
- })
+ return this.$store.getters['checkout/cart'].filter(li => !isShopify(li.sellingPoint.Seller[0])).map(li => seller(li.sellingPoint.Seller[0])).filter((o, i, a) => a.indexOf(o) == i)
}
},
methods: {
@@ -137,6 +143,7 @@ export default {
margin-right: 5pt
.carttype
+ color: #454545
margin: 10pt 30pt
.tiercart
@@ -150,6 +157,7 @@ export default {
align-items: center
padding: 20pt 0
font-size: 1.1em
+ color: #454545
#space
height: 40pt
diff --git a/pages/sglcheckout.vue b/pages/checkout/_seller.vue
similarity index 81%
rename from pages/sglcheckout.vue
rename to pages/checkout/_seller.vue
index f4cdd721..d0db75ab 100644
--- a/pages/sglcheckout.vue
+++ b/pages/checkout/_seller.vue
@@ -19,14 +19,9 @@
-
-
-
@@ -116,35 +46,21 @@
+
+
diff --git a/pages/testshop.vue b/pages/testshop.vue
new file mode 100644
index 00000000..3d66f3e6
--- /dev/null
+++ b/pages/testshop.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/plugins/matomo.js b/plugins/matomo.js
index eea39b41..3f399b15 100644
--- a/plugins/matomo.js
+++ b/plugins/matomo.js
@@ -26,6 +26,6 @@ export default ({ app }) => {
exdate.setDate(exdate.getDate() + 3650)
document.cookie=`sglid=${sglid}; domain=.supergreenlab.com; path=/; expires=${exdate.toUTCString()}`;
}
- app.$matomo && app.$matomo.setUserId(sglid)
+ app.$matomo.setUserId(sglid)
}
}
diff --git a/plugins/vue-slick-carousel.js b/plugins/vue-slick-carousel.js
new file mode 100644
index 00000000..c7e3dac4
--- /dev/null
+++ b/plugins/vue-slick-carousel.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueSlickCarousel from 'vue-slick-carousel'
+
+Vue.component('VueSlickCarousel', VueSlickCarousel)
diff --git a/store/checkout.js b/store/checkout.js
index be5f236e..49bdf7b9 100644
--- a/store/checkout.js
+++ b/store/checkout.js
@@ -20,18 +20,20 @@ import Vue from 'vue'
import axios from 'axios'
import { loadFromStorage, saveToStorage } from '~/lib/client-side.js'
+import { regionTree } from '~/lib/json_db.js'
import { products, sellingPoints, regions, } from '~/config/products.json'
// return this.bundle.canorder && Object.keys(this.$store.state.checkout).findIndex((k) => typeof this.$store.state.checkout[k].value !== 'undefined' && !this.$store.state.checkout[k].value && !this.$store.state.checkout[k].optional) == -1
-const STORAGE_ITEM='checkout5'
+const STORAGE_ITEM='checkout6'
export const state = () => {
let defaults = {
+ rates: [{"base":"EUR","rates":{"EUR":1,"USD":1.16005,"CAD":1.475991,"GBP":0.86364}},{"base":"USD","rates":{"EUR":0.862032,"USD":1,"CAD":1.27235,"GBP":0.744485}},{"base":"CAD","rates":{"EUR":0.677511,"USD":0.785947,"CAD":1,"GBP":0.585126}},{"base":"GBP","rates":{"EUR":1.15789,"USD":1.34321,"CAD":1.709034,"GBP":1}}],
cart: [],
- promocode: {value: '', valid: true, optional: true,},
- discount: {value: 0, valid: true, optional: true},
+ promocodes: {},
+ discounts: {},
};
return defaults
};
@@ -48,33 +50,36 @@ export const actions = {
if (saved) {
context.commit('setState', JSON.parse(saved))
}
+ context.dispatch('loadExchangeRates')
},
- async fetchPromocode(context, {code}) {
+ async fetchPromocode(context, {sellerid, promocode}) {
try {
if (cancel) {
cancel()
cancel = null
}
- const { data: discount } = await axios.get(`https://shopapi.supergreenlab.com/discount?code=${code}`, {
+ const { data: discount } = await axios.get(`https://shopapi.supergreenlab.com/discount?code=${promocode}`, {
cancelToken: new CancelToken((c) => {
cancel = c
})
})
cancel = null
- context.commit('setPromocode', code)
- context.commit('setDiscount', discount.discount)
+ context.commit('setPromocode', { sellerid, promocode })
+ context.commit('setDiscount', { sellerid, discount: discount.discount })
} catch(e) {
- context.commit('setDiscount', 0)
+ context.commit('setDiscount', { sellerid, discount: 0 })
}
},
+ async loadExchangeRates(context) {
+ const rateAPI = process.env.rateAPI
+ const { data } = await axios.get('https://shopapi.supergreenlab.com/rates')
+ context.commit('setRates', data)
+ },
}
export const mutations = {
- setState(state, newState/*{ cart, promocode, discount }*/) {
+ setState(state, newState) {
Object.assign(state, newState)
- /*state.cart.push(...cart)
- state.promocode = promocode
- state.discount = discount*/
},
addToCart(state, { n, product, sellingPoint }) {
const i = state.cart.findIndex(i => i.sellingPoint == sellingPoint.id)
@@ -96,61 +101,107 @@ export const mutations = {
Vue.set(state.cart, i, Object.assign({}, state.cart[i], { checked } ))
storeState(state)
},
- setPromocode(state, promocode) {
- state.promocode.value = promocode
- state.discount.value = 0
+ setPromocode(state, { sellerid, promocode }) {
+ state.promocodes[sellerid] = promocode
+ delete state.discounts[sellerid]
+ storeState(state)
+ },
+ setDiscount(state, { sellerid, discount }) {
+ state.discounts = { ...state.discounts, [sellerid]: discount }
storeState(state)
},
- setDiscount(state, discount) {
- state.discount.value = discount
+ setRates(state, rates) {
+ state.rates = rates
storeState(state)
},
}
-const regionTree = (rootState, region, acc=[]) => {
- acc.push(region)
- if (region.in) {
- return regionTree(rootState, regions.find(r => r.id == region.in[0]), acc)
- }
- return acc
+const convertCurrency = (price, currencyFrom, currencyTo, rates) => {
+ const rate = rates.find(r => r.base == currencyFrom)
+ return price * rate.rates[currencyTo]
}
export const getters = {
- promoDiscount: state => sellingPoint => {
- if (sellingPoint.Seller[0] != 'recT9nIg4ahFv9J29') return {promocode: '', discount: 0}
- const discount = state.discount.value,
- promocode = state.promocode.value
+ promoDiscount: state => sellerId => {
+ const discount = state.discounts[sellerId],
+ promocode = state.promocodes[sellerId]
if (!promocode || !discount) return {promocode: '', discount: 0}
return {promocode, discount}
},
- lineItemsPrice: (state, getters, rootState, rootGetters) => (lineItems, promo=true, number=false) => {
- if (!lineItems || lineItems.length == 0) return 0
- const region = rootState.eshop.region
- let vat = 0
- if (lineItems[0].sellingPoint.Seller[0] == 'recT9nIg4ahFv9J29' && regionTree(rootState, region).find(r => r.code == 'EU') && region.code != 'UK') {
- vat = 21
- }
- const currency = lineItems[0].sellingPoint.currency
- const totalWithPromo = lineItems.filter(({ sellingPoint }) => !sellingPoint.offer).reduce((acc, lineItem) => acc + (lineItem.sellingPoint.price * lineItem.n), 0) || 0
- const totalWithoutPromo = lineItems.filter(({ sellingPoint }) => sellingPoint.offer).reduce((acc, lineItem) => acc + (lineItem.sellingPoint.price * lineItem.n), 0) || 0
- let discount = 0
- if (promo) {
- discount = getters.promoDiscount(lineItems[0].sellingPoint).discount
+ lineItemsPrice: (state, getters, rootState, rootGetters) => (lineItems) => {
+ const sglSellerID = process.env.sglSellerID
+ const sm = {
+ 'US$': 'USD',
+ 'β¬': 'EUR',
+ 'CA$': 'CAD',
+ 'Β£': 'GBP',
}
- if (number) {
- return Math.floor((totalWithoutPromo + (totalWithPromo - totalWithPromo * discount / 100)) * (1 + vat / 100) * 100) / 100
+ const region = rootState.eshop.region
+ const result = {
+ total: 0,
+ totalWithoutDiscount: 0,
+ discountPercent: 0,
+ nItems: 0,
+
+ currency: region.currency,
+ strTotal: `${region.currency}0`,
+ strTotalWithoutDiscount: `${region.currency}0`,
+
+ totals: Object.values(sm).reduce((acc, s) => Object.assign(acc, {[s]: 0}), {}),
+ totalsWithoutDiscounts: Object.values(sm).reduce((acc, s) => Object.assign(acc, {[s]: 0}), {}),
+
+ freeShipping: true,
+ converted: false,
+ canorder: false,
+ incTax: false,
+ sglOnly: true,
}
- return `${currency}${((totalWithoutPromo + (totalWithPromo - totalWithPromo * discount / 100)) * (1 + vat / 100)).toFixed(2)}`
- },
+ lineItems.forEach(li => {
+ const addVAT = !li.sellingPoint.inctax && region.vat
+ var price = li.sellingPoint.price * li.n
+ var priceWithoutDiscount = price
+ const discount = getters.promoDiscount(li.sellingPoint.Seller).discount
+ let discountAmount = 0
+ if (li.sellingPoint.offer) {
+ discountAmount = price * li.sellingPoint.offer/100
+ } else if (discount && !li.sellingPoint.nopromo) {
+ discountAmount = price * discount/100
+ }
- hasVAT: (state, getters, rootState, rootGetters) => (lineItems) => {
- if (!lineItems || lineItems.length == 0) return false
- const region = rootState.eshop.region
- if (lineItems[0].sellingPoint.Seller[0] != 'recT9nIg4ahFv9J29') {
- return true
+ result.nItems += li.n
+ price -= discountAmount
+ if (addVAT) {
+ price += price * (region.vat/100)
+ priceWithoutDiscount += priceWithoutDiscount * (region.vat/100)
+ }
+
+ result.totals[sm[li.sellingPoint.currency]] += price
+ result.totalsWithoutDiscounts[sm[li.sellingPoint.currency]] += priceWithoutDiscount
+
+ result.canorder = result.canorder || (li.sellingPoint.canorder && !li.sellingPoint.outofstock)
+ result.incTax = result.incTax || addVAT
+ result.sglOnly = result.sglOnly && li.sellingPoint.Seller[0] == sglSellerID
+ result.freeShipping = result.freeShipping && li.sellingPoint.freeshipping
+ })
+ Object.keys(result.totals).forEach(k => {
+ result.converted = result.converted || (k != sm[region.currency] && result.totals[k])
+ result.total += convertCurrency(result.totals[k], k, sm[region.currency], state.rates)
+ })
+ Object.keys(result.totalsWithoutDiscounts).forEach(k => {
+ result.totalWithoutDiscount += convertCurrency(result.totalsWithoutDiscounts[k], k, sm[region.currency], state.rates)
+ })
+
+ result.discountPercent = (result.totalWithoutDiscount - result.total) / result.totalWithoutDiscount * 100
+
+ if (result.currency == 'β¬') {
+ result.strTotal = `${result.total.toFixed(2)}${result.currency}`
+ result.strTotalWithoutDiscount = `${result.totalWithoutDiscount.toFixed(2)}${result.currency}`
+ } else {
+ result.strTotal = `${result.currency}${result.total.toFixed(2)}`
+ result.strTotalWithoutDiscount = `${result.currency}${result.totalWithoutDiscount.toFixed(2)}`
}
- return regionTree(rootState, region).find(r => r.code == 'EU') && region.code != 'UK'
+ return result
},
cart: (state, getters, rootState, rootGetters) => state.cart.map(li => {
diff --git a/store/eshop.js b/store/eshop.js
index e7bdc368..542c5312 100644
--- a/store/eshop.js
+++ b/store/eshop.js
@@ -16,9 +16,10 @@
* along with this program. If not, see
Items in your cart
@@ -39,10 +34,16 @@
+
+ The price displayed has been automatically converted to your local currency.
+ Price in checkout will probably not be in the same currency. +
+ + Price in checkout will probably not be in the same currency. +
+ Shipping cost will be added on the next step.
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+