Skip to content

Commit

Permalink
feat: added India profile visit card (#259)
Browse files Browse the repository at this point in the history
* Added India profile visit card

* Added more comments in the middle card
  • Loading branch information
kamallochan2004 authored Oct 1, 2023
1 parent 08ea552 commit 537a8f2
Show file tree
Hide file tree
Showing 6 changed files with 1,463 additions and 1,049 deletions.
9 changes: 9 additions & 0 deletions src/assets/static/js/pages/dashboard.js
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,10 @@ let optionsAmerica = {
...optionsEurope,
colors: ["#008b75"],
}
let optionsIndia = {
...optionsEurope,
colors: ["#ffc434"],
}
let optionsIndonesia = {
...optionsEurope,
colors: ["#dc3545"],
Expand All @@ -146,13 +150,18 @@ var chartAmerica = new ApexCharts(
document.querySelector("#chart-america"),
optionsAmerica
)
var chartIndia = new ApexCharts(
document.querySelector("#chart-india"),
optionsIndia
)
var chartIndonesia = new ApexCharts(
document.querySelector("#chart-indonesia"),
optionsIndonesia
)

chartIndonesia.render()
chartAmerica.render()
chartIndia.render()
chartEurope.render()
chartProfileVisit.render()
chartVisitorsProfile.render()
44 changes: 44 additions & 0 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -139,6 +139,24 @@ <h5 class="mb-0 text-end">375</h5>
<div id="chart-america"></div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="d-flex align-items-center">
<svg class="bi text-success" width="32" height="32" fill="blue"
style="width:10px">
<use
xlink:href="assets/static/images/bootstrap-icons.svg#circle-fill" />
</svg>
<h5 class="mb-0 ms-3">India</h5>
</div>
</div>
<div class="col-5">
<h5 class="mb-0 text-end">625</h5>
</div>
<div class="col-12">
<div id="chart-india"></div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="d-flex align-items-center">
Expand Down Expand Up @@ -202,6 +220,32 @@ <h4>Latest Comments</h4>
this design?</p>
</td>
</tr>
<tr>
<td class="col-3">
<div class="d-flex align-items-center">
<div class="avatar avatar-md">
<img src="assets/static/images/faces/8.jpg">
</div>
<p class="font-bold ms-3 mb-0">Singh Eknoor</p>
</div>
</td>
<td class="col-auto">
<p class=" mb-0">What a stunning design! You are so talented and creative!</p>
</td>
</tr>
<tr>
<td class="col-3">
<div class="d-flex align-items-center">
<div class="avatar avatar-md">
<img src="assets/static/images/faces/3.jpg">
</div>
<p class="font-bold ms-3 mb-0">Rani Jhadav</p>
</div>
</td>
<td class="col-auto">
<p class=" mb-0">I love your design! It’s so beautiful and unique! How did you learn to do this?</p>
</td>
</tr>
</tbody>
</table>
</div>
Expand Down
18 changes: 18 additions & 0 deletions src/layout-horizontal.html
Original file line number Diff line number Diff line change
Expand Up @@ -138,6 +138,24 @@ <h5 class="mb-0">375</h5>
<div id="chart-america"></div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="d-flex align-items-center">
<svg class="bi text-success" width="32" height="32" fill="blue"
style="width:10px">
<use
xlink:href="assets/static/images/bootstrap-icons.svg#circle-fill" />
</svg>
<h5 class="mb-0 ms-3">India</h5>
</div>
</div>
<div class="col-5">
<h5 class="mb-0 text-end">625</h5>
</div>
<div class="col-12">
<div id="chart-india"></div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="d-flex align-items-center">
Expand Down
18 changes: 18 additions & 0 deletions src/layout-rtl-backup.html
Original file line number Diff line number Diff line change
Expand Up @@ -139,6 +139,24 @@ <h5 class="mb-0">375</h5>
<div id="chart-america"></div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="d-flex align-items-center">
<svg class="bi text-success" width="32" height="32" fill="blue"
style="width:10px">
<use
xlink:href="assets/static/images/bootstrap-icons.svg#circle-fill" />
</svg>
<h5 class="mb-0 ms-3">India</h5>
</div>
</div>
<div class="col-5">
<h5 class="mb-0 text-end">625</h5>
</div>
<div class="col-12">
<div id="chart-india"></div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="d-flex align-items-center">
Expand Down
18 changes: 18 additions & 0 deletions src/layout-rtl.html
Original file line number Diff line number Diff line change
Expand Up @@ -139,6 +139,24 @@ <h5 class="mb-0 text-end">375</h5>
<div id="chart-america"></div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="d-flex align-items-center">
<svg class="bi text-success" width="32" height="32" fill="blue"
style="width:10px">
<use
xlink:href="assets/static/images/bootstrap-icons.svg#circle-fill" />
</svg>
<h5 class="mb-0 ms-3">India</h5>
</div>
</div>
<div class="col-5">
<h5 class="mb-0 text-end">625</h5>
</div>
<div class="col-12">
<div id="chart-india"></div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="d-flex align-items-center">
Expand Down
Loading

0 comments on commit 537a8f2

Please sign in to comment.