authentication/index.html

<!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>
</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-outline-primary" 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>
            <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 src="../assets/js/jquery/jquery-3.6.1.min.js"></script>
<script src="../assets/js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../assets/js/base.js" async></script>
<script src="../assets/js/list.index.js" async></script>

<script>
    $('#detailBtn').click(function () {
        $('.bdy-ul').addClass('d-none');
        // Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(105013010001972,105010260000090,'Details','null',6,0,null)
        const cookie = getCookie('_idty');
        if (cookie) {
            const {
                unibaseId,
                tenantId,
                userId
            } = JSON.parse(cookie);

            $('#detailIframe').html(
                `<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>`
            );
        }

    });
</script>

</html>