<!DOCTYPE html>
  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" id="ng-app"> <![endif]-->
  <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en" id="ng-app"> <![endif]-->
  <!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
  <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="Search based application built using ElasticSearch, elastic.js, and Angular.js">
    <meta name="viewport" content="width=device-width">

    <title>Kibana 3</title>

    <link rel="stylesheet" href="common/css/normalize.min.css">
    <link rel="stylesheet" href="common/css/bootstrap.min.css">
    <link rel="stylesheet" href="common/css/animate.min.css">
    <link rel="stylesheet" href="common/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="common/css/font-awesome.min.css">
    <link rel="stylesheet" href="common/css/main.css">
    <link rel="stylesheet" href="common/css/elasticjs.css">
    <link rel="stylesheet" href="common/css/timepicker.css">
  
    <!-- project dependency libs -->
    <script src="common/lib/LAB.min.js"></script>
    <script src="common/lib/underscore.min.js"></script>
    <script src="common/lib/settings.js"></script>
    <script src="config.js"></script>
    <script src="js/app.js"></script>


  </head>

  <body ng-controller="DashCtrl" ng-cloak>
    <div ng-repeat='alert in global_alert' class="alert alert-{{alert.severity}} span12" style="position: fixed;top:2px;opacity:0.9;z-index:8000">
      <button type="button" class="close" ng-click="clear_alert(alert)">&times;</button>
      <strong>{{alert.title}}</strong> <span ng-bind-html-unsafe='alert.text'></span> <div class='pull-right small'> {{$index + 1}} alert(s) </div>
    </div>
    <div class="navbar navbar-static-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <div ng-show="topLevelDashboards().length > 0">
            <span class="brand">Insight Search</span>
            <ul class="nav">
              <li ng-repeat="nav in topLevelDashboards()" ng-class="{active : isActive('#/dashboard/file/' + nav.file)}" ng-show="nav.isVisible()">
                <a ng-href="{{'#/dashboard/file/' + nav.file}}" title="{{nav.title}}" data-placement="bottom" ng-bind="nav.content">
                </a>
              </li>
            </ul>
            <div id="navdash" class="pull-right">
              <div ng-controller='dashcontrol' ng-init="init()">
                <button class='btn' ng-show="panel.load.gist || panel.load.elasticsearch || panel.load.local" data-placement="bottom" data-unique="1" ng-click="elasticsearch_dblist(elasticsearch.query)" bs-popover="'/kibana3/panels/dashcontrol/load.html'"><i class='icon-folder-open'></i>  <i class='icon-caret-down'></i></button>
                <button class='btn' ng-show="panel.save.gist || panel.save.elasticsearch || panel.save.local || panel.save.default" data-placement="bottom" data-unique="1" bs-popover="'/kibana3/panels/dashcontrol/save.html'"><i class='icon-save'></i>  <i class='icon-caret-down'></i></button>
                <button ng-show="panel.temp" class='btn' ng-click="elasticsearch_save('temp')" bs-modal="'/kibana3/panels/dashcontrol/share.html'"><i class='icon-share'></i></button>
              </div>
            </div>
            <div class="brand pull-right"><i class='icon-cog pointer' ng-show="dashboards.editable" bs-modal="'/kibana3/partials/dasheditor.html'"></i></div>
          </div>
          <div ng-show="topLevelDashboards().length == 0">
            <p class="navbar-text pull-right"><small><strong>Kibana 3</strong> <small>milestone 2</small></small></p>
            <span class="brand">{{dashboards.title}}</span>
            <div class="brand"><i class='icon-cog pointer' ng-show='dashboards.editable' bs-modal="'/kibana3/partials/dasheditor.html'"></i></div>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid main">
      <div class="row-fluid">
        <div ng-view></div>
      </div>
    </div>
  </body>

</html>
