-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.src.html
125 lines (120 loc) · 5.68 KB
/
index.src.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="zh-TW" ng-app="KDockerWeb">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Simple online lxc-docker web ui, use html storage to handle connection config">
<title>KDockerWeb</title>
<link rel="shortcut icon" href="favicon.png">
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
<!-- build:css index/main.min.css -->
<link rel="stylesheet" href="lib/xterm.js/src/xterm.css">
<link rel="stylesheet" href="lib/animate.css/animate.css">
<link rel="stylesheet" href="index/main.css">
<!-- endbuild -->
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular-ui-bootstrap-bower/ui-bootstrap-tpls.min.js"></script>
<!-- build:js index/main.min.js -->
<script src="config/ga.js"></script>
<script src="lib/angular-animate/angular-animate.js"></script>
<script src="lib/angular-local-storage/angular-local-storage.js"></script>
<script src="lib/angular-translate/angular-translate.js"></script>
<script src="lib/xterm.js/src/xterm.js"></script>
<script src="config/app.js"></script>
<script src="config/locale.js"></script>
<script src="services/containerName.js"></script>
<script src="services/LocationHash.js"></script>
<script src="services/DockerData.js"></script>
<script src="services/DockerHost.js"></script>
<script src="services/DockerAction.js"></script>
<script src="services/RegistryAction.js"></script>
<script src="services/RegistryHost.js"></script>
<script src="directives/dblclickSelText.js"></script>
<script src="directives/dockerContainers.js"></script>
<script src="directives/dockerHostConfig.js"></script>
<script src="directives/dockerImages.js"></script>
<script src="directives/registryImages.js"></script>
<script src="directives/selectDocker.js"></script>
<script src="directives/selectRegistry.js"></script>
<script src="index/CommitContainerModalCtrl.js"></script>
<script src="index/CreateContainerModalCtrl.js"></script>
<script src="index/StartContainerModalCtrl.js"></script>
<script src="index/TagImageModalCtrl.js"></script>
<script src="index/InspectContainerModalCtrl.js"></script>
<script src="index/CopyImageModalCtrl.js"></script>
<script src="index/ExportConfigModalCtrl.js"></script>
<script src="index/ImportConfigModalCtrl.js"></script>
<script src="index/main.js"></script>
<!--
<script src="index/angular-template.tmp.js"></script>
-->
<!-- endbuild -->
</head>
<body ng-controller="IndexCtrl" style="padding: 10px;">
<div ng-show="devMode" style="position: fixed; left: 1em; bottom: 3em; font-size: 0.8em;">
<a href="http://docs.docker.io/en/latest/reference/api/docker_remote_api/" target="_blank">Docker Remote API</a>
</div>
<div style="position: fixed; left: 1em; bottom: 1em;">v{{DockerData.version}}</div>
<table style="width: 100%; height: 100%;">
<tr style="height: 1em;">
<td colspan="2">
<table style="width: 100%;">
<tr>
<td style="vertical-align: top; width: 1em;">
<a href="."><button class="btn btn-primary">KDocker-Web</button></a>
</td>
<td style="padding: 0em 0.5em;">
<alert style="margin: 0em; padding: 0.4em 1em;" ng-repeat="alert in alerts" type="{{alert.type}}" close="alerts.splice($index, 1)" ng-click="alerts.splice($index, 1)">{{alert.msg}}</alert>
</td>
<td style="vertical-align: top; width: 1em;">
<select ng-model="locale" ng-options="lang.id as lang.name for lang in DockerData.locales" ng-change="updateLocale()" class="form-control input-sm" style="width: auto;"></select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 10em; padding-top: 1em; line-height: 3em;">
<div>
<button ng-class="{'animated tada': loadingCtrl.container}" ng-model="tab" btn-radio="'Containers'" class="btn btn-primary">Containers</button>
</div>
<div>
<button ng-class="{'animated tada': loadingCtrl.image}" ng-model="tab" btn-radio="'Images'" class="btn btn-primary">Images</button>
</div>
<div>
<button ng-class="{'animated tada': loadingCtrl.registry}" ng-model="tab" btn-radio="'Registry'" class="btn btn-primary">Registry</button>
</div>
<div>
<button ng-model="tab" btn-radio="'Config'" class="btn btn-primary">{{ "Config" | translate }}</button>
</div>
</td>
<td style="vertical-align: top;">
<div ng-controller="dockerHostConfigCtrl" ng-show="tab == 'Config'">
<docker-host-config></docker-host-config>
</div>
<div ng-controller="dockerContainersCtrl" ng-show="tab == 'Containers'">
<docker-containers></docker-containers>
</div>
<div ng-controller="dockerImagesCtrl" ng-show="tab == 'Images'">
<docker-images></docker-images>
</div>
<div ng-controller="dockerImagesCtrl" ng-show="tab == 'Registry'">
<registry-images></registry-images>
</div>
</td>
</tr>
</table>
<div ng-show="!!loading" style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px;">
<div style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff;"></div>
<table style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px;">
<tr>
<td style="text-align: center;">
<img class="shaker" src="logo.png" style="max-width: 100%; max-height: 100%; object-fit: contain; display: inline-block;"/>
<img src="index/loading.png" class="spinner" style="width: 128px; height: 128px; display: inline-block;"/>
</td>
</tr>
</table>
</div>
</body>
</html>