Commit 4d8a32ae authored by Efthymia Bika's avatar Efthymia Bika
Browse files

Style activity page

parent 14a2fb08
...@@ -36,20 +36,23 @@ ...@@ -36,20 +36,23 @@
backups = []; backups = [];
} }
} }
if(backups.length == 0) {
$("#backup-alert").show();
}
var ul = $("<ul></ul>") var ul = $("<ul></ul>")
.attr("id", "backup_list") .attr("class", "no-bullet")
.attr("class", "side-nav"); .attr("id", "backup_list");
$.each(backups, function(i, backup) { $.each(backups, function(i, backup) {
var li = $("<li></li>") var li = $("<li></li>")
.attr("class", "clearfix") .attr("class", "clearfix backup-box")
.attr("id", "li_" + backup.name); .attr("id", "box_" + backup.name);
var a = $("<a>" + backup.name + "</a>") var a = $("<a>" + backup.name + "</a>")
.attr("href", "#") .attr("href", "#")
.attr("id", backup.name) .attr("id", "box_a_" + backup.name)
.attr("class", "left") .attr("class", "left")
.click(function() { .click(function() {
$("#backup-tab-link").trigger("click");
load_backup(backup); load_backup(backup);
activate_li("li_" + backup.name);
}); });
li.append(a); li.append(a);
...@@ -65,7 +68,7 @@ ...@@ -65,7 +68,7 @@
li.append(a_del); li.append(a_del);
ul.append(li); ul.append(li);
$("#sidebar").append(ul); $("#backup-table").append(ul);
}); });
} }
...@@ -78,13 +81,23 @@ ...@@ -78,13 +81,23 @@
<span> <span>
<i class="fa fa-exclamation-circle"></i> <i class="fa fa-exclamation-circle"></i>
No cloud settings found. To start you must set a No cloud settings found. To start you must set a
<a onclick="$('#cloud-settings-link').trigger('click'); <a onclick="$('#cloud-settings-link').trigger('click');">
activate_tab('cloud-settings-link');">cloud configuration</a> cloud configuration.</a>
</span>
</div>
</div>
<div class="row">
<div class="small-12 columns panel hide" id="backup-alert">
<span>
<i class="fa fa-exclamation-circle"></i>
No backup sets found.
<a onclick="$('#backup-tab-link').trigger('click');">
Create a new one.</a>
</span> </span>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="small-3 columns vertical-border" id="sidebar"> <div class="small-12 columns" id="backup-table">
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
......
...@@ -38,3 +38,11 @@ ...@@ -38,3 +38,11 @@
.blue-bar { .blue-bar {
background: #146A84; background: #146A84;
} }
.backup-box {
border: 2px dotted #6e6e6e;
width: 180px;
height: 170px;
margin: 5px;
padding: 5px;
display: inline-block;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment