<commit_before><!DOCTYPE html>
<html>
<head>
    <title>geoSICOB View</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
			
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="<KEY>" crossorigin="anonymous">
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/openlayers/4.0.1/ol.css" type="text/css">
  <link rel="stylesheet" href="sidebar-v2/ol3-sidebar.min.css" />
<!--
Usar librerias de github:
1.- Find your link on GitHub, and click to the "Raw" version of the file.
2.- Copy the URL, and link to it.
3.- Change raw.githubusercontent.com to rawgit.com (non-production) or cdn.rawgit.com (production)
-->   
	<link rel="stylesheet" href="https://rawgit.com/erikfva/ol3-ext/gh-pages/control/layerswitchercontrol.css" />
 
<style>
        body {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
        html, body, #map {
            height: 100%;
            font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
        }
        .shadow-b{
        	-webkit-box-shadow: 0px 10px 21px 0px rgba(50, 50, 50, 0.41);
        	-moz-box-shadow:    0px 10px 21px 0px rgba(50, 50, 50, 0.41);
        	box-shadow:         0px 10px 21px 0px rgba(50, 50, 50, 0.41);
        }
       
    .sidebar-pane{position: relative;width: 100%;height: 100%;overflow-y: hidden;padding:0px;padding-bottom:40px}    
		.sidebar-header{top:0px;position:absolute;width:100%;z-index:1;padding: 0px;margin: 0px;left: 0px;padding-left: 10px;} /*para fijar el titulo arriba.*/
		.sidebar-body{margin-top:40px; overflow-y:auto; height:100%}         

    .sidebar{
    	/*max-width:390px; */
    	-webkit-box-sizing: content-box ;
    	-moz-box-sizing: content-box ;
    	box-sizing: content-box ;
    	z-index : 1000; /* para que no se solape con ventanas modal de bootstrap*/
    }
    
		@media (min-width: 10px) and (max-width: 768px) {
    	.sidebar {
      	max-width: 350px; 
      } 
    }    
		.sidebar-pane.full-screen{
			position: fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background: #FFF;
		}
		.full-screen .sidebar-close{display:none}

	.ol-layerswitcher .panel li label{
		overflow : inherit;
		white-space: inherit;
		max-width : inherit;
		word-break: break-all;
	}	
	
</style>
    
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
	<script src="https://cdn.rawgit.com/blueimp/JavaScript-Templates/master/js/tmpl.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/openlayers/4.0.1/ol.js" type="text/javascript"></script>
	<!-- Control LayerSwitcher -->
	<script  src="https://rawgit.com/erikfva/ol3-ext/gh-pages/control/layerswitchercontrol.js"></script>

</head>
<body>
    <div id="sidebar" class="sidebar collapsed">
        <!-- Nav tabs -->
        <div class="sidebar-tabs">
            <ul role="tablist">
                <li><a href="#layers" role="tab"><i class="fa fa-bars"></i></a></li>
                <li>
                	<a href="#maps" role="tab">
                	<span class="fa-stack">
                		<i class="fa fa-map-o fa-stack-1x"></i>
                		<sup class="fa fa-map-marker fa-stack-1x"></sup>
                	</span>
                	</a>
                </li>
                <li><a href="#search" role="tab"><i class="fa fa-search"></i></a></li>
                <li>
                	<a href="#geoprocesses" role="tab">
                		<span class="fa-stack">
                			<i class="fa fa-square-o fa-stack-2x"></i>
                			<i class="fa fa-bolt fa-stack-1x"></i>
                		</span>
                	</a>
                </li>
                <li class="disabled"><a href="#messages" role="tab"><i class="fa fa-envelope"></i></a></li>
                <li><a href="javascript:$('.sidebar-close:visible').trigger('click'); uploadSHP( function(r){ addSHP(r); } );"><i class="fa fa-upload" aria-hidden="true"></i></a></li>
                <li>
                	<a href="javascript:showFrmProcess(geoprocess.process[0]);">
                		<span class="fa-stack">
                			<sub class="fa fa-cogs fa-stack-1x"></sub>
                			<sup class="small fa fa-wrench fa-stack-1x" style="margin-top: -3px;"></sup>
                		</span>
                	</a>
                </li>
            </ul>

            <ul role="tablist">
                <li><a href="#settings" role="tab"><i class="fa fa-gear"></i></a></li>
            </ul>
        </div>

        <!-- Tab panes -->
        <div class="sidebar-content modal-content">
            <div class="sidebar-pane" id="maps">
                
                 <h1 class="sidebar-header" >
                    Mapa base
                    <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
                </h1>
                

                <div class="sidebar-body panel-body">
                	<div id="tool-mapa-base"></div>
                </div>
            </div>

            <div class="sidebar-pane" id="layers">
                <h1 class="sidebar-header">Capas<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
                <div class="sidebar-body panel-body"><commit_msg>Actualización desde atom<commit_after><!DOCTYPE html>
<html>
<head>
    <title>geoSICOB View</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
			
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="<KEY>" crossorigin="anonymous">
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/openlayers/4.0.1/ol.css" type="text/css">
  <link rel="stylesheet" href="sidebar-v2/ol3-sidebar.min.css" />
