maps.pt 6.7 KB
<!DOCTYPE html>
<html lang="en"
 tal:define="
        home request.route_url('home');">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="shortcut icon" href="${home}static/img/favicon.png">
  <title tal:content="request.title"/>
  <link rel="stylesheet" type="text/css"
        href="${home}static/v3/css/bootstrap.min.css">
  </link>
  <link rel="stylesheet" type="text/css"
        href="${home}static/bootstrap/css/font-awesome.min.css"/>
  <link rel="stylesheet" type="text/css" href="${home}deform_static/css/typeahead.css">
  <link rel="stylesheet" type="text/css" href="${home}static_map/lib/ol4/ol.css"/>
  <link rel="stylesheet" type="text/css" href="${home}static_map/lib/ol4/ext/ol3-layerswitcher.css"/>
  <link rel="stylesheet" type="text/css" href="${home}static_map/lib/ol4/ext/ol3gm.css"/>
  <link rel="stylesheet" type="text/css" href="${home}static_map/lib/ol4/ext/ol-geocoder.css"/>
  <link rel="stylesheet" type="text/css" href="${home}static/css/theme.css">
  <link rel="stylesheet" type="text/css" href="${home}static/css/navbar-fixed-top.css">
  <link metal:define-slot="link"/>
  <style>
      html{ height:100%;}
      .body { height:100%;}
      body {
        overflow: hidden;
        padding-top: 40px;
      }

  </style>
</head>
<script>
var vhost='${request._host}';
var extent_params=${request.extent};
var bingKey = '${request.bing_key}';
var gmapKey = '${request.gmap_key}';


</script>

<body class="body">
<div class="container-fluid">
  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <div metal:define-slot="apps">
        <a class="navbar-brand" href="${home}">${request.app_name}</a>
      </div>
    </div>
    <div class="navbar-collapse collapse" tal:condition="not request.user">
      <!-- Define Tombol Navigator -->
      <div metal:define-slot="navs"></div>
      <!-- End Tombol Navigator -->
      <ul class="nav navbar-nav">
        <li><a href="${home}" class="navbar-brand"><strong>${request.company}</strong></a></li>
      </ul>

      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="${home}login" class="button">Masuk</a>
        </li>
      </ul>
    </div>

    <div class="navbar-collapse collapse" tal:condition="request.user">
      <!-- Define Tombol Navigator -->
      <div metal:define-slot="navs"></div>
      <!-- End Tombol Navigator -->

      <ul class="nav navbar-nav navbar-right">
        <!-- Admin Menu -->
        <li class="dropdown" tal:condition="request.user.user_name=='admin'"
            tal:attributes="class request.matched_route.name in ['user', 'user-add', 'user-edit', 'user-delete', 'group', 'group-add', 'group-edit', 'group-delete'] and 'active'">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li tal:condition="has_permission(request, 'user')">
              <a href="${home}user">User</a></li>
            <li tal:condition="has_permission(request, 'group')">
              <a href="${home}group">Group</a></li>
            <li tal:condition="has_permission(request, 'user-group')">
              <a href="${home}user/group">User Group</a></li>
            <li tal:condition="has_permission(request, 'routes')">
              <a href="${home}routes">Routes</a></li>
            <li tal:condition="has_permission(request, 'group-routes')">
              <a href="${home}group/routes">Group Permission</a></li>
            <li tal:condition="has_permission(request, 'upload-logo')">
              <a href="${home}upload/logo">Upload Logo</a></li>
            <li tal:condition="has_permission(request, 'user-ws')">
              <a href="${home}user/ws">User Web Service</a></li>
          </ul>
        </li>

        <!-- User Login Menu-->
        <li class="dropdown" tal:attributes="class request.path in ['${home}password'] and 'active'">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">My Account <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="${home}logout">${request.user.nice_username()} Logout</a></li>
            <li><a href="${home}password">Ubah password</a></li>
            <li tal:condition="'core' in request.modules">
              <a href="${home}departemen/chg">Ubah Organisasi</a></li>
          </ul>
        </li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
  <div tal:condition="request.session.peek_flash()">
    <div class="alert alert-success" tal:repeat="message request.session.pop_flash()">
      <i class="fa fa-fw fa-lg fa-check-circle"></i>&nbsp;${message}
    </div>
  </div>
  <div tal:condition="request.session.peek_flash('error')">
    <div class="alert alert-danger" tal:repeat="message request.session.pop_flash('error')">
      <i class="fa fa-fw fa-lg fa-times-circle"></i>&nbsp;${message}
    </div>
  </div>
</div>
<p>&nbsp;</p>
<div class="container-fluid">


  <div metal:define-slot="contents"></div>
  <div class="navbar-fixed-bottom" style="background-color:#CC0000; color:#FFFFFF">
    <div id="foot-left" class="" style="float:left;">@openSIPKD 2018</div>
    <div id="foot-right" class="" style="float:right;"></div>
  </div>
</div>
<script type="text/javascript"
        src="${home}static/v3/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript"
        src="${home}static/v3/js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript"
        src="${home}deform_static/scripts/typeahead.min.js"></script>

<script src="${home}static_map/lib/ol4/ol.js" type="text/javascript"></script>
<!-- <script src="${home}static_map/lib/ol4/ol-debug.js" type="text/javascript"></script> -->
<script type="text/javascript" src="${home}static_map/lib/ol4/ext/ol3-layerswitcher.js"></script>
<script type="text/javascript" src="${home}static_map/lib/ol4/ext/ol-geocoder.js"></script>
<script type="text/javascript">
    if (ol.Map.prototype.getLayer === undefined) {    
        ol.Map.prototype.getLayer = function (id) {
            var layer;
            this.getLayers().forEach(function (lyr) {
                if (id == lyr.get('id')) {
                    layer = lyr;
                }            
            });
            return layer;
        }
    }

</script>
<div metal:define-slot="scripts"></div>
</body>
</html>