<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>事件分析平台</title>
    <!-- Bootstrap css -->
       <!-- Bootstrap css -->
    <link href="${STATIC_URL}assets/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="${STATIC_URL}assets/fontawesome/css/font-awesome.css" rel="stylesheet">
    <!-- 当前项目样式文件 -->

    <link href="${STATIC_URL}assets/select2-3.5.2/select2.css" rel="stylesheet">
  
    <!--蓝鲸平台APP 公用的样式文件 -->

    <link href="${STATIC_URL}css/bk.css" rel="stylesheet">
    <link href="${STATIC_URL}css/sb-admin.css" rel="stylesheet">
    <link href="${STATIC_URL}css/sb-bk-theme.css" rel="stylesheet">
   


    <link rel="stylesheet" href="${STATIC_URL}css/zork.css">
    <link rel="stylesheet" href="${STATIC_URL}lib/ivew/ivew.css">
    <link rel="stylesheet" href="${STATIC_URL}lib/vcharts/index.css">
    <link rel="stylesheet" href="${STATIC_URL}css/index_home.css">

   
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
    
    <![endif]-->
      <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
      <script src="${STATIC_URL}js/jquery-1.10.2.min.js"></script>
      <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
      <script src="${STATIC_URL}js/bootstrap.min.js"></script>
  
      <!-- 包括所有kendoui的js插件或者可以根据需要使用的js插件调用　-->
    <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
    <script src="${STATIC_URL}assets/bootstrap-3.3.4/js/bootstrap.min.js"></script>
    
    <script src="${STATIC_URL}assets/select2-3.5.2/select2.js"></script>
    <script src="${STATIC_URL}js/codemirror.js"></script>
    <!-- 脚本编辑框 -->
    <script src="${STATIC_URL}lib/vue.js"></script>
    <script src="${STATIC_URL}lib/ivew/ivew.js"></script>
    <script src="${STATIC_URL}lib/vcharts/vcharts.js"></script>
    <script src="${STATIC_URL}lib/vcharts/index.js"></script>
    <script src="${STATIC_URL}lib/lodash.js"></script>
    <script src="${STATIC_URL}lib/axios.js"></script>
    <script src="${STATIC_URL}js/python.js"></script>
    <script src="${STATIC_URL}js/shell.js"></script>
    <script src="${STATIC_URL}js/vbscript.js"></script>
    <script src="${STATIC_URL}js/zork.js"></script>
    <script src="${STATIC_URL}components/component.js"></script>



</head>
<body>
        <div id="wrapper">
                <!-- Navigation -->
                <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div style="display: inline-block;float: left;padding-top:12px;margin-right:-5px;">
                            <img src="../static/img/logoGT.png" alt="">
                        </div>
                             <a class="navbar-brand" href="${SITE_URL}">
                             <span style="font-size:20px;">一体化运维平台&nbsp;:&nbsp;</span><span style="font-size:16px;">事件分析管理</span>
                           </a>



                    </div>
                    <!-- Top Menu Items -->
                    <ul class="nav navbar-right top-nav">
                       
                        <li class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> ${request.user.username} <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <!--<li>
                                    <a href="javascript:;"><i class="fa fa-fw fa-user"></i> 用户</a>
                                </li>
                                <li>
                                    <a href="javascript:;"><i class="fa fa-fw fa-envelope"></i> 消息盒</a>
                                </li>
                                <li>
                                    <a href="javascript:;"><i class="fa fa-fw fa-gear"></i> 设置</a>
                                </li>
                                <li class="divider"></li>-->
                                <li>
                                    <a href="${LOGOUT_URL}"><i class="fa fa-fw fa-power-off"></i> 退出</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
                            <ul id="nav" class="nav navbar-nav side-nav">
                                <li id="meu1">
                                    <a href="${SITE_URL}"><i class="fa fa-fw fa-dashboard"></i> 事件总览</a>
                                </li>
                                <li id="meu2">
                                    <a href="${SITE_URL}error_alarm"><i class="fa fa-fw fa-dashboard"></i> 有效故障预警总览</a>
                                </li>
                                <li id="meu3">
                                    <a href="${SITE_URL}alarm_count" ><i class="fa fa-fw fa-dashboard"></i> 预警统计</a>
                                </li>



                                

                               
                            </ul>
                        </div>
                        <!-- /.navbar-collapse -->
                    </nav>
        
            <%block name='content'></%block>
           
    </body>
    
   
  <script type="text/javascript">
      $(function() {
   　　 console.log(window.location.href)  //待调用的函数
   if(window.location.href.indexOf('error_alarm')>-1)  {
       document.getElementById('meu2').className = 'active'
   }
   if(window.location.href.indexOf('')>-1)  {
       document.getElementById('meu1').className = 'active'
   }
　　　　});
  </script>
     <script src="${STATIC_URL}main.js"></script>
</html>




