Revision 0a9e1a04

b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_create.html
28 28
		</nav>
29 29
		<div class="logo">
30 30
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31
			<h2>Networks</h2>
32 31
		</div>
33 32
		<div class="login">
34 33
			<a href="">test@grnet.gr</a>
35 34
		</div>
36
		<div class="actions clearfix">
37
			<div class="new-btn"><a href="network_create.html" class="current"><span>+</span> NEW NETWORK</a></div>
38
			<div class="main-actions">
39
				<ul>
40
					<li class="running single"><a href="">Add machine</a></li>
41
					<li class="both"><a href="">Destroy</a></li>
42
				</ul>
43
			</div>
44
		</div>
45 35
	</header>
46 36
	<div class="overlay-wrapper">
47 37
		<div class="overlay create-vm create-network">
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html
29 29
		</nav>
30 30
		<div class="logo">
31 31
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
			<h2>Networks</h2>
33 32
		</div>
34 33
		<div class="login">
35 34
			<a href="">test@grnet.gr</a>
36 35
		</div>
37
		<div class="actions clearfix">
38
			<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK</a></div>
39
			<div class="main-actions">
40
				<ul>
41
					<li class="running single"><a href="">Add machine</a></li>
42
					<li class="both"><a href="">Destroy</a></li>
43
				</ul>
44
			</div>
45
		</div>
46 36
	</header>
47 37
	<div class="overlay-wrapper">
38
		<section class="actions-bar clearfix">
39
			<div class="row">
40
				<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div>
41
				<div class="main-actions">
42
					<ul>
43
						<li class="running" ><a href="">Reboot</a></li>
44
						<li class="running"><a href="">Shutdown</a></li>
45
						<li class="both"><a href="">Destroy</a></li>
46
						<li class="stopped"><a href="">Start</a></li>
47
						 <!-- in case we want an action always activated
48
						<li class="pernament"><a href="" class="active">Action</a></li> -->
49
					</ul>
50
				</div>
51
			</div>
52
		</section>
48 53
		<div class="lt-sidebar networks scroll-pane">
49 54

  
50 55
			<ul class="items-list">
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
29 29
		</nav>
30 30
		<div class="logo">
31 31
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
			<h2>Networks</h2>
33 32
		</div>
34 33
		<div class="login">
35 34
			<a href="">test@grnet.gr</a>
36 35
		</div>
37
		<div class="actions clearfix">
38
			<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK</a></div>
39
			<div class="main-actions">
40
				<ul>
41
					<li class="running single"><a href="">Add machine</a></li>
42
					<li class="both"><a href="">Destroy</a></li>
43
				</ul>
44
			</div>
45
		</div>
46 36
	</header>
47 37
	<div class="overlay-wrapper">
38
		<section class="actions-bar clearfix">
39
			<div class="row">
40
				<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div>
41
				<div class="main-actions">
42
					<ul>
43
						<li class="running" ><a href="">Reboot</a></li>
44
						<li class="running"><a href="">Shutdown</a></li>
45
						<li class="both"><a href="">Destroy</a></li>
46
						<li class="stopped"><a href="">Start</a></li>
47
						 <!-- in case we want an action always activated
48
						<li class="pernament"><a href="" class="active">Action</a></li> -->
49
					</ul>
50
				</div>
51
			</div>
52
		</section>
48 53
		<section class="main row">
49 54
			<div class="networks entities">
50 55
				<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
28 28
		</nav>
29 29
		<div class="logo">
30 30
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31
			<h2>Storage</h2>
32 31
		</div>
33 32
		<div class="login">
34 33
			<a href="">test@grnet.gr</a>
35 34
		</div>
36
		<div class="actions clearfix">
37
			<div class="new-btn"><a href="#" data-overlay-id="#uploader"><span>+</span> UPLOAD </a></div>
38
			<div class="main-actions">
39
				<ul>
40
					<li class="running single"><a href="">Add machine</a></li>
