Revision 2ef21a75
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
---|---|---|
111 | 111 |
else{ |
112 | 112 |
checkbox.html('a'); |
113 | 113 |
$(this).parents('.container').removeClass('set-bg'); |
114 |
$(this).removeClass('active'); |
|
114 |
|
|
115 | 115 |
|
116 | 116 |
} |
117 | 117 |
|
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/foundation/foundation.reveal.js | ||
---|---|---|
14 | 14 |
animation: 'fadeAndPop', |
15 | 15 |
animationSpeed: 250, |
16 | 16 |
closeOnBackgroundClick: true, |
17 |
closeOnEsc: true, |
|
17 | 18 |
dismissModalClass: 'close-reveal-modal', |
18 | 19 |
bgClass: 'reveal-modal-bg', |
19 | 20 |
open: function(){}, |
... | ... | |
78 | 79 |
.on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed) |
79 | 80 |
.on('closed.fndtn.reveal', '.reveal-modal', this.close_video); |
80 | 81 |
|
82 |
$( 'body' ).bind( 'keyup.reveal', function ( event ) { |
|
83 |
var open_modal = $('.reveal-modal.open'), |
|
84 |
settings = $.extend({}, self.settings, self.data_options(open_modal)); |
|
85 |
if ( event.which === 27 && settings.closeOnEsc) { // 27 is the keycode for the Escape key |
|
86 |
open_modal.foundation('reveal', 'close'); |
|
87 |
} |
|
88 |
}); |
|
89 |
|
|
81 | 90 |
return true; |
82 | 91 |
}, |
83 | 92 |
|
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
---|---|---|
356 | 356 |
height:58px; |
357 | 357 |
} |
358 | 358 |
.container { |
359 |
&.set-bg { background:lighten($primary-color,35%); }
|
|
359 |
&.set-bg { background:lighten($primary-color,38%); }
|
|
360 | 360 |
&.set-border { border-color:$secondary-color; } |
361 | 361 |
border:1px solid transparent; |
362 | 362 |
margin: 0 20px; |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
---|---|---|
7131 | 7131 |
} |
7132 | 7132 |
/* line 359, ../sass/app.scss */ |
7133 | 7133 |
.items-list li .container.set-bg { |
7134 |
background: #ebebec;
|
|
7134 |
background: #f3f3f4;
|
|
7135 | 7135 |
} |
7136 | 7136 |
/* line 360, ../sass/app.scss */ |
7137 | 7137 |
.items-list li .container.set-border { |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details_v1.html | ||
---|---|---|
145 | 145 |
<span>my awsome machine</span> |
146 | 146 |
</p> |
147 | 147 |
</li> |
148 |
<li> |
|
149 |
<div class="img running"> |
|
150 |
VM running |
|
151 |
<span class="os windows">os</span> |
|
152 |
</div> |
|
153 |
<p class="visible-info"> |
|
154 |
<span>IPv4 83.212.97.127</span> |
|
155 |
<span>my awsome machine</span> |
|
156 |
</p> |
|
157 |
</li> |
|
148 |
|
|
158 | 149 |
<li class="current"> |
159 | 150 |
<div class="img running"> |
160 | 151 |
VM running |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html | ||
---|---|---|
39 | 39 |
<li><a href="" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
40 | 40 |
|
41 | 41 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
42 |
<li><a href="" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li> |
|
42 |
<li><a href="network_list_v1.html" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li>
|
|
43 | 43 |
</ul> |
44 | 44 |
|
45 | 45 |
</nav> |
... | ... | |
129 | 129 |
|
130 | 130 |
</div> |
131 | 131 |
</li> |
132 |
<!--<li> |
|
133 |
<div class="container"> |
|
134 |
<div class="options"> |
|
135 |
<div class="wrap"> |
|
136 |
|
|
137 |
<a href="vm_details_v1.html">details</a> |
|
138 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
|
139 |
</div> |
|
140 |
</div> |
|
141 |
<div class="img-wrap"> |
|
142 |
<div class="img running"> |
|
143 |
VM running |
|
144 |
<span class="os windows">windows</span> |
|
145 |
</div> |
|
146 |
</div> |
|
147 |
|
|
148 |
<p class="visible-info"> |
|
149 |
<span>IPv4 83.212.97.127</span> |
|
150 |
<span class="editable"> |
|
151 |
<input type="text" value="my awsome machine"><i class="gen-enclosed foundicon-checkmark"></i> |
|
152 |
<em>my awsome machine</em> |
|
153 |
</span> |
|
154 |
</p> |
|
155 |
<a href="" class="check"><span class="custom_checkbox">a</span> </a> |
|
156 |
|
|
157 |
</div> |
|
158 |
</li>--> |
|
159 | 132 |
<li> |
160 | 133 |
<div class="container"> |
161 | 134 |
<div class="options"> |
... | ... | |
230 | 203 |
</li> |
231 | 204 |
|
232 | 205 |
<li> |
233 |
<div class="add-new"><a href="">NEW<br>MACHINE</a></div> |
|
206 |
<div class="add-new"><a href="vm_create_a_v1.html">NEW<br>MACHINE</a></div>
|
|
234 | 207 |
</li> |
235 | 208 |
|
236 | 209 |
</ul> |
Also available in: Unified diff