Commit 4fd6226e authored by Yash Saravgi's avatar Yash Saravgi
Browse files

Merge branch 'newfile1' of https://code.swecha.org/suryakiran/kisanmarket into next

parents 5fb95d5a d3536235
......@@ -28,13 +28,13 @@ const contents = {
"51(per kg",
],
Paddy: ["Basmathi", "Swarna", "Sona"],
Sugarcane: ["green", "red"],
SugarCane: ["green", "red"],
Potato: ["Sweet", "Hard"],
};
contents.categories.forEach(function (mov, ind) {
let html = `
<li class="innerlistx">
`;
<li class="innerlistx">
`;
let inner = `<ul class="innerlist">`;
console.log(mov);
if (contents[`${mov}`]) {
......@@ -55,35 +55,35 @@ contents.categories.forEach(function (mov, ind) {
contents.imagelinks.forEach(function (mov, ind) {
console.log("hai");
const html = `
<div class="box" id="right_img${ind}" >
<div class="image" style="background-image: url(${mov});
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width:95%;
margin:2.5%;
border-radius: 10px;
aspect-ratio: 1/1;">
</div>
<div style="display:flex; flex-direction:row; justify-content:space-around;height: 50px;">
<div style="display:flex; flex-direction:column; height:100%;justify-content:space-between">
<div style="font-size: 0.70rem ; font-weight: 600;">${contents.names[ind]}</div>
<div style="font-size: 0.55rem;">Updated On : ${contents.dates[ind]}</div>
<div style="font-size:0.6rem;">Price :${contents.price[ind]}</div></div>
<div style="display:flex; flex-direction:column; gap: 10%; justify-content:space-between;">
<button style="width:100%;font-size: 0.5rem; float: right; padding :1%;border-radius:8px; background: linear-gradient(
to top left,
rgb(155, 250, 176),
rgb(133, 245, 235)
);">Add to Cart🛒</button>
<button style="width:100%;font-size: 0.5rem; float: right;border-radius:8px; padding :0.2vw; background: linear-gradient(
to top left,
rgb(155, 250, 176),
rgb(133, 245, 235)
);">Buy</button>
</div>
</div>
</div>
`;
<div class="box" id="right_img${ind}" >
<div class="image" style="background-image: url(${mov});
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width:95%;
margin:2.5%;
border-radius: 10px;
aspect-ratio: 1/1;">
</div>
<div>
<div>
<div style="font-size: 1em ; padding: 0 0 5px 5px; font-weight: 600;">${contents.names[ind]}</div>
<div style="font-size: 0.8em; padding: 0 0 5px 5px;">Updated On : ${contents.dates[ind]}</div>
<div style="font-size:0.8em; padding: 0 0 5px 5px;">Price :${contents.price[ind]}</div></div>
<div>
<button style="width:100%; font-size: 0.8em; float: right; padding :1%; margin-bottom: 5px; border-radius:8px; background: linear-gradient(
to top left,
rgb(155, 250, 176),
rgb(133, 245, 235)
); cursor: pointer;">Add to Cart 🛒</button>
<button style="width:100%;font-size: 0.8em; float: right;border-radius:8px; padding :0.2vw; background: linear-gradient(
to top left,
rgb(155, 250, 176),
rgb(133, 245, 235)
); cursor: pointer;">Buy</button>
</div>
</div>
</div>
`;
document.querySelector(".right").insertAdjacentHTML("beforeend", html);
});
......@@ -272,7 +272,6 @@ a {
.dropdown:hover .dropdown-content {
display: block;
position: relative;
}
.active {
color: white;
......@@ -321,7 +320,7 @@ a {
}
.box {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 5px 5px 10px;
background-color: white;
......@@ -432,6 +431,11 @@ a {
}
.dropdown-content {
width: 100vw;
display: block;
position: relative;
}
.dropdown:hover .dropdown-content {
display: block;
}
.left_top {
position: static;
......@@ -440,6 +444,8 @@ a {
}
.left_bottom {
position: static;
border: 1px solid black;
padding: 5px;
z-index: 15;
width: 100%;
}
......
......@@ -99,7 +99,6 @@
.dropdown:hover .dropdown-content {
display: block;
position: relative;
}
.active {
color: white;
......@@ -165,9 +164,13 @@
margin-right: 0px;
text-align: center;
}
.dropdown-content {
display: block;
position: relative;
}
#menu:checked ~ ul ul.ul {
position: relative;
z-index: -2;
display: block;
z-index: 9;
top: 0;
......@@ -175,10 +178,9 @@
}
#menu:checked ~ ul ul#ul2 {
position: relative;
z-index: -2;
display: block;
z-index: 9;
right: 0;
right: -3%;
top: 0;
}
.dropdown-content {
......@@ -375,9 +377,11 @@
price ranges.They don't get good return on sales.
</p>
<p>
Retail – B2C just Like Dedicated Online Vegetable store in Main cities of India.
Retail – B2C just Like Dedicated Online Vegetable store in Main cities of
India.
<br />
Online Farmers(wholesale) – B2B: Online Portal Where farmers can submit their Agri Produce for Sale.
Online Farmers(wholesale) – B2B: Online Portal Where farmers can submit
their Agri Produce for Sale.
</p>
<div class="footer">
&copy;kisanmarket<br /><br />
......
......@@ -84,7 +84,6 @@
.dropdown:hover .dropdown-content {
display: block;
position: relative;
}
.active {
color: white;
......@@ -151,9 +150,13 @@
margin-right: 0px;
text-align: center;
}
.dropdown-content
{
display: block;
position: relative;
}
#menu:checked ~ ul ul.ul {
position: relative;
z-index: -2;
margin: 0;
display: block;
z-index: 9;
......@@ -162,10 +165,10 @@
}
#menu:checked ~ ul ul#ul2 {
position: relative;
z-index: -2;
margin: 0;
display: block;
z-index: 9;
right: 0;
right: -3%;
top: 0;
}
.dropdown-content {
......
<!DOCTYPE html>
<html lang="en">
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<head>
<title>KISAN MARKET</title>
<meta charset="utf-8" />
......@@ -78,273 +76,84 @@
<label for="price-all">All Price</label>
<span></span>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="price-1"
/>
<label class="custom-control-label" for="price-1"
>$0 - $100</label
>
<span class="badge border font-weight-normal"></span>
<div>
<input type="checkbox" id="price-1" />
<label for="price-1">$0 - $100</label>
<span></span>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="price-2"
/>
<label class="custom-control-label" for="price-2"
>$100 - $200</label
>
<span class="badge border font-weight-normal"></span>
<div>
<input type="checkbox" id="price-2" />
<label for="price-2">$100 - $200</label>
<span></span>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="price-3"
/>
<label class="custom-control-label" for="price-3"
>$200 - $300</label
>
<span class="badge border font-weight-normal"></span>
<div>
<input type="checkbox" id="price-3" />
<label for="price-3">$200 - $300</label>
<span></span>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="price-4"
/>
<label class="custom-control-label" for="price-4"
>$300 - $400</label
>
<span class="badge border font-weight-normal"></span>
<div>
<input type="checkbox" id="price-4" />
<label for="price-4">$300 - $400</label>
<span></span>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
"
>
<input
type="checkbox"
class="custom-control-input"
id="price-5"
/>
<label class="custom-control-label" for="price-5"
>$400 - $500</label
>
<span class="badge border font-weight-normal"></span>
<div>
<input type="checkbox" id="price-5" />
<label for="price-5">$400 - $500</label>
<span></span>
</div>
</form>
</div>
<!-- Price End -->
<!-- Color Start -->
<div class="border-bottom mb-4 pb-4">
<h5 class="font-weight-semi-bold mb-4">Filter by Pulses</h5>
<div>
<h5>Filter by Pulses</h5>
<form>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
checked
id="color-all"
/>
<label class="custom-control-label" for="price-all"
>All Color</label
>
<span class="badge border font-weight-normal">1000</span>
<div>
<input type="checkbox" checked id="color-all" />
<label for="price-all">All Color</label>
<span>1000</span>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="color-1"
/>
<label class="custom-control-label" for="color-1">Black</label>
<div>
<input type="checkbox" id="color-1" />
<label for="color-1">Black</label>
<!-- <span class="badge border font-weight-normal">150</span> -->
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="color-2"
/>
<label class="custom-control-label" for="color-2">White</label>
<div>
<input type="checkbox" id="color-2" />
<label for="color-2">White</label>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="color-3"
/>
<label class="custom-control-label" for="color-3">Red</label>
<div>
<input type="checkbox" id="color-3" />
<label for="color-3">Red</label>
<!-- <span class="badge border font-weight-normal">246</span> -->
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
"
>
<input
type="checkbox"
class="custom-control-input"
id="color-5"
/>
<label class="custom-control-label" for="color-5">Green</label>
<!-- <span class="badge border font-weight-normal">168</span> -->
<div>
<input type="checkbox" id="color-5" />
<label for="color-5">Green</label>
</div>
</form>
</div>
<!-- Color End -->
<!-- Size Start -->
<div class="mb-5">
<h5 class="font-weight-semi-bold mb-4">Filter by Season</h5>
<div>
<h5>Filter by Season</h5>
<form>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
checked
id="size-all"
/>
<label class="custom-control-label" for="size-all"
>All Season</label
>
<!-- <span class="badge border font-weight-normal">1000</span> -->
<div>
<input type="checkbox" checked id="size-all" />
<label for="size-all">All Season</label>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="size-1"
/>
<label class="custom-control-label" for="size-1">Winter</label>
<!-- <span class="badge border font-weight-normal">150</span> -->
<div>
<input type="checkbox" id="size-1" />
<label for="size-1">Winter</label>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="size-2"
/>
<label class="custom-control-label" for="size-2">Summer</label>
<!-- <span class="badge border font-weight-normal">295</span> -->
<div>
<input type="checkbox" id="size-2" />
<label for="size-2">Summer</label>
</div>
<div
class="
custom-control custom-checkbox
d-flex
align-items-center
justify-content-between
mb-3
"
>
<input
type="checkbox"
class="custom-control-input"
id="size-3"
/>
<label class="custom-control-label" for="size-3">Monsoon</label>
<!-- <span class="badge border font-weight-normal">246</span> -->
<div>
<input type="checkbox" id="size-3" />
<label for="size-3">Monsoon</label>
</div>
</form>
</div>
......@@ -355,104 +164,6 @@
<div class="right" style="padding: 0.5%"></div>
</div>
<div class="filter_option"></div>
<script>
const contents = {
categories: [
"Paddy",
"Wheat",
"Cotton",
"Potato",
"Chilli",
"Onion",
"Milltes",
"Grains",
"SugarCane",
],
imagelinks: [
"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTdA8020hI-yocEX6ELdLbFr2uSGqOn0dLNqV4g2SO6dS7Q0EArX8LbcWFXyUO7-39d6q0&usqp=CAU",
"https://images.firstpost.com/wp-content/uploads/2019/03/Sugarcane_BoiVoice.jpg",
"https://images.unsplash.com/photo-1551754655-cd27e38d2076?ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8Y29ybnxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80",
"https://www.orfonline.org/wp-content/uploads/2015/12/150905-Onion-prices-and-Indian-politics-1280x720.jpg",
"https://www.orfonline.org/wp-content/uploads/2015/12/150905-Onion-prices-and-Indian-politics-1280x720.jpg",
],
names: ["Rice", "SugarCane", "Corn", "Onion", "Onion2"],
dates: [
"26/10/2020",
"01/02/2021",
"02/02/2021",
"04/06/2021",
"05/06/2021",
],
rating: ["4.6", "4.5", "4.2", "4.4"],
price: [
"1700(per quintal)",
"200(per kg)",
"20(per piece)",
"50(per kg)",
"51(per kg",
],
Paddy: ["Basmathi", "Swarna", "Sona"],
SugarCane: ["green", "red"],
Potato: ["Sweet", "Hard"],
};
contents.categories.forEach(function (mov, ind) {
let html = `
<li class="innerlistx">
`;
let inner = `<ul class="innerlist">`;
console.log(mov);
if (contents[`${mov}`]) {
contents[`${mov}`].forEach(function (mov1, ind1) {
let temp = `<li class="innerinnerlist"><input type="checkbox" id="ckbx"/><label for="ckbx">${mov1}</label></li>`;
inner = inner + temp;
});
inner =
inner +
`<li><button style="background-color:cyan; float:right;padding:1px;margin:10px">Save</button><li>` +
`</ul><div id="topnavcomptxt${ind}" class="topnavcomp" style="font-size:18px; font-weight:500">${mov}</div></li>`;
} else {
inner = `<div id="topnavcomptxt${ind}" class="topnavcomp" style="font-size:18px; font-weight:500">${mov}</div></li>`;
}
html = html + inner;
document
.querySelector(".left_top")
.insertAdjacentHTML("beforeend", html);
});
contents.imagelinks.forEach(function (mov, ind) {
console.log("hai");
const html = `
<div class="box" id="right_img${ind}" >
<div class="image" style="background-image: url(${mov});
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width:95%;
margin:2.5%;
border-radius: 10px;
aspect-ratio: 1/1;">
</div>
<div>
<div>
<div style="font-size: 1em ; padding: 0 0 5px 5px; font-weight: 600;">${contents.names[ind]}</div>
<div style="font-size: 0.8em; padding: 0 0 5px 5px;">Updated On : ${contents.dates[ind]}</div>
<div style="font-size:0.8em; padding: 0 0 5px 5px;">Price :${contents.price[ind]}</div></div>
<div>
<button style="width:100%; font-size: 0.8em; float: right; padding :1%; margin-bottom: 5px; border-radius:8px; background: linear-gradient(
to top left,
rgb(155, 250, 176),
rgb(133, 245, 235)
);">Add to Cart 🛒</button>
<button style="width:100%;font-size: 0.8em; float: right;border-radius:8px; padding :0.2vw; background: linear-gradient(
to top left,
rgb(155, 250, 176),
rgb(133, 245, 235)