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...