dsaisudheer3772
/
BizgazeUI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../assets/css/list.page.css">
    <link rel="stylesheet" href="../assets/libs/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/libs/lineAwesome/1.3.0/css/line-awesome.min.css">
    <link rel="stylesheet" href="../assets/libs/remixicon/fonts/remixicon.css">
    <title>List Page</title>

    <script src="../assets/js/jquery/jquery-3.6.1.min.js" defer></script>
    <script src="../assets/js/bootstrap/bootstrap.bundle.min.js" defer></script>
    <script src="../assets/js/cryptojs/cryptojs.js" defer></script>
    <script type="module" src="../assets/js/home.js" defer></script>
    <!-- <script src="../assets/js/cookiehelper.js"></script> -->
    <!-- <script src="../assets/js/base.js" defer></script> -->
    <!-- <script src="../assets/js/list.index.js" defer></script> -->
</head>

<body>
    <section class="list-page container-fluid" id="list-page">
        <ul class="tp-bar">
            <li class="logo-li">
                <div class="mnNvIcn-div">
                    <a href="javascript:;" class="mnNvIcn">
                        <span><i class="ri-menu-line"></i></span>
                    </a>
                </div>
                <img src="../assets/imgs/biz-logo.svg" class="logo-img">
            </li>
            <li class="srch-bar">
                <input type="text" class="form-control py-2" id="searchBar" placeholder="Search here">
            </li>
            <li class="ml-auto">
                <a href="javascript:void(0);" class="item" data-bs-toggle="dropdown" aria-expanded="false">
                    <span><i class="ri-question-line"></i></i></span>
                </a>
                <ul class="dropdown-menu">
                    <li class="m-0"><a class="dropdown-item" href="javascript:;">Help</a></li>
                    <li class="m-0"><a class="dropdown-item" href="javascript:;">Training</a></li>
                    <li class="m-0"><a class="dropdown-item" href="javascript:;">Updates</a></li>
                    <li class="m-0 snd-fd-biz"><a class="dropdown-item" href="javascript:;">Send feedback to Bizgaze</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:void(0);" class="item" data-bs-toggle="dropdown" aria-expanded="false">
                    <span><i class="ri-settings-5-line"></i></span>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" class="rounded-circle icn-circle" data-bs-toggle="dropdown"
                    aria-expanded="false">
                    SS
                </a>
                <ul class="dropdown-menu uindtls">
                    <li><a class="dropdown-item" href="javascript:;">Action</a></li>
                </ul>
            </li>
        </ul>
        <div class="btm-bar">
            <div class="lft-nav-bar">
                <ul class="lft-nav-bar-1">
                    <li>
                        <a href="javascript:;" class="nav-lft-item active">
                            <span><i class="ri-mail-line"></i></span>
                            <span>Mail</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="nav-lft-item">
                            <span><i class="ri-chat-4-line"></i></span>
                            <span>Chat</span>

                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="nav-lft-item">
                            <span><i class="ri-drive-line"></i></span>
                            <span>Drive</span>

                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="nav-lft-item">
                            <span><i class="ri-video-chat-line"></i></span>
                            <span>Meet</span>

                        </a>
                    </li>
                </ul>
                <ul class="lft-nav-bar-2">
                    <li>
                        <div class="btn-group">
                            <button type="button" class="btn dropdown-toggle create" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                <span class="plus"><i class="ri-add-line"></i></span>
                                <span class="ml-2">Create</span>
                            </button>
                            <ul class="dropdown-menu p-0" id="crte-btn-lst">
                                <li class="p-0"><a class="dropdown-item" href="javascript:;">Sales Order</a></li>
                                <li class="p-0"><a class="dropdown-item" href="javascript:;">Sales Invoice</a></li>
                                <li class="p-0"><a class="dropdown-item" href="javascript:;">DC</a></li>
                                <li class="p-0"><a class="dropdown-item" href="javascript:;">Employee</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="sub-nav-item active">
                            <span><i class="ri-inbox-fill"></i></span>
                            <span>Inbox</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="sub-nav-item">
                            <span><i class="ri-star-s-line"></i></span>
                            <span>Starred</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="sub-nav-item">
                            <span><i class="ri-time-line"></i></span>
                            <span>Snoozed</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="sub-nav-item">
                            <span><i class="ri-send-plane-2-line"></i></span>
                            <span>Sent</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="sub-nav-item">
                            <span><i class="ri-draft-fill"></i></span>
                            <span>Draft</span>
                        </a>
                    </li>
                    <li class="mre-drp">
                        <a href="javascript:;" class="sub-nav-item more">
                            <span><i class="la la-angle-down"></i></span>
                            <span>More</span>
                        </a>
                        <ul class="ul-drpdown m-0 p-0 d-none">
                            <li>
                                <a href="javascript:;" class="sub-nav-item">
                                    <span><i class="ri-bookmark-line"></i></span>
                                    <span>Important</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="sub-nav-item">
                                    <span><i class="ri-mail-settings-line"></i></span>
                                    <span>Scheduled</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="sub-nav-item">
                                    <span><i class="ri-list-unordered"></i></span>
                                    <span>All Mail </span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="sub-nav-item">
                                    <span><i class="ri-spam-line"></i></span>
                                    <span>Spam</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="sub-nav-item">
                                    <span><i class="ri-delete-bin-line"></i></span>
                                    <span>Trash</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="sub-nav-item">
                                    <span><i class="ri-add-line"></i></span>
                                    <span>Create new label</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="ctr-lst-pge">
                <ul class="m-0 p-0 hdr-ul">
                    <li>
                        <div class="btn-group">
                            <button type="button" class="btn chk-box-btn">
                                <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                            </button>
                            <button type="button" class="btn dropdown-toggle dropdown-toggle-split"
                                data-bs-toggle="dropdown" aria-expanded="false">
                                <span class="visually-hidden">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="javascript:;">All</a></li>
                                <li><a class="dropdown-item" href="javascript:;">Read</a></li>
                                <li><a class="dropdown-item" href="javascript:;">Unread</a></li>
                                <li><a class="dropdown-item" href="javascript:;">Starred</a></li>
                                <li><a class="dropdown-item" href="javascript:;">Unstarred</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;" class="refrsh"><span><i class="ri-refresh-line"></i></span></a>
                    </li>
                    <li>
                        <a href="javascript:;" class="thr-dots" data-bs-toggle="dropdown" aria-expanded="false">
                            <span><i class="las la-ellipsis-v"></i></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="javascript:;">Mark as all read</a></li>
                        </ul>
                    </li>
                    <li class="li-pgn">
                        <div class="pggtn">
                            <span>1-50</span>
                            <span class="mx-1">of</span>
                            <span>384</span>
                        </div>
                        <div class="pggtn">
                            <a href="javascript:;" class="lss-than nt-actve"><i class="la la-angle-left"></i></a>
                            <a href="javascript:;" class="grtr-than"><i class="la la-angle-right"></i></a>
                        </div>
                    </li>

                </ul>
                <ul class="m-0 p-0 bdy-ul">
                    <!-- binding -->
                </ul>
                <div id="detailIframe"></div>
            </div>
            <div class="rtr-nav-bar">
                <a href="javascript:;" class="rtr-item">
                    <span><i class="ri-calendar-line"></i></span>
                </a>
                <a href="javascript:;" class="rtr-item">
                    <span><i class="ri-task-line"></i></span>
                </a>
                <a href="javascript:;" class="rtr-item">
                    <span><i class="ri-store-line"></i></span>
                </a>
                <a href="javascript:;" class="rtr-item">
                    <span><i class="ri-user-2-fill"></i></span>
                </a>
                <a href="javascript:;" class="rtr-item">
                    <span><i class="ri-add-line"></i></span>
                </a>
            </div>
        </div>
    </section>
</body>
<script>
    window.addEventListener('message',function(e) {
        $('#detailIframe').empty();
        $('.bdy-ul').removeClass('d-none');
        //do stuff
    });
</script>

</html>