41
					<li class="both"><a href="">Destroy</a></li>
42
				</ul>
43
			</div>
44
		</div>
45 35
	</header>
46
	<div class="overlay-wrapper storage">
36
	<div class="overlay-wrapper">
47 37
		<div class="overlay-area">
48 38
			<a href="" class="close">close</a>
49 39
			<div id="uploader" class="overlay-div upload-widget">
......
63 53
						<a href="">change folder</a>
64 54
						<a href="">ok</a>
65 55
					</div>
66

  
67 56
			</div>
68

  
69 57
		</div>
70
		<div class="row">
58
		<section class="actions-bar clearfix">
59
			<div class="row">
60
				<div class="new-btn"><a href="" data-overlay-id="#uploader">UPLOAD FILE</a></div>
61
				<div class="main-actions">
62
					<ul>
63
						<li class="permanent" ><a href="">Action</a></li>
64
						 <!-- in case we want an action always activated
65
						<li class="pernament"><a href="" class="active">Action</a></li> -->
66
					</ul>
67
				</div>
68
			</div>
69
		</section>
70

  
71
		<div class="row storage">
71 72
			<div class="lt-sidebar">
72 73
				 <nav class="sidenav">
73 74
				 	<ul>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_lt-sidebar.scss
9 9
/* lt-sidebar general styles ----------------------------------------------- */
10 10

  
11 11
.lt-sidebar {
12
	margin-top:43px;
13 12
	overflow:scroll;
14 13
	height:300px;
15 14
	font-size:emCalc(12px);
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7528 7528
/* lt-sidebar general styles ----------------------------------------------- */
7529 7529
/* line 11, ../sass/_lt-sidebar.scss */
7530 7530
.lt-sidebar {
7531
  margin-top: 43px;
7532 7531
  overflow: scroll;
7533 7532
  height: 300px;
7534 7533
  font-size: 0.75em;
7535 7534
  /* lt-sidebar list view ----------------------------------------------- */
7536 7535
  /* custom scrollbar styles (jscrollpane) ----------------------------------------------- */
7537 7536
}
7538
/* line 19, ../sass/_lt-sidebar.scss */
7537
/* line 18, ../sass/_lt-sidebar.scss */
7539 7538
.lt-sidebar .items-list {
7540 7539
  padding: 0;
7541 7540
}
7542
/* line 21, ../sass/_lt-sidebar.scss */
7541
/* line 20, ../sass/_lt-sidebar.scss */
7543 7542
.lt-sidebar .items-list li .img .snf-PC_fill {
7544 7543
  font-size: 54px;
7545 7544
}
7546
/* line 27, ../sass/_lt-sidebar.scss */
7545
/* line 26, ../sass/_lt-sidebar.scss */
7547 7546
.lt-sidebar .items-list li .img,
7548 7547
.lt-sidebar .items-list li .os {
7549 7548
  background-size: 80%;
7550 7549
}
7551
/* line 30, ../sass/_lt-sidebar.scss */
7550
/* line 29, ../sass/_lt-sidebar.scss */
7552 7551
.lt-sidebar .items-list li .img .os {
7553 7552
  top: 6px;
7554 7553
}
7555
/* line 33, ../sass/_lt-sidebar.scss */
7554
/* line 32, ../sass/_lt-sidebar.scss */
7556 7555
.lt-sidebar li:hover {
7557 7556
  background: #ebebec;
7558 7557
}
7559
/* line 36, ../sass/_lt-sidebar.scss */
7558
/* line 35, ../sass/_lt-sidebar.scss */
7560 7559
.lt-sidebar li.current {
7561 7560
  background: #dfdfdf;
7562 7561
  cursor: pointer;
7563 7562
}
7564
/* line 44, ../sass/_lt-sidebar.scss */
7563
/* line 43, ../sass/_lt-sidebar.scss */
7565 7564
.lt-sidebar .jspDrag {
7566 7565
  background-color: #919194;
7567 7566
}
7568
/* line 47, ../sass/_lt-sidebar.scss */
7567
/* line 46, ../sass/_lt-sidebar.scss */
7569 7568
.lt-sidebar .jspVerticalBar {
7570 7569
  width: 10px;
7571 7570
  right: 4px;
7572 7571
}
7573
/* line 51, ../sass/_lt-sidebar.scss */
7572
/* line 50, ../sass/_lt-sidebar.scss */
7574 7573
.lt-sidebar .jspTrack {
7575 7574
  background: #fff;
7576 7575
  border: 1px solid #919194;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
28 28
		</nav>
29 29
		<div class="logo">
30 30
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31
			<h2>Machines</h2>
32 31
		</div>
33 32
		
34 33
		<div class="login">
35 34
			<a href="">test@grnet.gr</a>
36 35
		</div>
37
		<div class="actions clearfix">
38
			<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div>
39
			<div class="main-actions">
40
				<ul>
41
					<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
42
					<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
43
					<li class="both"><a href="">Destroy</a></li>
44
					<li class="stopped"><a href="">Start</a></li>
45
					 <!-- in case we want an action always activated
46
					<li class="pernament"><a href="" class="active">Action</a></li> -->
47
				</ul>
48
			</div>
49
		</div>
50 36
	</header>
51 37
	<div class="info top-info alert">
52 38
		<div class="wrap">
......
56 42
		<a href="#" class="close" title="hide message">close</a>
57 43
	</div>
58 44
	<div class="overlay-wrapper">
45
		<section class="actions-bar clearfix">
46
			<div class="row">
47
				<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div>
48
				<div class="main-actions">
49
					<ul>
50
						<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
51
						<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
52
						<li class="both"><a href="">Destroy</a></li>
53
						<li class="stopped"><a href="">Start</a></li>
54
						 <!-- in case we want an action always activated
55
						<li class="pernament"><a href="" class="active">Action</a></li> -->
56
					</ul>
57
				</div>
58
			</div>
59
		</section>
59 60
		<div class="lt-sidebar vms scroll-pane">
60 61
			<ul class="items-list">
61 62
				<li>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
29 29
		</nav>
30 30
		<div class="logo">
31 31
			<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32
			<h2>Machines</h2>
33 32
		</div>
34
		
35 33
		<div class="login">
36 34
			<a href="">test@grnet.gr</a>
37 35
		</div>
38
		<div class="actions clearfix">
39
			<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div>
40
			<div class="main-actions">
41
				<ul>
42
					<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
43
					<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
44
					<li class="both"><a href="">Destroy</a></li>
45
					<li class="stopped"><a href="">Start</a></li>
46
					 <!-- in case we want an action always activated
47
					<li class="pernament"><a href="" class="active">Action</a></li> -->
48
				</ul>
49
			</div>
50
		</div>
51 36
	</header>
52
	<div class="info top-info alert">
53
		<div class="wrap">
54
			<p>ALERT!</p>
55
			<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p>
56
		</div>
57
		<a href="#" class="close" title="hide message">close</a>
58
	</div>
59
	
60
	<div class="overlay-wrapper ">
37
	<div class="overlay-wrapper">
61 38
		<div class="overlay-area">
62
			<a href="" class="close">close</a>
39
			<a href="" class="close"><a href="" class="close"><span class="snf-font">e</span></a></a>
63 40
			<div id="overlay1" class="overlay-div">
64 41
				<p>Are you sure you want to reboot your machine?</p>
65 42
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
......
68 45
				<p>Are you sure you want to shutdown your machine?</p>
69 46
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
70 47
			</div>
48
			<div id="vm-wizard" class="overlay-div wizard">
49
				<div class="top">
50
					<div class="row">
51
						<a href="" class="close"><span class="snf-font">e</span></a>
52
						<nav class="sub-menu">
53
							<ul>
54
								<li><a href="" class="current">System</a></li>
55
								<li><a href="">My images</a></li>
56
								<li><a href="">Shared with me</a></li>
57
								<li><a href="">Public</a></li>
58
							</ul>
59
						</nav>
60
					</div>
61
				</div>
62
				<div class="middle">
63
					<div class="row">
64
						<div class="wizard-content">
65
							<div class="vm-wizard-carousel">
66
								<div class="step step-1">
67
									<ul class="os">
68
										<li>
69
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
70
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>
71
											<div class="size-col">10GB</div>
72
											<div class="btn-col"><a href="">details</a></div>
73
											<div class="details">
74
												<h3>Image metadata</h3>
75
												<dl>
76
													<dt>Owner</dt>
77
													<dd>system</dd>
78
													<dt>OS</dt>
79
													<dd>Kubuntu</dd>
80
													<dt>Kernel</dt>
81
													<dd>4.8.2</dd>
82
													<dt>Size</dt>
83
													<dd>2.51GB</dd>
84
													<dt>Users</dt>
85
													<dd>user</dd>
86
													<dt>Root partition</dt>
87
													<dd>1</dd>
88
												</dl>
89
											</details>
90
										</li>
91
										<li>
92
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
93
											<div class="name-col">Windows Server 2008 R2</div>
94
											<div class="size-col">10GB</div>
95
											<div class="btn-col"><a href="">details</a></div>
96
											<div class="details">
97
												<h3>Image metadata</h3>
98
												<dl>
99
													<dt>Owner</dt>
100
													<dd>system</dd>
101
													<dt>OS</dt>
102
													<dd>Kubuntu</dd>
103
													<dt>Kernel</dt>
104
													<dd>4.8.2</dd>
105
													<dt>Size</dt>
106
													<dd>2.51GB</dd>
107
													<dt>Users</dt>
108
													<dd>user</dd>
109
													<dt>Root partition</dt>
110
													<dd>1</dd>
111
												</dl>
112
											</details>
113
										</li>
114
										<li>
115
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
116
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>
117
											<div class="size-col">10GB</div>
118
											<div class="btn-col"><a href="">details</a></div>
119
											<div class="details">
120
												<h3>Image metadata</h3>
121
												<dl>
122
													<dt>Owner</dt>
123
													<dd>system</dd>
124
													<dt>OS</dt>
125
													<dd>Kubuntu</dd>
126
													<dt>Kernel</dt>
127
													<dd>4.8.2</dd>
128
													<dt>Size</dt>
129
													<dd>2.51GB</dd>
130
													<dt>Users</dt>
131
													<dd>user</dd>
132
													<dt>Root partition</dt>
133
													<dd>1</dd>
134
												</dl>
135
											</details>
136
										</li>
137
										<li>
138
											<div class="img-col"><img src="images/os-unknown.png" alt=""></div>
139
											<div class="name-col">Whatever</div>
140
											<div class="size-col">10GB</div>
141
											<div class="btn-col"><a href="">details</a></div>
142
											<div class="details">
143
												<h3>Image metadata</h3>
144
												<dl>
145
													<dt>Owner</dt>
146
													<dd>system</dd>
147
													<dt>OS</dt>
148
													<dd>Kubuntu</dd>
149
													<dt>Kernel</dt>
150
													<dd>4.8.2</dd>
151
													<dt>Size</dt>
152
													<dd>2.51GB</dd>
153
													<dt>Users</dt>
154
													<dd>user</dd>
155
													<dt>Root partition</dt>
156
													<dd>1</dd>
157
												</dl>
158
											</details>
159
										</li>
160
										<li>
161
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
162
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>
163
											<div class="size-col">10GB</div>
164
											<div class="btn-col"><a href="">details</a></div>
165
											<div class="details">
166
												<h3>Image metadata</h3>
167
												<dl>
168
													<dt>Owner</dt>
169
													<dd>system</dd>
170
													<dt>OS</dt>
171
													<dd>Kubuntu</dd>
172
													<dt>Kernel</dt>
173
													<dd>4.8.2</dd>
174
													<dt>Size</dt>
175
													<dd>2.51GB</dd>
176
													<dt>Users</dt>
177
													<dd>user</dd>
178
													<dt>Root partition</dt>
179
													<dd>1</dd>
180
												</dl>
181
											</details>
182
										</li>
183
										<li>
184
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
185
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>
186
											<div class="size-col">10GB</div>
187
											<div class="btn-col"><a href="">details</a></div>
188
											<div class="details">
189
												<h3>Image metadata</h3>
190
												<dl>
191
													<dt>Owner</dt>
192
													<dd>system</dd>
193
													<dt>OS</dt>
194
													<dd>Kubuntu</dd>
195
													<dt>Kernel</dt>
196
													<dd>4.8.2</dd>
197
													<dt>Size</dt>
198
													<dd>2.51GB</dd>
199
													<dt>Users</dt>
200
													<dd>user</dd>
201
													<dt>Root partition</dt>
202
													<dd>1</dd>
203
												</dl>
204
											</details>
205
										</li>
206
										<li>
207
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
208
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>
209
											<div class="size-col">10GB</div>
210
											<div class="btn-col"><a href="">details</a></div>
211
											<div class="details">
212
												<h3>Image metadata</h3>
213
												<dl>
214
													<dt>Owner</dt>
215
													<dd>system</dd>
216
													<dt>OS</dt>
217
													<dd>Kubuntu</dd>
218
													<dt>Kernel</dt>
219
													<dd>4.8.2</dd>
220
													<dt>Size</dt>
221
													<dd>2.51GB</dd>
222
													<dt>Users</dt>
223
													<dd>user</dd>
224
													<dt>Root partition</dt>
225
													<dd>1</dd>
226
												</dl>
227
											</details>
228
										</li>
229
									</ul>
230
								</div>
231
								<div class="step step-2">test2</div>
232
								<div class="step step-3">test3</div>
233
								<div class="step step-4">test4</div>
234
							</div>
235
						</div>
236
					</div>
237
				</div>
238
				<div class="bottom">
239
					<div class="row">
240
						<a href="" class="nav prev"><span>PREVIOUS</span></a>
241
						<a href="" class="nav next"><span>NEXT</span></a>
242
						<ul class="nums">
243
							<li class="current"><a href="">1</a></li>
244
							<li><a href="">2</a></li>
245
							<li><a href="">3</a></li>
246
							<li><a href="">4</a></li>
247
						</ul>
248
					</div>
249
				</div>
250
			</div>
71 251
		</div>
252
		<section class="actions-bar clearfix">
253
			<div class="row">
254
				<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div>
255
				<div class="main-actions">
256
					<ul>
257
						<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
258
						<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
259
						<li class="both"><a href="">Destroy</a></li>
260
						<li class="stopped"><a href="">Start</a></li>
261
						 <!-- in case we want an action always activated
262
						<li class="pernament"><a href="" class="active">Action</a></li> -->
263
					</ul>
264
				</div>
265
			</div>
266
		</section>
72 267
		<section class="main row">
73 268
			<div class="vms entities">
74 269
				<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
......
222 417
	<script type="text/javascript" src="javascripts/dropzone.js"></script>
223 418
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
224 419
	<script src="javascripts/common.js"></script>
420
	<script type="text/javascript" src="javascripts/vm-wizard.js"></script>
225 421
	
226 422
	  
227 423
  <script>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_new.html
418 418
	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
419 419
	<script type="text/javascript" src="javascripts/dropzone.js"></script>
420 420
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
421
	<script type="text/javascript" src="javascripts/vm-wizard.js"></script>
422 421
	<script src="javascripts/common.js"></script>
422
	<script type="text/javascript" src="javascripts/vm-wizard.js"></script>
423 423
	
424 424
	  
425 425
  <script>

Also available in: Unified diff