BizgazeUI/assets/js/list.index.js

/*Data  loading  start here*/

let _userInfo = atob(document.cookie.split('=')[1]);
let userInfo = JSON.parse(_userInfo).result;
let sessionId = userInfo.sessionId;

let usrinfoHTML = `<li><a class="dropdown-item" href="javascript:void(0);">${userInfo.name}</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Cloud Settings</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Help</a></li>
                    <li><a class="dropdown-item" href="javascript:void(0);">Logoff</a></li>`;
$('.icn-circle').text(userInfo.name.charAt(0).toUpperCase())
$('.uindtls').html(usrinfoHTML)

// List Page loading
getData('apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/6/PageSize/20').then(function(result) {
    let response = JSON.parse(result.result);
    let bdyUI = '';
    for (var i = 0; i < response.length; i++) {
        bdyUI += `<li class="d-flex flex-row m-0 p-0 bg-white border-bottom" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}">
                    <img src="../assets/imgs/notification.png" class="img-fluid h-75 p-1" >
                    <div class="d-flex flex-column">
                        <div class="d-flex justify-content-between">
                            <div class="d-flex flex-column">
                                <span>${response[i].Subject}</span>
                                <span>${response[i].Message}</span>
                            </div>
                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                        </div>
                        <div class="d-flex justify-content-between mt-2">
                            <span>21 days</span>
                            <span>Mark as read</span>
                        </div>
                    </div>
                </li>`;
    }
    $('.bdy-ul').html(bdyUI);
})

/*Data  loading  start here*/
$('.mnNvIcn').click(function() {
    $('.lft-nav-bar').toggleClass('lft-nav-bar-Wrap');
    $('.ctr-lst-pge').toggleClass('lft-nav-bar-Wrap');
});