diff --git a/index.html b/index.html index 348d653968f0ad421d6c2378f0b6a25e9633130c..0678ffca5544bad4e926c8aeee6f080e80ceaf45 100644 --- a/index.html +++ b/index.html @@ -2,85 +2,95 @@ <html lang="en"> <head> - <meta charset="utf-8"> - <meta name="format-detection" content="telephone=no"> - <meta name="msapplication-tap-highlight" content="no"> - <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> - - <!--meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' https://code.jquery.com 'unsafe-inline' 'unsafe-eval'; media-src *; img-src 'self' http://opencache.statkart.no ; connect-src 'self' http://logic.vips.nibio.no https://logic.vips.nibio.no http://vipslogic-local.no https://opencache.statkart.no;"--> -<meta http-equiv="Content-Security-Policy" content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';worker-src blob:;connect-src 'self' *"> - <meta name="description" content=""> - <meta name="author" content="Tor-Einar Skog"> - <title>VIPS Feltobservasjoner</title> - <!-- Bootstrap core CSS --> - <link href="static/css/bootstrap.min.css" rel="stylesheet"> - <!-- Custom styles for this Boostrap template --> - <link href="static/css/offcanvas.css" rel="stylesheet"> - <!-- Custom styles for this app --> - <link href="static/css/vipsobsapp.css" rel="stylesheet"> - -<style> -html, body { - overflow-x: inherit !important -} - -.dropdown-menu{ - transform: translate3d(5px, 35px, 0px)!important; -} - -</style> - + <meta charset="utf-8"> + <meta name="format-detection" content="telephone=no"> + <meta name="msapplication-tap-highlight" content="no"> + <meta name="viewport" + content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> + + <meta http-equiv="Content-Security-Policy" + content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';worker-src blob:;connect-src 'self' *"> + <meta name="description" content=""> + <meta name="author" content="Tor-Einar Skog"> + <title>VIPS Feltobservasjoner</title> + <!-- Bootstrap core CSS --> + <link href="static/css/bootstrap.min.css" rel="stylesheet"> + <!-- Custom styles for this Boostrap template --> + <link href="static/css/offcanvas.css" rel="stylesheet"> + <!-- Custom styles for this app --> + <link href="static/css/vipsobsapp.css" rel="stylesheet"> + + <style> + html, body { + overflow-x: inherit !important + } + .dropdown-menu { + transform: translate3d(5px, 35px, 0px) !important; + } + </style> </head> <body class="bg-light"> <nav class="navbar fixed-top navbar-dark bg-dark" id="vipsobsappmenu"> - <router-link class="navbar-brand" to="/"> - - <img src="static/css/images/logo_vips_hvit.png" style="height: 27px; position: relative; top: -3px; margin-left:10px; margin-right: 15px"/><span id="appHeader" ></span></router-link> + <img src="static/css/images/logo_vips_hvit.png" + style="height: 27px; position: relative; top: -3px; margin-left:10px; margin-right: 15px"/><span + id="appHeader"></span></router-link> <button class="navbar-toggler border-0" type="button" onclick="$('.offcanvas-collapse').toggleClass('open');"> <span class="navbar-toggler-icon" id="navbarTogglerIcon"></span> </button> <div class="navbar-collapse offcanvas-collapse" id="menuContainer"> <!-- The login part of the app (LoginSystem.vue) is mounted here --> - <login-system ></login-system> - <hr/> + <login-system></login-system> + <hr/> <ul v-if="sharedState.uuid != '' && sharedState.uuid" class="navbar-nav me-auto"> <li class="nav-item"> - <router-link class="nav-link" to="/" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("observationlist.heading")}}</router-link> + <router-link class="nav-link" to="/" onclick="$('.offcanvas-collapse').toggleClass('open')"> + {{ $t("observationlist.heading") }} + </router-link> </li> <li class="nav-item"> - <router-link class="nav-link" to="/observationTimeSeriesList" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("observationTimeSeriesList.heading")}}</router-link> + <router-link class="nav-link" to="/observationTimeSeriesList" + onclick="$('.offcanvas-collapse').toggleClass('open')"> + {{ $t("observationTimeSeriesList.heading") }} + </router-link> </li> <li class="nav-item"> - <router-link class="nav-link" to="/places" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("placeslist.heading")}}</router-link> + <router-link class="nav-link" to="/places" onclick="$('.offcanvas-collapse').toggleClass('open')"> + {{ $t("placeslist.heading") }} + </router-link> </li> - <li class="nav-item"> - <router-link class="nav-link" to="/cropCategory" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("cropcategory")}}</router-link> + <li class="nav-item"> + <router-link class="nav-link" to="/cropCategory" onclick="$('.offcanvas-collapse').toggleClass('open')"> + {{ $t("cropcategory") }} + </router-link> </li> <li class="nav-item"> - <a class="vips-btn" data-toggle="collapse" href="#divAbout" aria-expanded="false" aria-controls="divAbout">{{ $t("about.header")}}</a> - <div class="collapse" id="divAbout"> - <div v-html="$t('about.text')"></div> - <br> - {{ $t("about.version") }}: {{ version }} - </div> + <a class="vips-btn" data-toggle="collapse" href="#divAbout" aria-expanded="false" + aria-controls="divAbout">{{ $t("about.header") }}</a> + <div class="collapse" id="divAbout"> + <div v-html="$t('about.text')"></div> + <br> + {{ $t("about.version") }}: {{ version }} + </div> </li> - </ul> - </div> </nav> <!-- This is where the main app (governed by the router) is mounted --> <main id="app"/> -<script src="static/js/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -<script>window.jQuery || document.write('<script src="static/js/jquery-3.5.1.slim.min.js"><\/script>')</script><script src="static/js/bootstrap.bundle.min.js"></script><script src="static/js/popper.min.js"></script> +<script src="static/js/jquery-3.5.1.slim.min.js" + integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" + crossorigin="anonymous"></script> +<script>window.jQuery || document.write('<script src="static/js/jquery-3.5.1.slim.min.js"><\/script>')</script> +<script src="static/js/bootstrap.bundle.min.js"></script> +<script src="static/js/popper.min.js"></script> <script src="static/js/offcanvas.js"></script> <script src="cordova.js"></script> - </body> +</body> </html>