https://sentinelbi.com/

Submitted URL:
https://sentinelbi.com/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 29 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetogglestring
documentPictureInPicturestring
onscrollendstring
Waypointstring
pagestring
kostring
Dropzonestring
dhtmlDragAndDropObjectstring
dhtmlXCalendarObjectstring
dhtmlxEventstring

Console log messages · 6 found

Messages logged to the web console

TypeCategoryLog
logjavascript
URL
https://sentinelbi.com/app-0a2d672df608e6496d39.js
Text
JSHandle@object
logother
URL
https://sentinelbi.com/app-0a2d672df608e6496d39.js
Text
User session is NOT active.
logother
URL
https://sentinelbi.com/app-0a2d672df608e6496d39.js
Text
Instantiating module [header]
logother
URL
https://sentinelbi.com/app-0a2d672df608e6496d39.js
Text
Instantiating module [menu]
logother
URL
https://sentinelbi.com/app-0a2d672df608e6496d39.js
Text
Instantiating module [login]
verbosedom
URL
https://sentinelbi.com/
Text
[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) %o

HTML

The raw HTML body of the page

<!DOCTYPE html><html><head>
        <meta charset="UTF-8">
        <meta name="robots" content="noindex">
        <title>SentinelBI</title>
        <meta name="viewport" content="width=1025, initial-scale=0">


        
        <script type="text/javascript" src="/node_modules/waypoints/lib/noframework.waypoints.js?v=0.1.1"></script>

        <script type="text/javascript" src="/node_modules/page/page.js?v=0.1.1"></script>

        <script type="text/javascript" src="/node_modules/knockout/build/output/knockout-latest.js?v=0.1.1"></script>

        <link rel="stylesheet" type="text/css" href="/node_modules/dropzone/dist/dropzone.css">
        <script type="text/javascript" src="/node_modules/dropzone/dist/min/dropzone.min.js?v=0.1.1"></script>
        <!--<script type="text/javascript" src="/common/js/dropzone/dropzone.js?v=0.1.1"></script> -->

        <link rel="stylesheet" type="text/css" href="/common/js/dhtmlxCalendar_v50_std/codebase/dhtmlxcalendar.css?v=0.1.1">
        <script src="/common/js/dhtmlxCalendar_v50_std/codebase/dhtmlxcalendar.js?v=0.1.1"></script>

        <script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
        <script src="https://www.amcharts.com/lib/3/serial.js"></script>
        <script src="https://www.amcharts.com/lib/3/pie.js"></script>
        <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
        <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
        <script src="https://www.amcharts.com/lib/3/plugins/animate/animate.min.js"></script>
        <script src="https://www.amcharts.com/lib/3/gauge.js"></script>
        <script src="https://www.amcharts.com/lib/3/themes/none.js"></script>
        <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all">

        <link rel="stylesheet" href="/style-cb38044d6100e2103ba80798603695d7.css">
        <script type="text/javascript" src="/app-0a2d672df608e6496d39.js"></script>

        <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
        <link rel="manifest" href="/assets/images/favicon/site.webmanifest">
        <link rel="mask-icon" href="/assets/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="theme-color" content="#ffffff">
    <script type="text/html" id="validationList-template">
            <div data-bind="css: { hide: isHidden }" class="w-validation-errors">
                <div class="val-error-header">
                    <strong data-bind="text: msg" class="val-error-header-title icon i-notice-alert"></strong>
                    <button class="close-button icon i-close-2" type="button"></button>
                </div>
                
                <ul data-bind="foreach: messages" class="val-error-list">
                    <li class="val-error-item icon i-arrow-right-before" >
                        <span class="validation-label" data-bind="text: label" ></span>
                        <span class="validation-message" data-bind="html: message" ></span>
                    </li>
                </ul>
            </div>
            </script><script type="text/html" id="confirmationModal_template">
            <div class="w-lightbox light-theme zone-activation" data-bind="css: { 'is-visible': isVisible }"> 
                <div class="lightbox-content">      
                    <div class="w-form">
                        <div class="form-header">
                            <h3 class="form-title" data-bind="text: title"></h3>
                            <button type="button" class="close-button icon i-close-2" data-bind="event: { click: onClickClose }"></button>
                        </div>
                   
                        <div class="form-body">
                            <div class="form-group">
                                <p class="form-text" data-bind="text: messageMain"></p>     
                                <br/>
                                <p class="form-text highlight" data-bind="text: messageSecondary"></p>                   
                            </div>
                         </div>
                        
                        <div class="form-footer">
                            <button class="btn-action icon i-cancel-thin" type="button" data-bind="event: { click: onClickClose }"><span>Cancel</span></button>
                            <button class="btn-action icon i-save-thin" type="button" data-bind="event: { click: onClickConfirm }"><span>Confirm</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </script><script type="text/html" id="appTitle-template">
             <!-- ko if: !isLinkDisabled() -->
             <a data-bind="attr: { href: url }"><span data-bind="text: title"></span></a>
             <!-- /ko -->
            </script><script type="text/html" id="menu-collapsible-template">
            <ul data-bind="foreach: menus" class="main-nav-list  main-nav-drop">
            	<li class="main-nav-item " data-bind="css: { 'dropdown': subMenus().length > 0 }, attr: {id: 'li-' + identifier}">
            		<a data-bind="attr: {id: 'href-' + identifier, href: subMenus().length > 0 ? 'javascript:void(0)' : url,class: 'main-nav-link icon' + $data.cssClass}, css: { 'is-selected': selected, 'dropdown-toggle': subMenus().length > 0 }, event: { mousedown: $parent.menuClick }">
            		    <span data-bind="text: text"></span>
                    </a>            	
            		<ul data-bind="visible: subMenus().length, foreach: subMenus" class="dropdown-list main-nav-drop">
            		    <li class="dropdown" data-bind="attr: {id: 'li-' + $data.identifier}">
            		        <a data-bind="attr: {id: 'href-' + $data.identifier, href: $data.url, class: 'dropdown-link dropdown-toggle icon ' + $data.cssClass}, css: {'dropdown-toggle': 'subMenus' in $data }, event: { mousedown: $parents[1].menuClick }">
            		            <span data-bind="text:  $data.text"></span>
                            </a>
                            <!-- ko if: "subMenus" in $data -->
                            <ul data-bind="visible: subMenus.length, foreach: subMenus" class="dropdown-list  main-nav-drop">
                                <li>
                                    <a data-bind="text: $data.text, attr: {href: $data.url, class: 'dropdown-link icon ' + $data.cssClass}, event: { mousedown: $parents[2].menuClick.bind($data, $parents[1], $data) }"></a>
                                </li>
                            </ul>
                            <!-- /ko -->
                        </li>
                    </ul>
            	</li>
            </ul>
            </script><script type="text/html" id="login-form-template">
           
            <div id="validationList" data-bind="template: { name: 'validationList-template', data: validationList }"></div>
           
                <div class="w-form center" id="login-form">
                    <div class="form-header">
                        <h3 class="form-title icon i-login">Log In</h3>
                        <button class="close-button icon i-close-2" type="button"></button>
                    </div>
                    <form class="form-body">
                        <div class="form-group">
                            <label class="form-label">Username or Email Address</label>
                            <input data-bind="value: u, uniqueName: true, event: { keyup: onKeyUpLoginAction}" type="text" class="input-text"  />
                        </div>
                        <div class="form-group">
                            <label class="form-label">Password</label>
                            <input data-bind="value: p, uniqueName: true, event: { keyup: onKeyUpLoginAction}" type="password" class="input-text" />
                            <button class="btn-text" type="button" data-bind="event: { click: onClickForgotPasswordAction}">Forgot your password</button>
                        </div>
                        <div class="form-group">

                        </div>
                    </form>
                    <div class="form-footer">
                        <button data-bind="event: { click: onSubmitLoginForm}" type="button" class="btn highlight">log in</button>
                        <button type="button" class="btn">Cancel</button>
                    </div>
                </div>

                <div class="w-form over center is-hidden" id="retrieve-password">
                    <div class="form-header">
                        <h3 class="form-title icon i-user">Please Enter your Username or Email Below</h3>
                        <button data-bind="event: { click: onClickCloseRetrieveAction}" type="button" class="close-button icon i-close-2"></button>
                    </div>
                    <form class="form-body" onsubmit="return false;">
                        <div>
                            <div class="form-group">
                                <input data-bind="value: userInput" type="hidden" />
                                <div class="form-check-inline width-auto">
                                    <input data-bind="event: { click: onClickRadioPasswordAction}" type="radio" name="radioPass" id="radio_email" value="1" checked>
                                    <label class="form-label" for="radio_email">Email</label>
                                </div>
                                <div class="form-check-inline width-auto">
                                    <input data-bind="event: { click: onClickRadioPasswordAction}" type="radio" name="radioPass" id="radio_name" value="0" >
                                    <label class="form-label" for="radio_name">User Name</label>
                                </div> 
                            </div>
                            <div class="form-group">
                                <input data-bind="value: retrieveInput, event: { keyup: onKeyUpSentLinkAction}" id="retrieveInput" type="text" class="input-text"/>
                            </div>
                        </div>
                    </form>
                    <div class="form-footer">
                        <button class="btn" type="button" data-bind="event: { click: onClickRetrievePasswordAction}">Send Me Reset Link</button>
                    </div>
                </div>

                <div class="w-form center over is-hidden" data-bind="style: {display: sentMessage}">
                    <div class="form-header">
                        <h3 class="form-title icon i-user">Password update confirmation</h3>
                        <button data-bind="event: { click: onClickCloseRetrieveAction}" type="button" class="close-button icon i-close-2"></button>
                    </div>
                    <form class="form-body">
                        <div class="form-group">
                             <span data-bind="text: retrieveInfo" class="sub-title"></span>
                        </div>
                    </form>
                    <div class="form-footer">
                        <button  class="btn" type="button" data-bind="event: { click: onClickCloseRetrieveAction}">Go back to Log In</button>
                    </div>
                </div>
            </script></head>

    <body class=" _">

    <header class="main-header w-justify">
        <div class="w-left">

            <nav id="menu" class="w-main-nav"><div id="app_validationList" data-bind="template: { name: 'validationList-template', data: app_validationList }">
            <div data-bind="css: { hide: isHidden }" class="w-validation-errors hide">
                <div class="val-error-header">
                    <strong data-bind="text: msg" class="val-error-header-title icon i-notice-alert">There seems to be a problem</strong>
                    <button class="close-button icon i-close-2" type="button"></button>
                </div>
                
                <ul data-bind="foreach: messages" class="val-error-list"></ul>
            </div>
            </div><div id="app_confirmationModal" data-bind="template: { name: 'confirmationModal_template', data: app_confirmationModal }">
            <div class="w-lightbox light-theme zone-activation" data-bind="css: { 'is-visible': isVisible }"> 
                <div class="lightbox-content">      
                    <div class="w-form">
                        <div class="form-header">
                            <h3 class="form-title" data-bind="text: title">Locked</h3>
                            <button type="button" class="close-button icon i-close-2" data-bind="event: { click: onClickClose }"></button>
                        </div>
                   
                        <div class="form-body">
                            <div class="form-group">
                                <p class="form-text" data-bind="text: messageMain">Are you sure?</p>     
                                <br>
                                <p class="form-text highlight" data-bind="text: messageSecondary">The editing user will lose their unsaved changes if you takeover. Would you like to takeover?</p>                   
                            </div>
                         </div>
                        
                        <div class="form-footer">
                            <button class="btn-action icon i-cancel-thin" type="button" data-bind="event: { click: onClickClose }"><span>Cancel</span></button>
                            <button class="btn-action icon i-save-thin" type="button" data-bind="event: { click: onClickConfirm }"><span>Confirm</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div><h1 id="appTitle" class="site-logo" data-bind="template: { name: 'appTitle-template', data: appTitle }">
             <!-- ko if: !isLinkDisabled() -->
             <a data-bind="attr: { href: url }" href="/"><span data-bind="text: title">sentinelbi</span></a>
             <!-- /ko -->
            </h1><nav id="mainMenu" class="main-nav" data-bind="template: { name: 'menu-collapsible-template', data: mainMenu }">
            <ul data-bind="foreach: menus" class="main-nav-list  main-nav-drop"></ul>
            </nav></nav>
        </div>
        <div class="w-center"></div>
        <div class="w-right">
            <nav id="header" class="header"><div id="app_validationList" data-bind="template: { name: 'validationList-template', data: app_validationList }">
            <div data-bind="css: { hide: isHidden }" class="w-validation-errors hide">
                <div class="val-error-header">
                    <strong data-bind="text: msg" class="val-error-header-title icon i-notice-alert">There seems to be a problem</strong>
                    <button class="close-button icon i-close-2" type="button"></button>
                </div>
                
                <ul data-bind="foreach: messages" class="val-error-list"></ul>
            </div>
            </div><div id="app_confirmationModal" data-bind="template: { name: 'confirmationModal_template', data: app_confirmationModal }">
            <div class="w-lightbox light-theme zone-activation" data-bind="css: { 'is-visible': isVisible }"> 
                <div class="lightbox-content">      
                    <div class="w-form">
                        <div class="form-header">
                            <h3 class="form-title" data-bind="text: title">Locked</h3>
                            <button type="button" class="close-button icon i-close-2" data-bind="event: { click: onClickClose }"></button>
                        </div>
                   
                        <div class="form-body">
                            <div class="form-group">
                                <p class="form-text" data-bind="text: messageMain">Are you sure?</p>     
                                <br>
                                <p class="form-text highlight" data-bind="text: messageSecondary">The editing user will lose their unsaved changes if you takeover. Would you like to takeover?</p>                   
                            </div>
                         </div>
                        
                        <div class="form-footer">
                            <button class="btn-action icon i-cancel-thin" type="button" data-bind="event: { click: onClickClose }"><span>Cancel</span></button>
                            <button class="btn-action icon i-save-thin" type="button" data-bind="event: { click: onClickConfirm }"><span>Confirm</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div></nav>
        </div>
    </header>

    <div id="content" class="login"><div id="app_validationList" data-bind="template: { name: 'validationList-template', data: app_validationList }">
            <div data-bind="css: { hide: isHidden }" class="w-validation-errors hide">
                <div class="val-error-header">
                    <strong data-bind="text: msg" class="val-error-header-title icon i-notice-alert">There seems to be a problem</strong>
                    <button class="close-button icon i-close-2" type="button"></button>
                </div>
                
                <ul data-bind="foreach: messages" class="val-error-list"></ul>
            </div>
            </div><div id="app_confirmationModal" data-bind="template: { name: 'confirmationModal_template', data: app_confirmationModal }">
            <div class="w-lightbox light-theme zone-activation" data-bind="css: { 'is-visible': isVisible }"> 
                <div class="lightbox-content">      
                    <div class="w-form">
                        <div class="form-header">
                            <h3 class="form-title" data-bind="text: title">Locked</h3>
                            <button type="button" class="close-button icon i-close-2" data-bind="event: { click: onClickClose }"></button>
                        </div>
                   
                        <div class="form-body">
                            <div class="form-group">
                                <p class="form-text" data-bind="text: messageMain">Are you sure?</p>     
                                <br>
                                <p class="form-text highlight" data-bind="text: messageSecondary">The editing user will lose their unsaved changes if you takeover. Would you like to takeover?</p>                   
                            </div>
                         </div>
                        
                        <div class="form-footer">
                            <button class="btn-action icon i-cancel-thin" type="button" data-bind="event: { click: onClickClose }"><span>Cancel</span></button>
                            <button class="btn-action icon i-save-thin" type="button" data-bind="event: { click: onClickConfirm }"><span>Confirm</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div><div id="loginForm" class="form-container" data-bind="template: { name: 'login-form-template', data: loginForm }">
           
            <div id="validationList" data-bind="template: { name: 'validationList-template', data: validationList }">
            <div data-bind="css: { hide: isHidden }" class="w-validation-errors hide">
                <div class="val-error-header">
                    <strong data-bind="text: msg" class="val-error-header-title icon i-notice-alert">There seems to be a problem</strong>
                    <button class="close-button icon i-close-2" type="button"></button>
                </div>
                
                <ul data-bind="foreach: messages" class="val-error-list"></ul>
            </div>
            </div>
           
                <div class="w-form center" id="login-form">
                    <div class="form-header">
                        <h3 class="form-title icon i-login">Log In</h3>
                        <button class="close-button icon i-close-2" type="button"></button>
                    </div>
                    <form class="form-body">
                        <div class="form-group">
                            <label class="form-label">Username or Email Address</label>
                            <input data-bind="value: u, uniqueName: true, event: { keyup: onKeyUpLoginAction}" type="text" class="input-text" name="ko_unique_1">
                        </div>
                        <div class="form-group">
                            <label class="form-label">Password</label>
                            <input data-bind="value: p, uniqueName: true, event: { keyup: onKeyUpLoginAction}" type="password" class="input-text" name="ko_unique_2">
                            <button class="btn-text" type="button" data-bind="event: { click: onClickForgotPasswordAction}">Forgot your password</button>
                        </div>
                        <div class="form-group">

                        </div>
                    </form>
                    <div class="form-footer">
                        <button data-bind="event: { click: onSubmitLoginForm}" type="button" class="btn highlight">log in</button>
                        <button type="button" class="btn">Cancel</button>
                    </div>
                </div>

                <div class="w-form over center is-hidden" id="retrieve-password">
                    <div class="form-header">
                        <h3 class="form-title icon i-user">Please Enter your Username or Email Below</h3>
                        <button data-bind="event: { click: onClickCloseRetrieveAction}" type="button" class="close-button icon i-close-2"></button>
                    </div>
                    <form class="form-body" onsubmit="return false;">
                        <div>
                            <div class="form-group">
                                <input data-bind="value: userInput" type="hidden" value="1">
                                <div class="form-check-inline width-auto">
                                    <input data-bind="event: { click: onClickRadioPasswordAction}" type="radio" name="radioPass" id="radio_email" value="1" checked="">
                                    <label class="form-label" for="radio_email">Email</label>
                                </div>
                                <div class="form-check-inline width-auto">
                                    <input data-bind="event: { click: onClickRadioPasswordAction}" type="radio" name="radioPass" id="radio_name" value="0">
                                    <label class="form-label" for="radio_name">User Name</label>
                                </div> 
                            </div>
                            <div class="form-group">
                                <input data-bind="value: retrieveInput, event: { keyup: onKeyUpSentLinkAction}" id="retrieveInput" type="text" class="input-text">
                            </div>
                        </div>
                    </form>
                    <div class="form-footer">
                        <button class="btn" type="button" data-bind="event: { click: onClickRetrievePasswordAction}">Send Me Reset Link</button>
                    </div>
                </div>

                <div class="w-form center over is-hidden" data-bind="style: {display: sentMessage}" style="display: none;">
                    <div class="form-header">
                        <h3 class="form-title icon i-user">Password update confirmation</h3>
                        <button data-bind="event: { click: onClickCloseRetrieveAction}" type="button" class="close-button icon i-close-2"></button>
                    </div>
                    <form class="form-body">
                        <div class="form-group">
                             <span data-bind="text: retrieveInfo" class="sub-title"></span>
                        </div>
                    </form>
                    <div class="form-footer">
                        <button class="btn" type="button" data-bind="event: { click: onClickCloseRetrieveAction}">Go back to Log In</button>
                    </div>
                </div>
            </div></div>

    <!-- Loading the svg sprite -->
