wbrawner/piskel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

browse backups dialog: add styling for empty session list

Browse source
This commit is contained in:
juliandescottes 2017-08-01 22:39:27 +02:00 committed by Julian Descottes
parent da2e9f99e4
commit 6b7f04b63e
4 changed files with 28 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/css/dialogs-browse-backups.css
View file

@ -56,6 +56,21 @@
height: 90px;
}
.browse-backups .session-list-empty,
.browse-backups .snapshot-list-empty {
position: absolute;
left: 50%;
width: 200px;
margin-top: 100px;
margin-left: -130px;
padding: 30px;
font-size: 16px;
text-align: center;
border: 1px solid;
color: #bbb;
}
.browse-backups .session-item {
transition: all 500ms;
}

2
src/js/controller/dialogs/backups/steps/SelectSession.js
View file

@ -39,7 +39,7 @@
pskl.app.backupService.list().then(function (sessions) {
var html = '';
if (sessions.length === 0) {
html = 'No session found ...';
html = pskl.utils.Template.get('session-list-empty');
} else {
var sessionItemTemplate = pskl.utils.Template.get('session-list-item');
var html = '';

5
src/js/controller/dialogs/backups/steps/SessionDetails.js
View file

@ -26,7 +26,10 @@
pskl.app.backupService.getSnapshotsBySessionId(sessionId).then(function (snapshots) {
var html = '';
if (snapshots.length === 0) {
html = 'No snapshot found...';
// This should normally never happen, all sessions have at least one snapshot and snapshots
// can not be individually deleted.
console.warn('Could not retrieve snapshots for a session');
html = pskl.utils.Template.get('snapshot-list-empty');
} else {
var sessionItemTemplate = pskl.utils.Template.get('snapshot-list-item');
var html = '';

8
src/templates/dialogs/browse-backups.html
View file

@ -27,6 +27,10 @@
</div>
</script>
<script type="text/template" id="session-list-empty">
<div class="session-list-empty">No session found ...</div>
</script>
<script type="text/template" id="session-list-item">
<div class="session-item">
<div class="session-details">
@ -52,6 +56,10 @@
</div>
</script>
<script type="text/template" id="snapshot-list-empty">
<div class="snapshot-list-empty">No snapshot found ...</div>
</script>
<script type="text/template" id="snapshot-list-item">
<div class="snapshot-item">
<div class="snapshot-details">