index.html 3.29 KB
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Recline.js Multiview Demo</title>
    <!-- you do not have to use bootstrap but we use it by default -->
    <link rel="stylesheet" href="vendor/bootstrap/3.2.0/css/bootstrap.css">
    <!-- vendor css -->
    <link href="vendor/leaflet/0.7.3/leaflet.css" rel="stylesheet">
    <link href="vendor/leaflet.markercluster/MarkerCluster.css" rel="stylesheet">
    <link href="vendor/leaflet.markercluster/MarkerCluster.Default.css" rel="stylesheet">
    <link rel="stylesheet" href="vendor/slickgrid/2.2/slick.grid.css">
    
    <!-- recline css -->
    <link href="css/map.css" rel="stylesheet">

    <link href="css/multiview.css" rel="stylesheet">
    <link href="css/slickgrid.css"rel="stylesheet">
    <link href="css/flot.css" rel="stylesheet">
    
    <script type="text/javascript" src="http://okfnlabs.org/recline.backend.gdocs/backend.gdocs.js"></script>
    <!-- Vendor JS - general dependencies -->
    <script src="vendor/jquery/1.7.1/jquery.js" type="text/javascript"></script>
    <script src="vendor/underscore/1.4.4/underscore.js" type="text/javascript"></script>
    <!--<script src="vendor/underscore.deferred/0.4.0/underscore.deferred.js" type="text/javascript"></script>-->
    <script src="vendor/backbone/1.0.0/backbone.js" type="text/javascript"></script>
    <script src="vendor/mustache/0.5.0-dev/mustache.js" type="text/javascript"></script>
    <script src="vendor/bootstrap/3.2.0/js/bootstrap.js" type="text/javascript"></script>

    <!-- Vendor JS - view dependencies -->
    <script src="vendor/leaflet/0.7.3/leaflet.js" type="text/javascript"></script>
    <script src="vendor/leaflet.markercluster/leaflet.markercluster.js" type="text/javascript"></script>
    <script type="text/javascript" src="vendor/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="vendor/flot/jquery.flot.time.js"></script>
    <script type="text/javascript" src="vendor/moment/2.0.0/moment.js"></script>
    <script src="vendor/slickgrid/2.2/jquery-ui-1.8.16.custom.min.js"></script>
    <script src="vendor/slickgrid/2.2/jquery.event.drag-2.2.js"></script>
    <script src="vendor/slickgrid/2.2/jquery.event.drop-2.2.js"></script>
    <script src="vendor/slickgrid/2.2/slick.core.js"></script>
    <script src="vendor/slickgrid/2.2/slick.formatters.js"></script>
    <script src="vendor/slickgrid/2.2/slick.editors.js"></script>
    <script src="vendor/slickgrid/2.2/slick.grid.js"></script>
    <script src="vendor/slickgrid/2.2/plugins/slick.rowselectionmodel.js" type="text/javascript"></script>
    <script src="vendor/slickgrid/2.2/plugins/slick.rowmovemanager.js" type="text/javascript"></script>

    <!-- Recline JS (combined distribution, all views) -->
    <script src="dist/recline.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="container">
      <style type="text/css">
        .recline-slickgrid {
          height: 300px;
        }

        .changelog {
          display: none;
          border-bottom: 1px solid #ccc;
          margin-bottom: 10px;
        }
      </style>

      <div class="changelog">
        <h3>Changes</h3>
      </div>

      <div class="data-explorer-here"></div>
      <div style="clear: both;"></div>

      <script src="app.js" type="text/javascript"></script>
    </div>
  </body>
</html>