<div class="w-view-toggle">
    <div class="view-toggle">
        <button id="toggleViewport">Visit Mobile Version</button>
    </div>
</div>
<div style="display:none;">
    </div>

<script>
    const toggleButton = document.getElementById('toggleViewport');
    let viewportMeta = document.querySelector('meta[name="viewport"]');

    // Function to set viewport based on class
    // function updateViewportOnPageLoad() {
    //     const body = document.body;

    //     if (body.classList.contains('_audience_overview')) {
    //         viewportMeta.setAttribute('content', 'width=1025, initial-scale=0');
    //     } else {
    //         viewportMeta.setAttribute('content', 'width=device-width, initial-scale=1');
    //     }
    // }

    // document.addEventListener('DOMContentLoaded', function() {
    //     updateViewportOnPageLoad();

    //     // MutationObserver to watch for changes in body class
    //     const observer = new MutationObserver((mutationsList) => {
    //         for (const mutation of mutationsList) {
    //             if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
    //                 updateViewportOnPageLoad();
    //             }
    //         }
    //     });

    //     observer.observe(document.body, { attributes: true });
    // });

    // Toggle button functionality
    let isFixedWidth = true;

    toggleButton.addEventListener('click', function() {
        if (isFixedWidth) {
            viewportMeta.setAttribute('content', 'width=device-width, initial-scale=1');

            toggleButton.textContent = 'Visit Desktop Version'; // Button text for fixed width
        } else {
            viewportMeta.setAttribute('content', 'width=1025, initial-scale=0');

            toggleButton.textContent = 'Visit Mobile Version'; // Button text for responsive
        }
        isFixedWidth = !isFixedWidth; // Toggle the state
    });
</script>

    
</body></html>