client
unknown
plain_text
2 years ago
22 kB
4
Indexable
<%- include('../include/header.ejs') %>
<%- include('../include/navbar.ejs') %>
<style>
#style-5::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-5::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
border-radius: 10px;
}
#style-5::-webkit-scrollbar-thumb
{
background-color: #13c56b;
border-radius: 10px;
}
</style>
<!-- here you can separte the Dashboard according to the roledata -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0">Client Dashboard</h4>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-xl-12">
<div class="card crm-widget">
<div class="card-body p-0">
<div class="row row-cols-xxl-5 row-cols-md-3 row-cols-1 g-0 ">
<div class="col">
<div class="position-absolute start-0" style="z-index: 0;">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 120" width="200" height="115">
<style>
.s0 {
opacity: .05;
fill: var(--vz-secondary)
}
</style>
<path id="Shape 8" class="s0" d="m189.5-25.8c0 0 20.1 46.2-26.7 71.4 0 0-60 15.4-62.3 65.3-2.2 49.8-50.6 59.3-57.8 61.5-7.2 2.3-60.8 0-60.8 0l-11.9-199.4z"></path>
</svg>
</div>
<div class="py-4 px-3">
<h5 class=" text-uppercase fs-13">Ledger Balance
</h5>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<i class=" las la-rupee-sign display-6 "></i>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mb-0"><span class="counter-value"
id="ledger-top-dashboard"></span></h5>
</div>
</div>
</div>
</div><!-- end col -->
<div class="col">
<div class="position-absolute start-0" style="z-index: 0;">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 120" width="200" height="115">
<style>
.s0 {
opacity: .05;
fill: var(--vz-secondary)
}
</style>
<path id="Shape 8" class="s0" d="m189.5-25.8c0 0 20.1 46.2-26.7 71.4 0 0-60 15.4-62.3 65.3-2.2 49.8-50.6 59.3-57.8 61.5-7.2 2.3-60.8 0-60.8 0l-11.9-199.4z"></path>
</svg>
</div>
<div class="mt-3 mt-md-0 py-4 px-3">
<h5 class=" text-uppercase fs-14">Holding Value
</h5>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<i class=" las la-rupee-sign display-6 "></i>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mb-0" >
<span class="counter-value" id="holding-top-dashboard"></span>
</h5>
<h6 class="mb-0" >
P&L : <span class="counter-value" id="holding-pl-dashboard"></span>
</h6>
</div>
</div>
</div>
</div><!-- end col -->
<div class="col">
<div class="position-absolute start-0" style="z-index: 0;">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 120" width="200" height="115">
<style>
.s0 {
opacity: .05;
fill: var(--vz-secondary)
}
</style>
<path id="Shape 8" class="s0" d="m189.5-25.8c0 0 20.1 46.2-26.7 71.4 0 0-60 15.4-62.3 65.3-2.2 49.8-50.6 59.3-57.8 61.5-7.2 2.3-60.8 0-60.8 0l-11.9-199.4z"></path>
</svg>
</div>
<div class="mt-3 mt-md-0 py-4 px-3">
<h5 class=" text-uppercase fs-14">F&O Position
</h5>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<i class=" las la-rupee-sign display-6 "></i>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mb-0" >
<span class="counter-value" id="home-fo-top-value"></span>
</h5>
<h6 class="mb-0" >
P&L : <span class="counter-value" id="fo-pl-dashboard"></span>
</h6>
</div>
</div>
</div>
</div><!-- end col -->
<div class="col">
<div class="position-absolute start-0" style="z-index: 0;">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 120" width="200" height="115">
<style>
.s0 {
opacity: .05;
fill: var(--vz-secondary)
}
</style>
<path id="Shape 8" class="s0" d="m189.5-25.8c0 0 20.1 46.2-26.7 71.4 0 0-60 15.4-62.3 65.3-2.2 49.8-50.6 59.3-57.8 61.5-7.2 2.3-60.8 0-60.8 0l-11.9-199.4z"></path>
</svg>
</div>
<div class="mt-3 mt-lg-0 py-4 px-3">
<h5 class=" text-uppercase fs-14"> Currency Profit
</h5>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<i class=" las la-rupee-sign display-6 "></i>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mb-0" >
<span class="counter-value" id="home-curr-top-value"></span>
</h5>
<h6 class="mb-0" >
P&L : <span class="counter-value" id="cp-pl-dashboard"></span>
</h6>
</div>
</div>
</div>
</div><!-- end col -->
<div class="col">
<div class="position-absolute start-0" style="z-index: 0;">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 120" width="200" height="115">
<style>
.s0 {
opacity: .05;
fill: var(--vz-secondary)
}
</style>
<path id="Shape 8" class="s0" d="m189.5-25.8c0 0 20.1 46.2-26.7 71.4 0 0-60 15.4-62.3 65.3-2.2 49.8-50.6 59.3-57.8 61.5-7.2 2.3-60.8 0-60.8 0l-11.9-199.4z"></path>
</svg>
</div>
<div class="mt-3 mt-lg-0 py-4 px-3">
<h5 class=" text-uppercase fs-14">MCX Position
</h5>
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<i class=" las la-rupee-sign display-6 "></i>
</div>
<div class="flex-grow-1 ms-3">
<h5 class="mb-0" >
<span class="counter-value" id="home-comm-top-value"></span>
</h5>
<h6 class="mb-0" >
P&L : <span class="counter-value" id="co-pl-dashboard"></span>
</h6>
</div>
</div>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end card body -->
</div><!-- end card -->
</div><!-- end col -->
</div><!-- end row -->
<div class="row">
<div class="col-md-12" >
<div class="card" style="height: 535px;">
<div class="card-header">
<h5 class="card-title ">Live Trades and Positions</h5>
</div>
<div class="card-body">
<ul class="nav nav-pills nav-justified nav-dashboard-tab bg-light mb-3" role="tablist">
<li class="nav-item">
<a class="nav-link active d-flex justify-content-between" data-bs-toggle="tab" href="#live-hide-show" role="tab" onclick="HomeLiveTrades(`<%= clientdata %>`)">
<span class="d-block d-sm-none fw-semibold">Live Trades</span>
<span class="d-none d-sm-block fw-semibold">Live Trades</span><span><i class=" ri-refresh-line" ></i></span>
</a>
</li>
<li class="nav-item">
<a class="nav-link d-flex justify-content-between" data-bs-toggle="tab" href="#holding-value" role="tab" onclick="HomeHoldingValue(`<%= clientdata %>`)">
<span class="d-block d-sm-none fw-semibold">Holding Value</span>
<span class="d-none d-sm-block fw-semibold">Holding Value</span> <span><i class=" ri-refresh-line" ></i></span>
</a>
</li>
<li class="nav-item">
<a class="nav-link d-flex justify-content-between" data-bs-toggle="tab" href="#fo-position" role="tab" onclick="HomeFOPosition(`<%= clientdata %>`)">
<span class="d-block d-sm-none fw-semibold" >F&O Position</span>
<span class="d-none d-sm-block fw-semibold" >F&O Position</span><span><i class=" ri-refresh-line" ></i></span>
</a>
</li>
<li class="nav-item">
<a class="nav-link d-flex justify-content-between" data-bs-toggle="tab" href="#current-position" role="tab" onclick="HomeCurrPosition(`<%= clientdata %>`)">
<span class="d-block d-sm-none fw-semibold" >Currency Position</span>
<span class="d-none d-sm-block fw-semibold" >Currency Position</span><span><i class=" ri-refresh-line" ></i></span>
</a>
</li>
<li class="nav-item">
<a class="nav-link d-flex justify-content-between" data-bs-toggle="tab" href="#commodity-position" role="tab" onclick="HomeCommPosition(`<%= clientdata %>`)">
<span class="d-block d-sm-none fw-semibold">MCX Position</span>
<span class="d-none d-sm-block fw-semibold">MCX Position</span><span><i class=" ri-refresh-line" ></i></span>
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content ">
<div class="tab-pane active" id="live-hide-show" role="tabpanel">
<div class="table-responsive table-wrapper scrollbar style-5" style="height: 300px;" id="live_index_trade">
<div class="position-absolute top-50 start-50" id="live-hide-show" style="display: none;">
<div class="spinner-border text-danger" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div><!-- end table responsive -->
</div>
<div class="tab-pane " id="holding-value" role="tabpanel">
<div class="table-responsive table-wrapper scrollbar style-5" style="height: 300px;" id="home-holding-value">
</div><!-- end table responsive -->
</div>
<div class="tab-pane" id="fo-position" role="tabpanel">
<div class="table-responsive table-wrapper scrollbar style-5" style="height: 300px;" id="home-fo-value">
</div>
</div>
<div class="tab-pane" id="current-position" role="tabpanel">
<div class="table-responsive table-wrapper scrollbar style-5" style="height: 300px;" id="home-curr-value">
</div>
</div>
<div class="tab-pane" id="commodity-position" role="tabpanel">
<div class="table-responsive table-wrapper scrollbar style-5" style="height: 300px;" id="home-comm-value">
</div>
</div>
</div>
</div><!-- end card-body -->
</div><!-- end card -->
</div>
</div>
</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->
<%- include('../include/footer.ejs') %>
</div>
<%- include('../include/scripts.ejs') %>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
<script>
HomeLedgerTopValue("<%= clientdata %>");
HomeHoldingTop("<%= clientdata %>");
HomeFOTop("<%= clientdata %>");
HomeCurrTop("<%= clientdata %>");
HomeCommTop("<%= clientdata %>");
HomeLiveTrades("<%= clientdata %>");
HomeHoldingValue("<%= clientdata %>");
HomeFOPosition("<%= clientdata %>");
HomeCurrPosition("<%= clientdata %>");
HomeCommPosition("<%= clientdata %>");
HomeHoldingValue("<%= clientdata %>");
</script>
Editor is loading...