root / ui / templates / networks.html @ 6f547d12
History | View | Annotate | Download (5.3 kB)
1 |
{% load i18n %} |
---|---|
2 |
|
3 |
<div id="networks" class="separator"></div> |
4 |
|
5 |
<div id="networks-container"> |
6 |
<!-- the create button -->
|
7 |
<div id="networks-createcontainer"> |
8 |
<a id="networkscreate" rel="#networkswizard" href="#">{% trans "Create New +" %}</a> |
9 |
</div>
|
10 |
<div class="network" id="internet-template"> |
11 |
<div class="actions"> |
12 |
<a href="#" class="action-network-add">{% trans "Add Machine" %}</a> |
13 |
</div>
|
14 |
<div class="state"> |
15 |
<div class="status">{% trans "Public Network" %}</div> |
16 |
<div class="indicator"></div> |
17 |
<div class="indicator"></div> |
18 |
<div class="indicator"></div> |
19 |
<div class="indicator"></div> |
20 |
</div>
|
21 |
<img class="network-logos" src="/static/internet.png" /> |
22 |
<div href="#" class="name"> |
23 |
<h5 class="namecontainer"> |
24 |
<span class="name">{% trans "Internet" %}</span> |
25 |
</h5>
|
26 |
</div>
|
27 |
<h5 class="network-machines"> |
28 |
{% trans "Show:" %} |
29 |
<a class="show-machines" href="#">{% trans "machines" %} (3)</a> |
30 |
</h5>
|
31 |
</div>
|
32 |
<div class="network-contents"> |
33 |
content |
34 |
</div>
|
35 |
<div id="internet-separator"></div> |
36 |
<div class="private-network"> |
37 |
<div class="network" id="network-template"> |
38 |
<div class="actions"> |
39 |
<a href="#" class="action-add">{% trans "Add Machine" %}</a> |
40 |
<a href="#" class="action-network-edit">{% trans "Edit" %}</a> |
41 |
<a href="#" class="action-network-destroy">{% trans "Destroy" %}</a> |
42 |
</div>
|
43 |
<div class="state"> |
44 |
<div class="status">{% trans "Private Network" %}</div> |
45 |
<div class="indicator"></div> |
46 |
<div class="indicator"></div> |
47 |
<div class="indicator"></div> |
48 |
<div class="indicator"></div> |
49 |
</div>
|
50 |
<img class="network-logos" src="/static/network.png" /> |
51 |
<div href="#" class="name"> |
52 |
<h5 class="namecontainer"> |
53 |
<span class="name">{% trans "My Network 1" %}</span><span class="rename-network"></span> |
54 |
</h5>
|
55 |
</div>
|
56 |
<h5 class="network-machines"> |
57 |
{% trans "Show:" %} |
58 |
<a class="show-machines" href="#">{% trans "machines" %} (3)</a> |
59 |
</h5>
|
60 |
</div>
|
61 |
<div class="network-contents"> |
62 |
content |
63 |
</div>
|
64 |
<div class="separator"></div> |
65 |
<div class="network" id="network-template"> |
66 |
<div class="actions"> |
67 |
<a href="#" class="action-add">{% trans "Add Machine" %}</a> |
68 |
<a href="#" class="action-network-edit">{% trans "Edit" %}</a> |
69 |
<a href="#" class="action-network-destroy">{% trans "Destroy" %}</a> |
70 |
</div>
|
71 |
<div class="state"> |
72 |
<div class="status">{% trans "Private Network" %}</div> |
73 |
<div class="indicator"></div> |
74 |
<div class="indicator"></div> |
75 |
<div class="indicator"></div> |
76 |
<div class="indicator"></div> |
77 |
</div>
|
78 |
<img class="network-logos" src="/static/network.png" /> |
79 |
<div href="#" class="name"> |
80 |
<h5 class="namecontainer"> |
81 |
<span class="name">{% trans "My Network 2" %}</span><span class="rename-network"></span> |
82 |
</h5>
|
83 |
</div>
|
84 |
<h5 class="network-machines"> |
85 |
{% trans "Show:" %} |
86 |
<a class="show-machines" href="#">{% trans "machines" %} (1)</a> |
87 |
</h5>
|
88 |
</div>
|
89 |
<div class="network-contents"> |
90 |
content |
91 |
</div>
|
92 |
<div class="separator"></div> |
93 |
<div class="network" id="network-template"> |
94 |
<div class="actions"> |
95 |
<a href="#" class="action-add">{% trans "Add Machine" %}</a> |
96 |
<a href="#" class="action-network-edit">{% trans "Edit" %}</a> |
97 |
<a href="#" class="action-network-destroy">{% trans "Destroy" %}</a> |
98 |
</div>
|
99 |
<div class="state"> |
100 |
<div class="status">{% trans "Private Network" %}</div> |
101 |
<div class="indicator"></div> |
102 |
<div class="indicator"></div> |
103 |
<div class="indicator"></div> |
104 |
<div class="indicator"></div> |
105 |
</div>
|
106 |
<img class="network-logos" src="/static/network.png" /> |
107 |
<div href="#" class="name"> |
108 |
<h5 class="namecontainer"> |
109 |
<span class="name">{% trans "My Network 3" %}</span><span class="rename-network"></span> |
110 |
</h5>
|
111 |
</div>
|
112 |
<h5 class="network-machines"> |
113 |
{% trans "Show:" %} |
114 |
<a class="show-machines" href="#">{% trans "machines" %} (2)</a> |
115 |
</h5>
|
116 |
</div>
|
117 |
<div class="network-contents"> |
118 |
content |
119 |
</div>
|
120 |
</div>
|
121 |
</div>
|
122 |
<div id="networks" class="separator"></div> |
123 |
|
124 |
|
125 |
<script>
|
126 |
//hide the all of the networks contents
|
127 |
$(".network-contents").hide();
|
128 |
//toggle the componenet with class network-contents
|
129 |
$(".show-machines").click(function()
|
130 |
{
|
131 |
$(this).parent().parent().next(".network-contents").slideToggle(600);
|
132 |
});
|
133 |
</script>
|