<commit_before><!DOCTYPE html>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>

  <!-- Leaflet -->
  <link rel="stylesheet" href="leaflet/leaflet.css">
  <link rel="stylesheet" href="leaflet/leaflet.draw.css">
  <script src="leaflet/leaflet-src.js"></script>
  <script src="leaflet/leaflet.draw.js"></script>

  <!-- jQuery, required by Bootstrap -->
  <script src="jquery-1.12.1.min.js"></script>

  <!-- Bootstrap -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="<KEY>" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

  <!-- Angular -->
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  
  <!-- Private Keys -->
  <script type="text/javascript" src="private/browserKeys.js"></script>

<!-- Start of CSS -->
  <style>
    body {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .col-sm-4 {
    /*  border: 1px solid red;*/
    }

    .col-sm-8 {
    /*  border: 1px solid black;*/
    }

    #mapid {
        height: 600px;
    }


    .title {
      padding: 40px 15px;
      text-align: center;
    }

    li.list-group-item {
      border: none;
    }

    .col-xs-3 {
      border: none;
    }
    .container h3 {
      text-align: center;
    }
  </style>
</head>

<body>

<div ng-app="detailApp" ng-controller="detailController" >

<div class="title">
  <h1>Early Access User Geomapper</h1>
  <h3> This application is a MarkLogic-based visualization that provides an "executive" display for locations of all MarkLogic 9 Early Access users.</h3>
</div>

<button ng-click="showDetail=!showDetail" ng-init="showDetail=false">
  Switch
</button>

<!-- MAP -->
<div class="container" ng-hide="showDetail">
  <div class="row">
    <div class="col-sm-4">
      <h3>Features</h3><br>


      <div class="col-xs-6">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a data-toggle="collapse" href="#">Select Dates</a></h4>
            </div>
          </div>
        </div>
      </div>

      <div class="col-xs-6">
        <button type="button" id="clearButton" class="btn btn-default btn-block">Clear Map</button>
      </div>

      <br><br><br>

  <!-- Select Industry -->
      <div class="col-xs-6">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a data-toggle="collapse" href="#collapse1">Select Industry</a></h4>
            </div>
            <div id="collapse1" class="panel-collapse collapse">
              <ul class="list-group"></ul>
            </div>
          </div>
        </div>
      </div>

  <!-- Select Features -->
      <div class="col-xs-6">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a data-toggle="collapse" href="#collapse2">Select Feature</a></h4>
            </div>
            <div id="collapse2" class="panel-collapse collapse">
              <ul class="list-group"></ul>
            </div>
          </div>
        </div>
      </div>

  <br><br><br>

    </div>

<!--  Map -->

    <div class="col-sm-8">
      <h3>Map Display</h3><br>
      <div id="mapid"></div>
    </div>

  </div>
</div> <!-- end of ng-hide -->

<!-- USER DETAILS -->
<div class="container-fluid" ng-show="showDetail">
  <h3>User Details:</h3>
  <br/>

  <table class="table table-hover">
    <tr><commit_msg>started detailed view, fixed indentation in map.html -_-<commit_after><!DOCTYPE html>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>

  <!-- Leaflet -->
  <link rel="stylesheet" href="leaflet/leaflet.css">
  <link rel="stylesheet" href="leaflet/leaflet.draw.css">
  <script src="leaflet/leaflet-src.js"></script>
  <script src="leaflet/leaflet.draw.js"></script>

  <!-- jQuery, required by Bootstrap -->
  <script src="jquery-1.12.1.min.js"></script>

  <!-- Bootstrap -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="<KEY>" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

  <!-- Angular -->
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  
  <!-- Private Keys -->
  <script type="text/javascript" src="private/browserKeys.js"></script>

<!-- Start of CSS -->
  <style>
    body {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .col-sm-4 {
    /*  border: 1px solid red;*/
    }

    .col-sm-8 {
    /*  border: 1px solid black;*/
    }

    #mapid {
        height: 600px;
    }


    .title {
      padding: 40px 15px;
      text-align: center;
    }

    li.list-group-item {
      border: none;
    }

    .col-xs-3 {
      border: none;
    }
    .container h3 {
      text-align: center;
    }
  </style>
</head>

<body>

<div ng-app="detailApp" ng-controller="detailController" >

<div class="title">
  <h1>Early Access User Geomapper</h1>
  <h3> This application is a MarkLogic-based visualization that provides an "executive" display for locations of all MarkLogic 9 Early Access users.</h3>
</div>


<button ng-click="showDetail=!showDetail" ng-init="showDetail=false">
  Switch
</button>

<!-- MAP -->
<div class="container" ng-hide="showDetail">
  <div class="row">
    <div class="col-sm-4">
      <h3>Features</h3><br>

      <div class="col-xs-6">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a data-toggle="collapse" href="#">Select Dates</a></h4>
            </div>
          </div>
        </div>
      </div>

      <div class="col-xs-6">
        <button type="button" id="clearButton" class="btn btn-default btn-block">Clear Map</button>
      </div>

      <br><br><br>

  <!-- Select Industry -->
      <div class="col-xs-6">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a data-toggle="collapse" href="#collapse1">Select Industry</a></h4>
            </div>
            <div id="collapse1" class="panel-collapse collapse">
              <ul class="list-group"></ul>
            </div>
          </div>
        </div>
      </div>

  <!-- Select Features -->
      <div class="col-xs-6">
        <div class="panel-group" id="accordion">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title"><a data-toggle="collapse" href="#collapse2">Select Feature</a></h4>
            </div>
            <div id="collapse2" class="panel-collapse collapse">
              <ul class="list-group"></ul>
            </div>
          </div>
        </div>
      </div>

      <br><br><br>

<!--     <div class="col-xs-12">
      <button type="button" class="btn btn-default btn-lg" style="text-align:center">Draw Regions</button>
    </div> -->

    </div>

<!--  Map -->

    <div class="col-sm-8">
      <h3>Map Display</h3><br>
      <div id="mapid"></div>
    </div>

  </div>
</div> <!-- end of ng-hide -->

<!-- USER DETAILS -->
<div class="container-fluid" ng-show="showDetail">
  <h3>User Details:</h3>
  <br/>

  <table class="table table-hover">
    <tr>
{'fraction_non_alphanumeric': 0.1953193078550977, 'fraction_numerical': 0.015436325158720279, 'mean_word_length': 2.4584588893671975, 'pattern_counts': {'":': 0, '<': 254, '<?xml version=': 0, '>': 254, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3457742', 'n_tokens_mistral': 2776, 'n_tokens_neox': 2647, 'n_words': 508}