Revision 82a5966d
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/images_list.html | ||
|---|---|---|
| 100 | 100 |
<section class="actions-bar clearfix"> |
| 101 | 101 |
<h2>Images</h2> |
| 102 | 102 |
<div class="rt-actions"> |
| 103 |
<a href="" class="grid"><span class="snf-gridview current"></span></a> |
|
| 104 |
<a href="" class="list"><span class="snf-listview "></span></a> |
|
| 103 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a>
|
|
| 104 |
<a href="#list" class="list"><span class="snf-listview "></span></a>
|
|
| 105 | 105 |
<a href="" class="single" title="single view"></a> |
| 106 | 106 |
</div> |
| 107 | 107 |
<div class="filter-menu"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 420 | 420 |
|
| 421 | 421 |
} |
| 422 | 422 |
|
| 423 |
// in a page with tabs, allow navigation with hash tags |
|
| 424 |
ui.hashViews = function(viewsEl, sectionEl){
|
|
| 425 |
var hash = window.location.hash; |
|
| 426 |
if (!(hash)){
|
|
| 427 |
return; |
|
| 428 |
} |
|
| 429 |
var link = viewsEl.find('a[href="'+hash+'"]');
|
|
| 430 |
console.log('link', link);
|
|
| 431 |
if (link.length<=0){
|
|
| 432 |
return; |
|
| 433 |
} |
|
| 434 |
viewsEl.find('a span').removeClass('current');
|
|
| 435 |
link.find('span').addClass('current');
|
|
| 436 |
sectionEl.removeClass('grid-view list-view');
|
|
| 437 |
var sectionClass = hash.slice(1) + '-view'; |
|
| 438 |
sectionEl.addClass(sectionClass); |
|
| 439 |
} |
|
| 440 |
|
|
| 423 | 441 |
ui.ltBarToggle = function(speed){
|
| 424 | 442 |
|
| 425 | 443 |
var cmarg = parseInt($('.lt-bar').width()) - parseInt($('.toggle-lt-bar').outerWidth(true));
|
| ... | ... | |
| 718 | 736 |
/* grid/list view for items-list */ |
| 719 | 737 |
|
| 720 | 738 |
$('.actions-bar .list, .actions-bar .grid').click(function(e){
|
| 721 |
e.preventDefault(); |
|
| 739 |
//e.preventDefault();
|
|
| 722 | 740 |
if (!($(this).find('span').hasClass('current'))) {
|
| 723 | 741 |
$('.actions-bar .grid span, .actions-bar .list span').removeClass('current');
|
| 724 | 742 |
$(this).find('span').addClass('current');
|
| ... | ... | |
| 827 | 845 |
}); |
| 828 | 846 |
ui.tabs($('.tabs'), $('.content'));
|
| 829 | 847 |
ui.hashTabs($('.tabs'), $('.content'));
|
| 848 |
ui.hashViews($('.actions-bar .rt-actions'), $('.entities'));
|
|
| 830 | 849 |
|
| 831 | 850 |
$('.act').click(function(e) {
|
| 832 | 851 |
$(this).addClass('pending last');
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
|---|---|---|
| 154 | 154 |
<section class="actions-bar clearfix"> |
| 155 | 155 |
<h2>Networks</h2> |
| 156 | 156 |
<div class="rt-actions"> |
| 157 |
<a href="" class="grid"><span class="snf-gridview current"></span></a> |
|
| 158 |
<a href="" class="list"><span class="snf-listview "></span></a> |
|
| 157 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a>
|
|
| 158 |
<a href="#list" class="list"><span class="snf-listview "></span></a>
|
|
| 159 | 159 |
<a href="network_details.html" class="single" title="single view"></a> |
| 160 | 160 |
</div> |
| 161 | 161 |
<div class="filter-menu"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 384 | 384 |
padding: 0 10px; |
| 385 | 385 |
font-size:emCalc(12px); |
| 386 | 386 |
position: relative; |
| 387 |
top:1px;
|
|
| 387 |
top:-2px;
|
|
| 388 | 388 |
} |
| 389 | 389 |
.options {
|
| 390 | 390 |
display: none; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/snapshots_list.html | ||
|---|---|---|
| 134 | 134 |
<section class="actions-bar clearfix"> |
| 135 | 135 |
<h2>Snapshots</h2> |
| 136 | 136 |
<div class="rt-actions"> |
| 137 |
<a href="" class="grid"><span class="snf-gridview current"></span></a> |
|
| 138 |
<a href="" class="list"><span class="snf-listview "></span></a> |
|
| 137 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a>
|
|
| 138 |
<a href="#list" class="list"><span class="snf-listview "></span></a>
|
|
| 139 | 139 |
<a href="" class="single" title="single view"></a> |
| 140 | 140 |
</div> |
| 141 | 141 |
<div class="filter-menu"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7100 | 7100 |
padding: 0 10px; |
| 7101 | 7101 |
font-size: 0.75em; |
| 7102 | 7102 |
position: relative; |
| 7103 |
top: 1px;
|
|
| 7103 |
top: -2px;
|
|
| 7104 | 7104 |
} |
| 7105 | 7105 |
/* line 389, ../sass/_common.scss */ |
| 7106 | 7106 |
.actions-bar .filter-menu .options {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 765 | 765 |
<section class="actions-bar clearfix"> |
| 766 | 766 |
<h2>Virtual Machines</h2> |
| 767 | 767 |
<div class="rt-actions"> |
| 768 |
<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a> |
|
| 769 |
<a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
|
| 768 |
<a href="#grid" class="grid" title="grid view"><span class="snf-gridview current"></span></a>
|
|
| 769 |
<a href="#list" class="list" title="list view"><span class="snf-listview "></span></a>
|
|
| 770 | 770 |
<a href="vm_details.html" class="single" title="single view"></a> |
| 771 | 771 |
</div> |
| 772 | 772 |
<div class="filter-menu"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/volumes_list.html | ||
|---|---|---|
| 238 | 238 |
<section class="actions-bar clearfix"> |
| 239 | 239 |
<h2>Volumes</h2> |
| 240 | 240 |
<div class="rt-actions"> |
| 241 |
<a href="" class="grid"><span class="snf-gridview current"></span></a> |
|
| 242 |
<a href="" class="list"><span class="snf-listview "></span></a> |
|
| 241 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a>
|
|
| 242 |
<a href="#list" class="list"><span class="snf-listview "></span></a>
|
|
| 243 | 243 |
<a href="" class="single" title="single view"></a> |
| 244 | 244 |
</div> |
| 245 | 245 |
<div class="filter-menu"> |
Also available in: Unified diff