-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
49 lines (49 loc) · 2.45 KB
/
test.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
<!DOCTYPE html>
<html>
<head>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="test.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
<script src="test.js"></script>
</head>
<body ng-app="test">
<table class="table table-striped table-responsive test-table" style="margin-right:200px;">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>vCPUs</th>
<th>RAM</th>
<th>vCPUs</th>
<th>RAM</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr class="summary-only" hz-collapsible>
<td><i class="fa" ng-click="expanded=!expanded"></i></td>
<td>m1.small</td>
<td>1 (28% of Quota)</td>
<td>128 (28% of Quota)</td>
<td>1 (28% of Quota)</td>
<td>128 (28% of Quota)</td>
<td rowspan="2" class="action-column" style="width:105px;">
<div class="fixed">
<button type="button" class="btn btn-default btn-xs">
Launch Instance
</button>
</div>
</td>
</tr>
<!--tr ng-show="expanded" class="expanded"-->
<tr>
<td colspan="6" expanding-panel style="white-space:inherit;">
Lorem ipsum dolor sit amet, amet pellentesque nulla, pede leo aliquam a ipsum gravida tortor, donec ante lorem mauris. Sit sed et, scelerisque ipsum et sed vitae conubia quam, eget tellus dolor eget rhoncus scelerisque, neque risus volutpat tincidunt mauris semper lectus. Id massa etiam odio, porttitor sit lorem eget, vestibulum sed at purus est, arcu nullam nec cum. Ut sodales quis phasellus fusce, nibh donec amet lacus aliquet enim mauris, amet in arcu est sed. Eros odio neque suscipit orci tincidunt est. Feugiat fermentum dolor viverra egestas eu. Id posuere mi sem. Ligula magna felis natoque libero, in neque ut dignissim, integer suscipit. Aliquam nullam ultricies nam risus luctus, dui non ligula eu urna, in in lacus convallis. Vel amet aenean a diam erat turpis, tellus tincidunt suspendisse ac. Diam volutpat cum et ut, eu vestibulum diam, tempus amet dictum lobortis adipisicing maecenas, in aenean suscipit sit feugiat egestas.
</td>
</tr>
</tbody>
</table>
</body>
</html>