<!--
Usar librerias de github:
1.- Find your link on GitHub, and click to the "Raw" version of the file.
2.- Copy the URL, and link to it.
3.- Change raw.githubusercontent.com to rawgit.com (non-production) or cdn.rawgit.com (production)
-->   
	<link rel="stylesheet" href="https://rawgit.com/erikfva/ol3-ext/gh-pages/control/layerswitchercontrol.css" />
 
<style>
        body {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
        html, body, #map {
            height: 100%;
            font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
        }
        .shadow-b{
        	-webkit-box-shadow: 0px 10px 21px 0px rgba(50, 50, 50, 0.41);
        	-moz-box-shadow:    0px 10px 21px 0px rgba(50, 50, 50, 0.41);
        	box-shadow:         0px 10px 21px 0px rgba(50, 50, 50, 0.41);
        }
       
    .sidebar-pane{position: relative;width: 100%;height: 100%;overflow-y: hidden;padding:0px;padding-bottom:40px}    
		.sidebar-header{top:0px;position:absolute;width:100%;z-index:1;padding: 0px;margin: 0px;left: 0px;padding-left: 10px;} /*para fijar el titulo arriba.*/
		.sidebar-body{margin-top:40px; overflow-y:auto; height:100%}         

    .sidebar{
    	/*max-width:390px; */
    	-webkit-box-sizing: content-box ;
    	-moz-box-sizing: content-box ;
    	box-sizing: content-box ;
    	z-index : 1000; /* para que no se solape con ventanas modal de bootstrap*/
    }
    
		@media (min-width: 10px) and (max-width: 768px) {
    	.sidebar {
      	max-width: 350px; 
      } 
    }    
		.sidebar-pane.full-screen{
			position: fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background: #FFF;
		}
		.full-screen .sidebar-close{display:none}

	.ol-layerswitcher .panel li label{
		overflow : inherit;
		white-space: inherit;
		max-width : inherit;
		word-break: break-all;
	}	
	
</style>
    
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
	<script src="https://cdn.rawgit.com/blueimp/JavaScript-Templates/master/js/tmpl.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/openlayers/4.0.1/ol.js" type="text/javascript"></script>
	<!-- Control LayerSwitcher -->
	<script  src="https://rawgit.com/erikfva/ol3-ext/gh-pages/control/layerswitchercontrol.js"></script>

</head>
<body>
    <div id="sidebar" class="sidebar collapsed">
        <!-- Nav tabs -->
        <div class="sidebar-tabs">
            <ul role="tablist">
                <li><a href="#layers" role="tab"><i class="fa fa-bars"></i></a></li>
                <li>
                	<a href="#maps" role="tab">
                	<span class="fa-stack">
                		<i class="fa fa-map-o fa-stack-1x"></i>
                		<sup class="fa fa-map-marker fa-stack-1x"></sup>
                	</span>
                	</a>
                </li>
                <li><a href="#search" role="tab"><i class="fa fa-search"></i></a></li>
                <li>
                	<a href="#geoprocesses" role="tab">
                		<span class="fa-stack">
                			<i class="fa fa-square-o fa-stack-2x"></i>
                			<i class="fa fa-bolt fa-stack-1x"></i>
                		</span>
                	</a>
                </li>
                <li class="disabled"><a href="#messages" role="tab"><i class="fa fa-envelope"></i></a></li>
                <li><a href="javascript:$('.sidebar-close:visible').trigger('click'); uploadSHP( function(r){ addSHP(r); } );"><i class="fa fa-upload" aria-hidden="true"></i></a></li>
                <li>
                	<a href="javascript:showFrmProcess(geoprocess.process[0]);">
                		<span class="fa-stack">
                			<sub class="fa fa-cogs fa-stack-1x"></sub>
                			<sup class="small fa fa-wrench fa-stack-1x" style="margin-top: -3px;"></sup>
                		</span>
                	</a>
                </li>
            </ul>

            <ul role="tablist">
                <li><a href="#settings" role="tab"><i class="fa fa-gear"></i></a></li>
            </ul>
        </div>

        <!-- Tab panels -->
        <div class="sidebar-content modal-content">
            <div class="sidebar-pane" id="maps">
                
                 <h1 class="sidebar-header" >
                    Mapa base
                    <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
                </h1>
                

                <div class="sidebar-body panel-body">
                	<div id="tool-mapa-base"></div>
                </div>
            </div>

            <div class="sidebar-pane" id="layers">
                <h1 class="sidebar-header">Capas<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
                <div class="sidebar-body panel-body">
{'fraction_non_alphanumeric': 0.1789568345323741, 'fraction_numerical': 0.025179856115107913, 'mean_word_length': 2.0393550150314295, 'pattern_counts': {'":': 0, '<': 241, '<?xml version=': 0, '>': 241, 'https://': 12, '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': '3165712', 'n_tokens_mistral': 4061, 'n_tokens_neox': 3712, 'n_words': 671}