This repository has been archived by the owner on Nov 20, 2020. It is now read-only.
/
index.html
107 lines (96 loc) · 6.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Docker Compose UI</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.css" />
<script src="bower_components/alertify-js/build/alertify.js"></script>
<link rel="stylesheet" href="bower_components/alertify-js/build/css/alertify.css"/>
<link rel="stylesheet" href="bower_components/alertify-js/build/css/themes/bootstrap.css"/>
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/colors.css">
</head>
<body ng-app="composeUiApp">
<header class="text-center">
<img class="img-responsive margin-auto" src="images/logo.png" alt="Docker Compose UI">
</header>
<div class="container" ng-controller="MainCtrl">
<div class="row text-center">
<div class="col-md-4">
<h3>Projects</h3>
<div class="vertical-margin" ng-hide="isEmpty(projects.projects)">
<form class="form-inline">
<div class="form-group">
<label for="project-filter">filter:</label>
<input name="project-filter" type="text" ng-model="query" ng-change="page = 0" class="query form-control">
<button ng-click="active = !active; page = 0" class="btn btn-default" ng-class="{active: active}">active only</button>
</div>
</form>
</div>
<div class="btn-group-vertical projects">
<a ng-repeat="(id, path) in projects.projects | filterByName:query | filterByActive:active:projects.active | filterByPage: page" class="btn btn-default btn-block truncate" ng-class="{active: activeProject === id}" ng-click="$parent.activeProject = id" ng-href="#/project/{{id}}">
<img height="32" width="32" ng-src="./api/v1/projects/logo/{{id}}" fallback-icon />
{{id || path}}
<span class="label label-success" ng-show="isActive(id, projects.active)">ON</span>
</a>
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" ng-hide="page === 0" role="group">
<button ng-click="page = page - 1" class="btn btn-link"><strong><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> previous</strong></button>
</div>
<div class="btn-group" role="group" ng-show="(page + 1) * pageSize < size(projects.projects | filterByName:query | filterByActive:active:projects.active )">
<button ng-click="page = page + 1" class="btn btn-link"><strong>next <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></strong></button>
</div>
</div>
</div>
<div ng-show="isEmpty(projects.projects)" class="vertical-margin alert alert-danger">
no docker-compose.yml projects found, please see <a href="https://github.com/francescou/docker-compose-ui#add-your-own-docker-compose-projects">docker-compose-ui documentation</a>
</div>
<br>
<br>
<button class="btn btn-default btn-block" ng-click="reload(true)"><i class="glyphicon glyphicon-refresh"></i> Reload projects</button>
<a class="btn btn-default btn-block" ng-href="#/create"><i class="glyphicon glyphicon-plus"></i> Create new project</a>
<a class="btn btn-primary btn-block" ng-href="#/"><i class="glyphicon glyphicon-wrench"></i> Settings</a>
</div>
<div class="col-md-8">
<div ng-view=""></div>
</div>
</div>
<footer class="text-center">
<p>
<small class="text-muted"><a
href="https://github.com/francescou/docker-compose-ui">Docker
Compose UI v.1.11.0</a> Licensed under the MIT license. | <a href="https://francescou.github.io/docker-compose-ui/api.html">API</a> </small>
</p>
<p>
<a class="github-button" href="https://github.com/francescou/docker-compose-ui" data-icon="octicon-star" data-count-href="/francescou/docker-compose-ui/stargazers" data-count-api="/repos/francescou/docker-compose-ui#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star francescou/docker-compose-ui on GitHub">Star</a>
<a class="github-button" href="https://github.com/francescou/docker-compose-ui/fork" data-icon="octicon-repo-forked" data-count-href="/francescou/docker-compose-ui/network" data-count-api="/repos/francescou/docker-compose-ui#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork francescou/docker-compose-ui on GitHub">Fork</a>
</p>
</footer>
</div>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/lodash/dist/lodash.js"></script>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/markdown/lib/markdown.js"></script>
<script src="scripts/alertify-js.config.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/filters/filters.js"></script>
<script src="scripts/controllers/main.js"></script>
<script src="scripts/controllers/home.js"></script>
<script src="scripts/controllers/project.js"></script>
<script src="scripts/controllers/container.js"></script>
<script src="scripts/controllers/create.js"></script>
<script src="scripts/directives/actions.js"></script>
<script src="scripts/directives/project-detail.js"></script>
<script src="scripts/directives/modal.js"></script>
<script src="scripts/directives/console-modal.js"></script>
<script src="scripts/services/project.js"></script>
<script src="scripts/services/logs.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>