index.html
2.27 KB
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>docker panel demo</title>
<!-- External modules -->
<link rel="stylesheet" type="text/css" href="bower_components/jQuery-contextMenu/src/jquery.contextMenu.css"/>
<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.css"/>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/jQuery-contextMenu/src/jquery.contextMenu.js"></script>
<script src="bower_components/jQuery-contextMenu/src/jquery.ui.position.js"></script>
<!-- Core Modules -->
<link rel="stylesheet" type="text/css" href="bower_components/webcabin-docker/Build/wcDocker.min.css"/>
<script src="bower_components/webcabin-docker/Build/wcDocker.min.js"></script>
<!-- Demo specific files -->
<script src="scripts/demo.js"></script>
<style type="text/css">
li.menu-link{
cursor: pointer;
}
li.menu-link:hover{
color: #57C7F7;
}
ul{
list-style: none;
}
</style>
</head>
<body style="background-color:white;">
<div class="wrapper">
<div class="sidebar" style="width:20%;">
<h5>Opened Windows</h5>
<ul class="opened-menus"></ul>
<hr/>
<h5>Menu</h5>
<ul class="menu-bar">
<li class="menu-link" data-name="Window1">Window1</li>
<li class="menu-link" data-name="Window2">Window2</li>
<li class="menu-link" data-name="Window3">Window3</li>
<li class="menu-link" data-name="Window4">Window4</li>
<li class="menu-link" data-name="Window5">Window5</li>
<li>
Window Group
<ul>
<li class="menu-link" data-name="Window6">Window6</li>
<li class="menu-link" data-name="Window7">Window7</li>
<li class="menu-link" data-name="Window8">Window8</li>
</ul>
</li>
</ul>
</div>
<div class="container" style="width:80%;position:absolute;left:20%;right:0px;top:0px;bottom:0px;border:3px solid black;"></div>
</div>
</body>
</html>