<commit_before><!DOCTYPE html>
<html ng-app="csWebApp">

<head>
    <!--[if lt IE 9]>
        <script>
            alert("This application does not work on IE8 or below! Please obtain a newer browser, or try a portable version of Firefox.");
            window.location = "https://github.com/TNOCS/csWeb";
        </script>
    <![endif]-->

    <script type="text/javascript">
        if (screen.width <= 719) {
            document.location = "m.html";
        }
    </script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="description" content="csWeb, your mapping solution.">
    <meta name="author" content="<NAME>, <NAME>">
    <meta name="color:Accent" content="#a98e2e" />

    <!--TODO Add your title here-->
    <title>csWeb</title>

    <!-- build:css css/csWeb.css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css" />
    <link rel="stylesheet" href="bower_components/Font-Awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
    <link rel="stylesheet" href="cs/css/dc.css" />
    <link rel="stylesheet" href="bower_components/leaflet.markercluster/dist/MarkerCluster.css" />
    <link rel="stylesheet" href="bower_components/leaflet.markercluster/dist/MarkerCluster.Default.css" />
    <link rel="stylesheet" href="bower_components/leaflet.locatecontrol/src/L.Control.Locate.css" />
    <link rel="stylesheet" href="bower_components/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" />
    <link rel="stylesheet" href="bower_components/spectrum/spectrum.css" rel="stylesheet" />
    <link rel="stylesheet" href="bower_components/angular-ui-select/dist/select.css" rel="stylesheet" />

    <link rel="stylesheet" href="cs/css/animate.min.css" />
    <link rel="stylesheet" href="cs/css/timeline.css" />
    <link rel="stylesheet" href="cs/css/widgets.css" />
    <link rel="stylesheet" href="cs/css/d3_bulletchart.css" />
    <link rel="stylesheet" href="cs/css/pnotify.custom.min.css" />
    <link rel="stylesheet" href="cs/css/xbbcode.css">
    <link rel="stylesheet" href="cs/css/csStyles.css" />

    <link rel="stylesheet" href="css/style.css">
    <!-- endbuild -->
    <link rel="shortcut icon" href="favicon.ico">
</head>

