Skip to content
Snippets Groups Projects
index.html 3.66 KiB
<!doctype html>
<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>

</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-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/>
    <ul v-if="sharedState.uuid != '' && sharedState.uuid" class="navbar-nav mr-auto">
      <li class="nav-item">
        <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="/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>
      <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>
      </li>

    </ul>
  </v-if>
    
  </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/offcanvas.js"></script>
<script src="cordova.js"></script>

  </body>
</html>