<!DOCTYPE html>
<html ng-app="share">
  <head>
    <title ng-bind-template="{{ appName }}">Sismics Docs</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <link rel="shortcut icon" href="favicon.png" />
    <!-- ref:css style/style.min.css -->
    <link rel="stylesheet" href="style/bootstrap.css" type="text/css" />
    <link rel="stylesheet/less" href="style/main.less" type="text/css" />
    <!-- endref -->
    <link rel="stylesheet" href="../api/theme/stylesheet" type="text/css" />
    <!-- ref:remove -->
    <script>
      less = {
        env: 'development', // or "production"
        async: false,       // load imports async
        fileAsync: false,   // load imports async when in a page under a file protocol
        poll: 1000,         // when in watch mode, time in ms between polls
        dumpLineNumbers: 'all' // or "mediaQuery" or "comments"
      };
    </script>
    <!-- endref -->
    <!-- ref:js share.min.js -->
    <script src="lib/jquery.js" type="text/javascript"></script>
    <script src="lib/less.js" type="text/javascript"></script>
    <script src="lib/underscore.js" type="text/javascript"></script>
    <script src="lib/angular.js" type="text/javascript"></script>
    <script src="lib/angular.translate.js" type="text/javascript"></script>
    <script src="lib/angular.sanitize.js" type="text/javascript"></script>
    <script src="lib/angular.touch.js" type="text/javascript"></script>
    <script src="lib/angular.tmhDynamicLocale.js" type="text/javascript"></script>
    <script src="lib/angular.ui-router.js" type="text/javascript"></script>
    <script src="lib/angular.ui-bootstrap.js" type="text/javascript"></script>
    <script src="lib/angular.restangular.js" type="text/javascript"></script>
    <script src="app/share/app.js" type="text/javascript"></script>
    <script src="app/share/controller/Main.js" type="text/javascript"></script>
    <script src="app/share/controller/Share.js" type="text/javascript"></script>
    <script src="app/share/controller/ShareModalPdf.js" type="text/javascript"></script>
    <script src="app/share/controller/FileView.js" type="text/javascript"></script>
    <script src="app/share/controller/FileModalView.js" type="text/javascript"></script>
    <script src="app/share/controller/Footer.js" type="text/javascript"></script>
    <script src="app/share/filter/Newline.js" type="text/javascript"></script>
    <script src="app/share/filter/Filesize.js" type="text/javascript"></script>
    <!-- endref -->
  </head>
  <body translate-cloak ng-cloak>
    <div class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
        <div class="hidden-xs navbar-text navbar-logo">
          <img src="../api/theme/image/logo" />
        </div>

        <a class="navbar-brand" href="#"> {{ appName }}</a>
      </div>
    </div>

    <div ui-view="page">
    </div>

    <div class="row" ng-controller="Footer">
      <div class="col-md-12 footer text-center text-muted">
        <ul class="list-inline">
          <li uib-dropdown class="dropdown">
            <a href uib-dropdown-toggle>
              <span ng-switch="currentLang">
                <span ng-switch-when="en">English</span>
                <span ng-switch-when="fr">Français</span>
                <span ng-switch-when="ru">русский</span>
                <span ng-switch-when="zh_CN">简体中文</span>
                <span ng-switch-when="zh_TW">繁體中文</span>
              </span>
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href ng-click="changeLanguage('en')" ng-class="{ 'bg-info': currentLang == 'en' }">English</a></li>
              <li><a href ng-click="changeLanguage('fr')" ng-class="{ 'bg-info': currentLang == 'fr' }">Français</a></li>
              <li><a href ng-click="changeLanguage('ru')" ng-class="{ 'bg-info': currentLang == 'ru' }">русский</a></li>
              <li><a href ng-click="changeLanguage('zh_CN')" ng-class="{ 'bg-info': currentLang == 'zh_CN' }">简体中文</a></li>
              <li><a href ng-click="changeLanguage('zh_TW')" ng-class="{ 'bg-info': currentLang == 'zh_TW' }">繁體中文</a></li>
            </ul>
          </li>
          <li translate="document.default.footer_sismics"></li>
          <li><a href="apidoc/">{{ 'document.default.api_documentation' | translate }}</a></li>
          <li>v{{ app.current_version }}</li>
        </ul>
      </div>
    </div>
  </body>
</html>