123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- <!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">
- <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">
- <a href="javascript:;" class="mt-2 mnNvIcn btn btn-sm"><i class="la la-navicon"></i></a>
- <div class="logo">Bizgaze Logo</div>
- </li>
- <li class="srch-bar">
- <input type="text" class="form-control" id="searchBar" placeholder="Search here">
- </li>
- <li class="ml-auto">
- <button class="btn btn-sm btn-outline-primary detailBtn" id="detailBtn">Detail</button>
- <span><i class="la la-question-circle"></i></span>
- </li>
- <li>
- <span><i class="la la-tools"></i></span>
- </li>
- <li>
- <span><i class="la la-question-circle"></i></span>
- </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="#">Action</a></li>
-
- </ul>
- </li>
- </ul>
- <div class="btm-bar">
- <div class="lft-nav-bar">
- <ul class="lft-nav-bar-1">
- <li>
- <span><i class="la la-question-circle"></i></span>
- </li>
- <li>
- <span><i class="la la-tools"></i></span>
- </li>
- <li>
- <span><i class="la la-question-circle"></i></span>
- </li>
- </ul>
- <ul class="lft-nav-bar-2">
- <li>
- <span>Dashboard</span>
- </li>
- <li>
- <span>Layout</span>
- </li>
- <li>
- <span>Details</span>
- </li>
- </ul>
- </div>
- <div class="ctr-lst-pge">
-
- <ul class="m-0 p-0 bdy-ul">
- <!-- binding -->
- </ul>
- <div id="detailIframe"></div>
- </div>
- <div class="rtr-nav-bar">
- <span><i class="la la-question-circle"></i></span>
-
- <span><i class="la la-tools"></i></span>
-
- <span><i class="la la-question-circle"></i></span>
- </div>
- </div>
- </section>
- </body>
- <script>
- window.addEventListener('message', function (e) {
- debugger;
- $('#detailIframe').empty();
- $('.bdy-ul').removeClass('d-none');
- //do stuff
- });
- </script>
-
- </html>
|