<body data-ng-controller="appCtrl" data-ng-cloak data-ng-init="showMap=true">
    <script src="/socket.io/socket.io.js"></script>
    <!-- build:js csWeb.js -->
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
    <!-- <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> -->
    <script src="bower_components/angular-translate/angular-translate.min.js"></script>
    <script src="bower_components/leaflet/dist/leaflet.js"></script>
    <script src="bower_components/leaflet.locatecontrol/src/L.Control.Locate.js"></script>
    <script src="bower_components/leaflet-ajax/dist/leaflet.ajax.min.js"></script>
    <script src="bower_components/leaflet.markercluster/dist/leaflet.markercluster.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script src="bower_components/angular-utils-pagination/dirPagination.js"></script>
    <script src="bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="bower_components/angular-ui-select/dist/select.js"></script>
    <script src="bower_components/chroma-js/chroma.min.js"></script>
    <script src="bower_components/d3/d3.min.js"></script>
    <script src="bower_components/d3-tip/index.js"></script>
    <script src="bower_components/crossfilter/crossfilter.min.js"></script>
    <script src="bower_components/async/lib/async.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.min.js"></script>
    <script src="bower_components/underscore/underscore-min.js"></script>
    <script src="bower_components/moment/min/moment.min.js"></script>
    <script src="bower_components/spectrum/spectrum.js"></script>
    <script src="bower_components/togeojson/togeojson.js"></script>
    <script src="bower_components/interact/interact.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>
    <script src="cs/js/angular-moment.min.js"></script>
    <script src="cs/js/datetime-picker.js"></script>
    <script src="cs/js/dc.js"></script>
    <script src="cs/js/angular-spectrum-colorpicker.min.js"></script>
    <script src="cs/js/stringformat-1.09.min.min.js"></script>
    <script src="cs/js/stringformat.nl-NL.min.js"></script>
    <script src="cs/js/locationfilter.js"></script>
    <script src="cs/js/xbbcode.min.js"></script>
    <script src="cs/js/jquery.cookies.min.js"></script>
    <script src="cs/js/pnotify.custom.min.js"></script>
    <script src="cs/js/jqueryinjectCSS.min.js"></script>
    <script src="cs/js/timeline.min.js"></script>
    <script src="cs/js/wizMarkdown.min.js"></script>
    <script src="cs/js/d3_bulletChart.js"></script>
    <script src="cs/js/vega.js" charset="utf-8"></script>
    <script src="cs/js/vega-embed.js" charset="utf-8"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="cs/js/csComp.js"></script>
    <script src="app/app.js"></script>
    <script src="cs/js/csTemplates.js"></script>
    <!-- endbuild -->
    <script src="cs/js/cesium.js"></script>

    <div role="navigation" class="navbar navbar-inverse navbar-fixed-top">

        <div class="navbar-header" data-ng-cloak>
            <a class="menutoggle" ng-click="vm.$layerService.visual.leftPanelVisible = !vm.$layerService.visual.leftPanelVisible" popover="{{'TOGGLE_MENU' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true"><i class="fa fa-bars"></i></a>
            <!--<a class="navbar-brand" style="margin-top: -5px;" href="{{vm.$layerService.project.url}}" target="_blank">
                <img data-ng-src="{{vm.$layerService.project.logo}}" alt="{{vm.$layerService.project.title}}" width="32" height="32" />
                {{vm.$layerService.project.title}}
            </a>-->
        </div>

        <!-- Link to views -->
        <div class="navbar-collapse collapse">
            <project-header-selection></project-header-selection>

            <!-- Dashboard selection -->
            <dashboard-header-selection></dashboard-header-selection>

            <!-- Select renderer -->
            <ul class="nav navbar-nav" style="float:right">
                <li data-ng-if="vm.$layerService.activeMapRenderer.title!='leaflet'"><a data-ng-click="vm.$layerService.selectRenderer('leaflet')">2D</a></li>
                <li data-ng-if="vm.$layerService.activeMapRenderer.title!='cesium'"><a data-ng-click="vm.$layerService.selectRenderer('cesium')">3D</a></li>
            </ul>

            <!-- Search form -->
            <offline-search class="navbar-form navbar-right" style="margin-right:0"></offline-search>
            <!-- Expert mode switch -->
            <expert-mode class="navbar-form navbar-right" style="outline:none; margin: 5px -10px 0 0; color: white"></expert-mode>
            <!-- Language switch -->
            <language-switch class="navbar-form navbar-right" style="margin: 0 -5px 0 8px;"></language-switch>
        </div>
    </div>

    <map mapid="main" class="map-main" ng-show="vm.$layerService.visual.mapVisible"></map>

    <div style="position: absolute;width: 100%;height:100%;pointer-events: none;display:table">

        <div ng-show="vm.$layerService.visual.leftPanelVisible" class="leftpanel leftpanel-entrance" ng-cloak>
            <div class="leftpanel-container">
                <!-- http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window -->
                <div class="col-xs-3 leftpanel-tab">
                    <!-- required for floating -->
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs tabs-left" id="leftPanelTab">
                        <li popover="{{'BASESTYLES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#basestyles" data-toggle="tab" data-ng-if="vm.$mapService.isIntermediate">
                                <img src="/cs/images/search.png" style="width:30px;height:30px"></img>
                            </a>
                        </li>
                        <!-- 'tabs-right' for right tabs -->
                        <li popover="{{'BASESTYLES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#basestyles" data-toggle="tab" data-ng-if="vm.$mapService.isIntermediate">
                                <div class="mapIcon"></div>
                            </a>
                        </li>
                        <li class="active" popover="{{'LAYERS' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#layers" data-toggle="tab">
                                <div class="layersIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'FILTERS' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#filters" data-toggle="tab">
                                <div class="filtersIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'STYLES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#styles" data-toggle="tab">
                                <div class="stylesIcon"></div>
                            </a>
                        </li>
                        <!-- <li popover="{{'MCA.NAME' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#mca" data-toggle="tab" data-ng-if="vm.$mapService.isExpert">
                                <div class="mcaIcon"></div>
                            </a>
                        </li> -->
                        <li popover="{{'HEATMAP.NAME' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#heatmap" data-toggle="tab" data-ng-if="vm.$mapService.isExpert">
                                <div class="heatmapIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'FEATURES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#features" data-toggle="tab">
                                <div class="featuresIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'LEGEND' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#legend" data-toggle="tab">
                                <div class="mainLegendIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'DASHBOARD_SELECTION' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#dashboardselection" data-ng-if="vm.$mapService.isExpert" data-toggle="tab"><i class="fa fa-tachometer fa-2x" style="color: black"></i>
                      </a>
                        </li>
                        <li popover="{{'SETTINGS' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#settings" data-toggle="tab" data-ng-if="vm.$mapService.isAdminExpert">
                                <i class="fa fa-gear fa-2x" style="color: black"></i>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="col-xs-9 leftpanel-content">
                    <!-- Tab panes -->
                    <div class="tab-content ">
                        <base-map-list class="tab-pane" id="basestyles"></base-map-list>

                        <layers-directive class="tab-pane active" id="layers"></layers-directive>

                        <filter-list class="tab-pane" id="filters"></filter-list>

                        <style-list class="tab-pane" id="styles"></style-list>

                        <!--<mca class="tab-pane" id="mca"></mca>-->

                        <heatmap class="tab-pane" id="heatmap"></heatmap>

                        <feature-list class="tab-pane" id="features"></feature-list>

                        <legend-list class="tab-pane" id="legend"></legend-list>

                        <dashboard-selection class="tab-pane" id="dashboardselection"></dashboard-selection>

                        <project-settings class="tab-pane" id="settings"></project-settings>
                    </div>
                </div>
            </div>
        </div>
        <dashboardirective container="main" style="display:table-cell;width:100%;vertical-align: top;" dashboard="vm.$dashboardService.mainDashboard"></dashboardirective>

        <div id="rightpanel" class="rightpanel">
            <div id="rightpanelTabContainer" class="tabbable tabs-left rightpanelContainer">
                <!-- Nav tabs -->
                <ul id="rightpanelTabs" class="nav nav-tabs rightpanelTabs" ng-class="{'rightpanelTabs-collapsed' : !vm.$layerService.visual.rightPanelVisible}">
                    <li style="margin-top:5px" ng-style="!vm.$layerService.visual.rightPanelVisible && {'opacity':0}" ng-click="vm.$layerService.visual.rightPanelVisible = false" popover="{{'HIDE_PANEL' | translate}}" popover-placement="left" popover-trigger="mouseenter" popover-append-to-body="true">
                        <a class="rightpanel-hidetab">
                            <span class="fa fa-2x fa-chevron-right"></span>
                        </a>
                    </li>
                </ul>
                <div id="rightpanelTabPanes" ng-show="vm.$layerService.visual.rightPanelVisible" class="tab-content rightpanelTabPanes">
                </div>
            </div>
        </div>

    </div>

    <!--Loading spinner-->
    <div data-ng-show="layersLoading>0" id="loadingspinner" style="margin:0px auto; width:200px; height:100px;">
        <div class="spinner" style="position: initial; margin-top:60px;">
            <div class="bounce1" style="width:16px; height:16px;"></div>
            <div class="bounce2" style="width:16px; height:16px;"></div>
            <div class="bounce3" style="width:16px; height:16px;"></div>
        </div>
    </div>

    <timeline data-ng-show="vm.$mapService.timelineVisible" style="height: 100vh;"></timeline>
