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 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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. </head>
  12. <body>
  13. <section class="list-page container-fluid" id="list-page">
  14. <ul class="tp-bar">
  15. <li class="logo-li">
  16. <a href="javascript:;" class="mt-2 mnNvIcn btn btn-sm"><i class="la la-navicon"></i></a>
  17. <div class="logo">Bizgaze Logo</div>
  18. </li>
  19. <li class="srch-bar">
  20. <input type="text" class="form-control" id="searchBar" placeholder="Search here">
  21. </li>
  22. <li class="ml-auto">
  23. <button class="btn btn-outline-primary" id="detailBtn">Detail</button>
  24. <span><i class="la la-question-circle"></i></span>
  25. </li>
  26. <li>
  27. <span><i class="la la-tools"></i></span>
  28. </li>
  29. <li>
  30. <span><i class="la la-question-circle"></i></span>
  31. </li>
  32. <li>
  33. <a href="javascript:void(0);" class="rounded-circle icn-circle" data-bs-toggle="dropdown"
  34. aria-expanded="false">
  35. SS
  36. </a>
  37. <ul class="dropdown-menu uindtls">
  38. <li><a class="dropdown-item" href="#">Action</a></li>
  39. </ul>
  40. </li>
  41. </ul>
  42. <div class="btm-bar">
  43. <div class="lft-nav-bar">
  44. <ul class="lft-nav-bar-1">
  45. <li>
  46. <span><i class="la la-question-circle"></i></span>
  47. </li>
  48. <li>
  49. <span><i class="la la-tools"></i></span>
  50. </li>
  51. <li>
  52. <span><i class="la la-question-circle"></i></span>
  53. </li>
  54. </ul>
  55. <ul class="lft-nav-bar-2">
  56. <li>
  57. <span>Dashboard</span>
  58. </li>
  59. <li>
  60. <span>Layout</span>
  61. </li>
  62. <li>
  63. <span>Details</span>
  64. </li>
  65. </ul>
  66. </div>
  67. <div class="ctr-lst-pge">
  68. <ul class="m-0 p-0 bdy-ul">
  69. <!-- binding -->
  70. </ul>
  71. </div>
  72. <div class="rtr-nav-bar">
  73. <span><i class="la la-question-circle"></i></span>
  74. <span><i class="la la-tools"></i></span>
  75. <span><i class="la la-question-circle"></i></span>
  76. </div>
  77. </div>
  78. </section>
  79. </body>
  80. <script src="../assets/js/jquery/jquery-3.6.1.min.js"></script>
  81. <script src="../assets/js/bootstrap/bootstrap.bundle.min.js"></script>
  82. <script src="../assets/js/base.js" async></script>
  83. <script src="../assets/js/list.index.js" async></script>
  84. <script>
  85. $('#detailBtn').click(function () {
  86. $('.bdy-ul').addClass('d-none');
  87. // Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(105013010001972,105010260000090,'Details','null',6,0,null)
  88. const cookie = getCookie('_idty');
  89. if (cookie) {
  90. const {
  91. unibaseId,
  92. tenantId,
  93. userId
  94. } = JSON.parse(cookie);
  95. $('#detailIframe').html(
  96. `<iframe width="100%" style="min-height:746px"  name="srcframe" id="srcframe" class="srcframe" src="http://localhost:3088/#/${unibaseId}/${tenantId}/${userId}/105013010001972/105010260000090/'Details'/'null'/6/0/loadDetail"></iframe>`
  97. );
  98. }
  99. });
  100. </script>
  101. </html>