New UI layout
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="../assets/css/list.page.css">
  8. <link rel="stylesheet" href="../assets/libs/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="../assets/libs/lineAwesome/1.3.0/css/line-awesome.min.css">
  10. <title>List Page</title>
  11. <script src="../assets/js/jquery/jquery-3.6.1.min.js" defer></script>
  12. <script src="../assets/js/bootstrap/bootstrap.bundle.min.js" defer></script>
  13. <script src="../assets/js/cryptojs/cryptojs.js" defer></script>
  14. <script type="module" src="../assets/js/home.js" defer></script>
  15. <!-- <script src="../assets/js/cookiehelper.js"></script> -->
  16. <!-- <script src="../assets/js/base.js" defer></script> -->
  17. <!-- <script src="../assets/js/list.index.js" defer></script> -->
  18. </head>
  19. <body>
  20. <section class="list-page container-fluid" id="list-page">
  21. <ul class="tp-bar">
  22. <li class="logo-li">
  23. <a href="javascript:;" class="mt-2 mnNvIcn btn btn-sm"><i class="la la-navicon"></i></a>
  24. <div class="logo">Bizgaze Logo</div>
  25. </li>
  26. <li class="srch-bar">
  27. <input type="text" class="form-control" id="searchBar" placeholder="Search here">
  28. </li>
  29. <li class="ml-auto">
  30. <button class="btn btn-sm btn-outline-primary detailBtn" id="detailBtn">Detail</button>
  31. <span><i class="la la-question-circle"></i></span>
  32. </li>
  33. <li>
  34. <span><i class="la la-tools"></i></span>
  35. </li>
  36. <li>
  37. <span><i class="la la-question-circle"></i></span>
  38. </li>
  39. <li>
  40. <a href="javascript:void(0);" class="rounded-circle icn-circle" data-bs-toggle="dropdown"
  41. aria-expanded="false">
  42. SS
  43. </a>
  44. <ul class="dropdown-menu uindtls">
  45. <li><a class="dropdown-item" href="#">Action</a></li>
  46. </ul>
  47. </li>
  48. </ul>
  49. <div class="btm-bar">
  50. <div class="lft-nav-bar">
  51. <ul class="lft-nav-bar-1">
  52. <li>
  53. <span><i class="la la-question-circle"></i></span>
  54. </li>
  55. <li>
  56. <span><i class="la la-tools"></i></span>
  57. </li>
  58. <li>
  59. <span><i class="la la-question-circle"></i></span>
  60. </li>
  61. </ul>
  62. <ul class="lft-nav-bar-2">
  63. <li>
  64. <span>Dashboard</span>
  65. </li>
  66. <li>
  67. <span>Layout</span>
  68. </li>
  69. <li>
  70. <span>Details</span>
  71. </li>
  72. </ul>
  73. </div>
  74. <div class="ctr-lst-pge">
  75. <ul class="m-0 p-0 bdy-ul">
  76. <!-- binding -->
  77. </ul>
  78. <div id="detailIframe"></div>
  79. </div>
  80. <div class="rtr-nav-bar">
  81. <span><i class="la la-question-circle"></i></span>
  82. <span><i class="la la-tools"></i></span>
  83. <span><i class="la la-question-circle"></i></span>
  84. </div>
  85. </div>
  86. </section>
  87. </body>
  88. <script>
  89. window.addEventListener('message', function (e) {
  90. debugger;
  91. $('#detailIframe').empty();
  92. $('.bdy-ul').removeClass('d-none');
  93. //do stuff
  94. });
  95. </script>
  96. </html>