client

mail@pastecode.io avatar
unknown
plain_text
a year ago
22 kB
1
Indexable
Never
<%- 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>