index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Z-Wave Expert UI</title>
  <!-- Bootstrap css -->
  <link media="screen" type="text/css" rel="stylesheet" href="app/css/bootstrap/bootstrap.css">
  <!-- Z-Wave css -->
  <link media="screen" type="text/css" rel="stylesheet" href="app/css/main.css">
  <!-- Font awesome css -->
  <link media="screen" type="text/css" rel="stylesheet" href="app/css/font-awesome-4.1.0/css/font-awesome.min.css">
   <!-- Vendor css -->
  <link media="screen" type="text/css" rel="stylesheet" href="app/css/angular-slider.css">
   <!-- Responsive css -->
  <link media="screen" type="text/css" rel="stylesheet" href="app/css/main-responsive.css">
   <!-- App config -->
   <script src="app/core/config.js"></script>
   <!-- jQuery js -->
  <script src="app/vendor/jquery/jquery-1.11.1.js"></script>
   <!-- Underscore js -->
   <script src="app/vendor/underscore/underscore-1.8.3/underscore.js"></script> 
   <!-- Upload js -->
  <script src="app/vendor/upload/angular-file-upload-shim.js"></script>
  <!-- Angular js -->
  <script src="app/vendor/angular/angular-1.2.14/angular.js"></script>
  <script src="app/vendor/upload/angular-file-upload.js"></script>
  <script src="app/vendor/angular/angular-1.2.14/angular-route.js"></script>
  <script src="app/vendor/angular/angular-1.2.14/angular-resource.js"></script>
  <script src="app/vendor/angular/angular-1.2.14/angular-cookies.js"></script>
  <!-- Bootstrap js -->
  <script src="app/vendor/bootstrap/bootstrap.js"></script>
   <!-- XML js -->
  <script src="app/vendor/xml/xml2json.js"></script>
  <!-- Z-Wave uld ExpertUI -->
  <script src="app/vendor/zwave/pyzw.js"></script>
  <script src="app/vendor/zwave/pyzw_zwave_ui.js"></script>
  <!-- Z-Wave app js -->
  <script src="app/core/app.js"></script>
  <script src="app/core/directives/directives.js"></script>
  <script src="app/core/directives/angular-slider.js"></script> 
  <script src="app/core/filters/filters.js"></script>
  <script src="app/core/factories/factories.js"></script>
  <script src="app/core/services/services.js"></script>
  <script src="app/core/controllers/controllers.js"></script>
  <script src="app/core/controllers/configuration.js"></script>
  <script src="app/core/controllers/assoc.js"></script>
  <script src="app/core/jquery/jquery-app.js"></script>
</head>
 <body ng-app="angApp" ng-controller="BaseController" id="page_{{getBodyId()}}" class="is-mobile-{{isMobile}} custom-ip-{{cfg.custom_ip}}">
    <div id="main_navbar" class="navbar navbar-inverse navbar-fixed-top___" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                     <a class="navbar-brand" href="#">
                         <!--<img src="app/images/z-wave-logo-white.png" class="header-logo" alt="Z-Wave" height="40" />-->
                    </a>
                </div>
                <div id="nav_collapse" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav" id="main_nav">
                         <li><a href="#" data-collapse-navbar><i class="fa fa-home fa-lg"></i></a></li>
                         <li class="divider-vertical remove-margin"></li>
                        <li class="dropdown">
                            <a href="" class="dropdown-toggle" data-toggle="dropdown" ng-class="isActive('control',1)">{{ _t('nav_control') }} <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#control/switch" data-collapse-navbar ng-class="isActive('switch',2)">{{ _t('nav_switch') }}</a></li>
                                 <!-- <li><a href="#controll/dimmer" data-collapse-navbar>Dimmer</a></li> -->
                                <li><a href="#control/sensors" data-collapse-navbar ng-class="isActive('sensors',2)">{{ _t('nav_sensors') }}</a></li>
                                 <li><a href="#control/meters" data-collapse-navbar ng-class="isActive('meters',2)">{{ _t('nav_meters') }}</a></li>
                                <li><a href="#control/thermostat" data-collapse-navbar ng-class="isActive('thermostat',2)">{{ _t('nav_thermostat') }}</a></li>
                                <li><a href="#control/locks" data-collapse-navbar ng-class="isActive('locks',2)">{{ _t('nav_locks') }}</a></li>
                            </ul>
                        </li>
                         <li class="divider-vertical remove-margin"></li>
                        <li class="dropdown">
                            <a href="" class="dropdown-toggle" data-toggle="dropdown" ng-class="isActive('device',1)">{{ _t('nav_device') }} <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#device/status" data-collapse-navbar ng-class="isActive('status',2)">{{ _t('nav_status') }}</a></li>
                                <li><a href="#device/battery" data-collapse-navbar ng-class="isActive('battery',2)">{{ _t('nav_battery') }}</a></li>
                                <li><a href="#device/type" data-collapse-navbar ng-class="isActive('type',2)">{{ _t('nav_type_info') }}</a></li>
                                <li><a href="#device/associations" data-collapse-navbar ng-class="isActive('associations',2)">{{ _t('nav_active_associations') }}</a></li>
                                <!--  <li><a href="#device/security" data-collapse-navbar>{{ _t('nav_security_status') }}</a></li>-->
                            </ul>
                        </li>
                         <li class="divider-vertical remove-margin"></li>
                         <li><a href="#config/configuration" class="no-dropdown" data-collapse-navbar ng-class="isActive('configuration',1)">{{ _t('nav_configuration') }}</a></li>
                         <li class="divider-vertical remove-margin"></li>
                        <li class="dropdown">
                            <a href="" class="dropdown-toggle" data-toggle="dropdown" ng-class="isActive('network',1)">{{ _t('nav_network') }} <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#network/control" data-collapse-navbar ng-class="isActive('control',2)">{{ _t('nav_control') }}</a></li>
                                <li><a href="#network/routing" data-collapse-navbar ng-class="isActive('routing',2)">{{ _t('nav_routing') }}</a></li>
                                <li><a href="#network/reorganization" data-collapse-navbar ng-class="isActive('reorganization',2)">{{ _t('nav_reorganization') }}</a></li>
                                <li><a href="#network/timing" data-collapse-navbar ng-class="isActive('timing',2)">{{ _t('nav_timing_info') }}</a></li>
                                <li><a href="#network/controller" data-collapse-navbar ng-class="isActive('controller',2)">{{ _t('nav_controller_info') }}</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical remove-margin"></li>
                        <li class="dropdown">
                            <a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe fa-lg"></i> <span class="current-lang"></span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li ng-repeat="v in lang_list" class="lang-switch"><a href="" data-collapse-navbar ng-click="changeLang(v)"><!--<img src="app/images/{{v}}.png" alt="{{ v }}"/>--> {{ v }}</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical remove-margin"></li>
                        <li><a href=""><i class="fa fa-clock-o"></i> <span id="update_time_tick"></span></a></li>
                        
                    </ul>
                </div> <!-- /.navbar-collapse -->
            </div> <!-- /.container -->
        </div> <!-- /.navbar --> 
    
    <!-- Ang Container -->
    <div id="respone_container" class="container"><div id="respone_container_inner"></div></div>
    <div id="main_content" class="container" ng-view></div>

        <div id="footer">
            <div class="container-fluid">
                      <p class="text-muted" ng-bind-html="_t('footer_text') | toTrusted"></p>
            </div>
        </div>

</body>
</html>