</body>

</html>
<commit_msg>index.html: reference angular.min.js and the interact.min.js in the dist folder.<commit_after><!DOCTYPE html>
<html ng-app="csWebApp">

<head>
    <!--[if lt IE 9]>
        <script>
            alert("This application does not work on IE8 or below! Please obtain a newer browser, or try a portable version of Firefox.");
            window.location = "https://github.com/TNOCS/csWeb";
        </script>
    <![endif]-->

    <script type="text/javascript">
        if (screen.width <= 719) {
            document.location = "m.html";
        }
    </script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="description" content="csWeb, your mapping solution.">
    <meta name="author" content="<NAME>, <NAME>">
    <meta name="color:Accent" content="#a98e2e" />

    <!--TODO Add your title here-->
    <title>csWeb</title>

    <!-- build:css css/csWeb.css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css" />
    <link rel="stylesheet" href="bower_components/Font-Awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
    <link rel="stylesheet" href="cs/css/dc.css" />
    <link rel="stylesheet" href="bower_components/leaflet.markercluster/dist/MarkerCluster.css" />
    <link rel="stylesheet" href="bower_components/leaflet.markercluster/dist/MarkerCluster.Default.css" />
    <link rel="stylesheet" href="bower_components/leaflet.locatecontrol/src/L.Control.Locate.css" />
    <link rel="stylesheet" href="bower_components/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" />
    <link rel="stylesheet" href="bower_components/spectrum/spectrum.css" rel="stylesheet" />
    <link rel="stylesheet" href="bower_components/angular-ui-select/dist/select.css" rel="stylesheet" />

    <link rel="stylesheet" href="cs/css/animate.min.css" />
    <link rel="stylesheet" href="cs/css/timeline.css" />
    <link rel="stylesheet" href="cs/css/widgets.css" />
    <link rel="stylesheet" href="cs/css/d3_bulletchart.css" />
    <link rel="stylesheet" href="cs/css/pnotify.custom.min.css" />
    <link rel="stylesheet" href="cs/css/xbbcode.css">
    <link rel="stylesheet" href="cs/css/csStyles.css" />

    <link rel="stylesheet" href="css/style.css">
    <!-- endbuild -->
    <link rel="shortcut icon" href="favicon.ico">
