Template source: index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--
    Customize this policy to fit your own app's needs. For more guidance, see:
        https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
    Some notes:
        * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
        * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
        * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
            * Enable inline JS: add 'unsafe-inline' to default-src
    -->
    <meta http-equiv="Content-Security-Policy"
          content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="theme-color" content="#2196f3">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <title>Reviewzi</title>

    <link rel="stylesheet" href="/static/framework7/css/framework7.bundle.min.css">

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"
          integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
          crossorigin=""/>

    <link rel="stylesheet" href="/static/css/icons.css">
    <link rel="stylesheet" href="/static/css/app.css?ver={% now 'U' %}">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
          rel="stylesheet">

    <style class="if-admin-style">
        .if-admin {
            display: none !important;
        }

        .if-not-admin {
            display: inherit;
        }

        .map {
            height: 180px;
        }

    </style>
    <style>
        .leaflet-popup-close-button {
            display: none !important;
        }
    </style>
</head>
<body>
<div id="app">
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar"></div>
    <!-- Left panel with cover effect-->
    <div class="panel panel-left panel-cover theme-dark md ">
        <div class="view">
            <div class="page">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title">Admin Navigation</div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="">
                        <div class="list links-list no-margin">
                            <ul>
                                <li>
                                    <a style="display:none;" href="#" data-popup=".popup-campaign"
                                       class="management popup-open">Campaigns</a>
                                </li>
                                <li>
                                    <a style="display:none;" href="" target="_blank"
                                       class="management link external dashboard-link">Reviewzi Listen™</a>
                                </li>
                                <li>
                                    <a style="display:none;" href="#" data-popup=".popup-entries"
                                       class="management popup-open">Entries</a>
                                </li>
                                <li>
                                    <a  id="demo-calendar-range-csv"style="display:none;" href="#" data-popup=".csv-entries"
                                       class="management ">Coupon Export</a>
                                </li>
                                <li class="view-seven-day">

                                </li>

                                <!--<li>-->
                                <!--<a  href="#"  class="send-local-errors">Submit Error Reports</a>-->
                                <!--</li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Right panel with reveal effect-->
    <div class="panel panel-right panel-cover theme-dark">
        <div class="view">
            <div class="page">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title">Settings : V1.1</div>
                    </div>
                </div>
                <div class="page-content right-panel-content">
                    <div class="wo-sidebar"></div>
                    <div class="block">
                        <a class="button logout button-fill">Logout</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="login-screen">
        <div class="view">
            <div class="page">
                <div class="page-content login-screen-content">
                    <div class="login-screen-title">My App</div>
                    <form>
                        <div class="list">
                            <ul>
                                <li class="item-content item-input">
                                    <div class="item-inner">
                                        <div class="item-title item-label">Username</div>
                                        <div class="item-input-wrap">
                                            <input type="text" name="username" placeholder="Your username">
                                        </div>
                                    </div>
                                </li>
                                <li class="item-content item-input">
                                    <div class="item-inner">
                                        <div class="item-title item-label">Password</div>
                                        <div class="item-input-wrap">
                                            <input type="password" name="password" placeholder="Your password">
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="list">
                            <ul>
                                <li><a class="item-link list-button" href="#">Sign In</a></li>
                            </ul>
                            <div class="block-footer">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <p><a class="link login-screen-close" href="#">Close Login Screen</a></p>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main ios-edges">

        <!-- Page, data-name contains page name which can be used in callbacks -->
        <div class="toolbar toolbar-bottom if-not-admin">
            <div class="toolbar-inner">
                <a class="link timer-display" hidden id="active-task-timer" style="display: none;"> </a>
                <a class="link timer-display" hidden id="total-time-timer" style="display: none;"></a>
            </div>
        </div>
        <div id="time-button">
        </div>

    </div>

</div>
<!-- CORDOVA_PLACEHOLDER_DONT_REMOVE -->

<script src="/static/js/global.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"
        integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
<!-- Framework7 library -->
<script src="/static/framework7/js/framework7.bundle.min.js"></script>
<!--<script src="/static/js/signature_pad.min.js"></script>-->


<script src="/static/js/moment.js"></script>

<script src="/static/js/object_list_route.js?ver={% now 'U' %}"></script>


<script src="/static/js/index_route.js?ver={% now 'U' %}"></script>

<script src="/static/js/routes.js?ver={% now 'U' %}"></script>
<script src="/static/js/app.js?ver={% now 'U' %}"></script>
<script src="https://browser.sentry-cdn.com/5.16.1/bundle.min.js"
        integrity="sha384-XeIbINcUQP10HtmVHwZigannjNDpoQRe+uhAoW9J5HU5dHFpilP164LjqO78xtIB" crossorigin="anonymous">
</script>

<script>
    // Sentry.init({ dsn: 'https://f0e3c195cca3413785347ec65fe742a7@o189976.ingest.sentry.io/5268552' });

</script>


<!-- Your custom app scripts -->

<script>

    //        function appendScript(url) {
    //            var date = new Date().getTime();
    //            var tmpEl = document.createElement("script");
    //            tmpEl.type = "text/javascript";
    //            tmpEl.defer = true;
    //            tmpEl.src = url + "?always_refresh=" + date;
    //            document.body.appendChild(tmpEl);
    //        }
    //        appendScript("/static/js/route_item.js");
    //
    //        appendScript("/static/js/index_route.js");
    //        appendScript("/static/js/routes.js");
    //        appendScript("/static/js/app.js");
</script>

<script type="text/javascript">
    /** This section is only needed once per page if manually copying **/
    if (typeof MauticSDKLoaded == 'undefined') {
        var MauticSDKLoaded = true;
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'https://platform.reviewzi.com/media/js/mautic-form.js';
        script.onload = function () {
            MauticSDK.onLoad();
        };
        head.appendChild(script);
        var MauticDomain = 'https://platform.reviewzi.com';
        var MauticLang = {
            'submittingMessage': "Please wait..."
        }
    }
</script>

<!--<script type="text/javascript">-->
<!--/** This section is only needed once per page if manually copying **/-->
<!--if (typeof MauticSDKLoaded == 'undefined') {-->
<!--var MauticSDKLoaded = true;-->
<!--var head            = document.getElementsByTagName('head')[0];-->
<!--var script          = document.createElement('script');-->
<!--script.type         = 'text/javascript';-->
<!--script.src          = 'https://platform.reviewzi.com/media/js/mautic-form.js';-->
<!--script.onload       = function() {-->
<!--MauticSDK.onLoad();-->
<!--};-->
<!--head.appendChild(script);-->
<!--var MauticDomain = 'https://platform.reviewzi.com';-->
<!--var MauticLang   = {-->
<!--'submittingMessage': "Please wait..."-->
<!--}-->
<!--}-->
<!--</script>-->

</body>
</html>