<!DOCTYPE html>
<html ng-app="Application" ng-controller="LogsController">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

  <title> Logs </title>

  <link id="favicon" href="/api/v1/cloudron/avatar" rel="icon" type="image/png">
  <link rel="apple-touch-icon" href="/api/v1/cloudron/avatar">
  <link rel="icon" href="/api/v1/cloudron/avatar">

  <!-- CSS -->
  <link type="text/css" rel="stylesheet" href="/3rdparty/angular-ui-notification.css?<%= revision %>"/>
  <link type="text/css" rel="stylesheet" href="/theme.css?<%= revision %>">

  <!-- Fontawesome -->
  <link type="text/css" rel="stylesheet" href="/3rdparty/fontawesome/css/all.css?<%= revision %>"/>

  <!-- jQuery-->
  <script type="text/javascript" src="/3rdparty/js/jquery.min.js?<%= revision %>"></script>

  <!-- async -->
  <script type="text/javascript" src="/3rdparty/js/async-3.2.0.min.js?<%= revision %>"></script>

  <!-- Bootstrap Core JavaScript -->
  <script type="text/javascript" src="/3rdparty/js/bootstrap.min.js?<%= revision %>"></script>

  <!-- Angularjs scripts -->
  <script type="text/javascript" src="/3rdparty/js/angular.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-loader.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-cookies.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-animate.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-base64.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-md5.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-sanitize.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-ui-notification.js?<%= revision %>"></script>

  <!-- Angular directives for bootstrap https://angular-ui.github.io/bootstrap/ -->
  <script type="text/javascript" src="/3rdparty/js/ui-bootstrap-tpls-1.3.3.min.js?<%= revision %>"></script>

  <!-- Angular translate https://angular-translate.github.io/ -->
  <script type="text/javascript" src="/3rdparty/js/angular-translate.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-translate-loader-static-files.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-translate-storage-cookie.min.js?<%= revision %>"></script>
  <script type="text/javascript" src="/3rdparty/js/angular-translate-storage-local.min.js?<%= revision %>"></script>

  <!-- Showdown (markdown converter) -->
  <script type="text/javascript" src="/3rdparty/js/showdown-1.9.1.min.js?<%= revision %>"></script>

  <!-- colors -->
  <script type="text/javascript" src="/3rdparty/js/colors.js?<%= revision %>"></script>

  <!-- moment -->
  <script type="text/javascript" src="/3rdparty/js/moment.min.js?<%= revision %>"></script>

  <!-- Main Application -->
  <script type="text/javascript" src="/js/logs.js?<%= revision %>"></script>

</head>

<body class="logs">

  <a class="offline-banner animateMe" ng-show="client.offline" ng-cloak href="https://docs.cloudron.io/troubleshooting/" target="_blank"><i class="fa fa-circle-notch fa-spin"></i> {{ 'main.offline' | tr }}</a>

  <div class="animateMe ng-hide layout-root" ng-show="initialized">
    <div class="logs-controls">
      <h3 style="display: inline-block;">{{ selected.name }}</h3>

      <!-- logs actions -->
      <div class="pull-right">
        <a class="btn btn-primary" ng-href="{{ '/terminal.html?id=' + selected.value }}" target="_blank" ng-show="selected.type === 'app'"><i class="fa fa-terminal"></i> {{ 'terminal.title' | tr }}</a>
        <a class="btn btn-primary" ng-href="{{ '/filemanager.html?appId=' + selected.value }}" target="_blank" ng-show="selected.type === 'app'"><i class="fas fa-folder"></i> {{ 'filemanager.title' | tr }}</a>
        <a class="btn btn-primary" ng-click="clear()"><i class="fa fa-trash"></i> {{ 'logs.clear' | tr }}</a>
        <a class="btn btn-primary" ng-href="{{ selected.url }}&format=short&lines=-1"><i class="fa fa-download"></i> {{ 'logs.download' | tr }}</a>
      </div>
    </div>

    <div class="logs-container"></div>
  </div>

</body>
</html>