</head>

<body data-ng-controller="appCtrl" data-ng-cloak data-ng-init="showMap=true">
    <script src="/socket.io/socket.io.js"></script>
    <!-- build:js csWeb.js -->
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
    <!-- <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> -->
    <script src="bower_components/angular-translate/angular-translate.min.js"></script>
    <script src="bower_components/leaflet/dist/leaflet.js"></script>
    <script src="bower_components/leaflet.locatecontrol/src/L.Control.Locate.js"></script>
    <script src="bower_components/leaflet-ajax/dist/leaflet.ajax.min.js"></script>
    <script src="bower_components/leaflet.markercluster/dist/leaflet.markercluster.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script src="bower_components/angular-utils-pagination/dirPagination.js"></script>
    <script src="bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="bower_components/angular-ui-select/dist/select.js"></script>
    <script src="bower_components/chroma-js/chroma.min.js"></script>
    <script src="bower_components/d3/d3.min.js"></script>
    <script src="bower_components/d3-tip/index.js"></script>
    <script src="bower_components/crossfilter/crossfilter.min.js"></script>
    <script src="bower_components/async/lib/async.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.min.js"></script>
    <script src="bower_components/underscore/underscore-min.js"></script>
    <script src="bower_components/moment/min/moment.min.js"></script>
    <script src="bower_components/spectrum/spectrum.js"></script>
    <script src="bower_components/togeojson/togeojson.js"></script>
    <script src="bower_components/interact/dist/interact.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>
    <script src="cs/js/angular-moment.min.js"></script>
    <script src="cs/js/datetime-picker.js"></script>
    <script src="cs/js/dc.js"></script>
    <script src="cs/js/angular-spectrum-colorpicker.min.js"></script>
    <script src="cs/js/stringformat-1.09.min.min.js"></script>
    <script src="cs/js/stringformat.nl-NL.min.js"></script>
    <script src="cs/js/locationfilter.js"></script>
    <script src="cs/js/xbbcode.min.js"></script>
    <script src="cs/js/jquery.cookies.min.js"></script>
    <script src="cs/js/pnotify.custom.min.js"></script>
    <script src="cs/js/jqueryinjectCSS.min.js"></script>
    <script src="cs/js/timeline.min.js"></script>
    <script src="cs/js/wizMarkdown.min.js"></script>
    <script src="cs/js/d3_bulletChart.js"></script>
    <script src="cs/js/vega.js" charset="utf-8"></script>
    <script src="cs/js/vega-embed.js" charset="utf-8"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="cs/js/csComp.js"></script>
    <script src="app/app.js"></script>
    <script src="cs/js/csTemplates.js"></script>
    <!-- endbuild -->
    <script src="cs/js/cesium.js"></script>

    <div role="navigation" class="navbar navbar-inverse navbar-fixed-top">

        <div class="navbar-header" data-ng-cloak>
            <a class="menutoggle" ng-click="vm.$layerService.visual.leftPanelVisible = !vm.$layerService.visual.leftPanelVisible" popover="{{'TOGGLE_MENU' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true"><i class="fa fa-bars"></i></a>
            <!--<a class="navbar-brand" style="margin-top: -5px;" href="{{vm.$layerService.project.url}}" target="_blank">
                <img data-ng-src="{{vm.$layerService.project.logo}}" alt="{{vm.$layerService.project.title}}" width="32" height="32" />
                {{vm.$layerService.project.title}}
            </a>-->
        </div>

        <!-- Link to views -->
        <div class="navbar-collapse collapse">
            <project-header-selection></project-header-selection>

            <!-- Dashboard selection -->
            <dashboard-header-selection></dashboard-header-selection>

            <!-- Select renderer -->
            <ul class="nav navbar-nav" style="float:right">
                <li data-ng-if="vm.$layerService.activeMapRenderer.title!='leaflet'"><a data-ng-click="vm.$layerService.selectRenderer('leaflet')">2D</a></li>
                <li data-ng-if="vm.$layerService.activeMapRenderer.title!='cesium'"><a data-ng-click="vm.$layerService.selectRenderer('cesium')">3D</a></li>
            </ul>

            <!-- Search form -->
            <offline-search class="navbar-form navbar-right" style="margin-right:0"></offline-search>
            <!-- Expert mode switch -->
            <expert-mode class="navbar-form navbar-right" style="outline:none; margin: 5px -10px 0 0; color: white"></expert-mode>
            <!-- Language switch -->
            <language-switch class="navbar-form navbar-right" style="margin: 0 -5px 0 8px;"></language-switch>
        </div>
    </div>

    <map mapid="main" class="map-main" ng-show="vm.$layerService.visual.mapVisible"></map>

    <div style="position: absolute;width: 100%;height:100%;pointer-events: none;display:table">

        <div ng-show="vm.$layerService.visual.leftPanelVisible" class="leftpanel leftpanel-entrance" ng-cloak>
            <div class="leftpanel-container">
                <!-- http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window -->
                <div class="col-xs-3 leftpanel-tab">
                    <!-- required for floating -->
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs tabs-left" id="leftPanelTab">
                        <li popover="{{'BASESTYLES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#basestyles" data-toggle="tab" data-ng-if="vm.$mapService.isIntermediate">
                                <img src="/cs/images/search.png" style="width:30px;height:30px"></img>
                            </a>
                        </li>
                        <!-- 'tabs-right' for right tabs -->
                        <li popover="{{'BASESTYLES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#basestyles" data-toggle="tab" data-ng-if="vm.$mapService.isIntermediate">
                                <div class="mapIcon"></div>
                            </a>
                        </li>
                        <li class="active" popover="{{'LAYERS' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#layers" data-toggle="tab">
                                <div class="layersIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'FILTERS' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#filters" data-toggle="tab">
                                <div class="filtersIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'STYLES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#styles" data-toggle="tab">
                                <div class="stylesIcon"></div>
                            </a>
                        </li>
                        <!-- <li popover="{{'MCA.NAME' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#mca" data-toggle="tab" data-ng-if="vm.$mapService.isExpert">
                                <div class="mcaIcon"></div>
                            </a>
                        </li> -->
                        <li popover="{{'HEATMAP.NAME' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#heatmap" data-toggle="tab" data-ng-if="vm.$mapService.isExpert">
                                <div class="heatmapIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'FEATURES' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#features" data-toggle="tab">
                                <div class="featuresIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'LEGEND' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#legend" data-toggle="tab">
                                <div class="mainLegendIcon"></div>
                            </a>
                        </li>
                        <li popover="{{'DASHBOARD_SELECTION' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#dashboardselection" data-ng-if="vm.$mapService.isExpert" data-toggle="tab"><i class="fa fa-tachometer fa-2x" style="color: black"></i>
                      </a>
                        </li>
                        <li popover="{{'SETTINGS' | translate}}" popover-popup-delay=750 popover-placement="right" popover-trigger="mouseenter" popover-append-to-body="true">
                            <a href="#settings" data-toggle="tab" data-ng-if="vm.$mapService.isAdminExpert">
                                <i class="fa fa-gear fa-2x" style="color: black"></i>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="col-xs-9 leftpanel-content">
                    <!-- Tab panes -->
                    <div class="tab-content ">
                        <base-map-list class="tab-pane" id="basestyles"></base-map-list>

                        <layers-directive class="tab-pane active" id="layers"></layers-directive>

                        <filter-list class="tab-pane" id="filters"></filter-list>

                        <style-list class="tab-pane" id="styles"></style-list>

                        <!--<mca class="tab-pane" id="mca"></mca>-->

                        <heatmap class="tab-pane" id="heatmap"></heatmap>

                        <feature-list class="tab-pane" id="features"></feature-list>

                        <legend-list class="tab-pane" id="legend"></legend-list>

                        <dashboard-selection class="tab-pane" id="dashboardselection"></dashboard-selection>

                        <project-settings class="tab-pane" id="settings"></project-settings>
                    </div>
                </div>
            </div>
        </div>
        <dashboardirective container="main" style="display:table-cell;width:100%;vertical-align: top;" dashboard="vm.$dashboardService.mainDashboard"></dashboardirective>

        <div id="rightpanel" class="rightpanel">
            <div id="rightpanelTabContainer" class="tabbable tabs-left rightpanelContainer">
                <!-- Nav tabs -->
                <ul id="rightpanelTabs" class="nav nav-tabs rightpanelTabs" ng-class="{'rightpanelTabs-collapsed' : !vm.$layerService.visual.rightPanelVisible}">
                    <li style="margin-top:5px" ng-style="!vm.$layerService.visual.rightPanelVisible && {'opacity':0}" ng-click="vm.$layerService.visual.rightPanelVisible = false" popover="{{'HIDE_PANEL' | translate}}" popover-placement="left" popover-trigger="mouseenter" popover-append-to-body="true">
                        <a class="rightpanel-hidetab">
                            <span class="fa fa-2x fa-chevron-right"></span>
                        </a>
                    </li>
                </ul>
                <div id="rightpanelTabPanes" ng-show="vm.$layerService.visual.rightPanelVisible" class="tab-content rightpanelTabPanes">
                </div>
            </div>
        </div>

    </div>

    <!--Loading spinner-->
    <div data-ng-show="layersLoading>0" id="loadingspinner" style="margin:0px auto; width:200px; height:100px;">
        <div class="spinner" style="position: initial; margin-top:60px;">
            <div class="bounce1" style="width:16px; height:16px;"></div>
            <div class="bounce2" style="width:16px; height:16px;"></div>
            <div class="bounce3" style="width:16px; height:16px;"></div>
        </div>
    </div>

    <timeline data-ng-show="vm.$mapService.timelineVisible" style="height: 100vh;"></timeline>
</body>

</html>

{'fraction_non_alphanumeric': 0.17339528586374547, 'fraction_numerical': 0.008369745830512646, 'mean_word_length': 2.4238305941845764, 'pattern_counts': {'":': 0, '<': 665, '<?xml version=': 0, '>': 665, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4375755', 'n_tokens_mistral': 10001, 'n_tokens_neox': 9564, 'n_words': 1359}