ui: improve prune simulator layout

This commit is contained in:
Dietmar Maurer 2020-11-06 12:12:59 +01:00
parent 3323798b54
commit 6823fdc7f9
1 changed files with 22 additions and 14 deletions

View File

@ -31,7 +31,7 @@ Ext.onReady(function() {
extend: 'Ext.Panel',
alias: 'widget.prunesimulatorDocumentation',
html: '<iframe style="width:100%;height:100%" src="./documentation.html"/>',
html: '<iframe style="width:100%;height:100%;border:0px;" src="./documentation.html"/>',
});
Ext.define('PBS.prunesimulator.CalendarEvent', {
@ -126,6 +126,7 @@ Ext.onReady(function() {
{
xtype: 'grid',
store: me.store,
border: false,
columns: [
{
header: 'Backup Time',
@ -532,7 +533,6 @@ Ext.onReady(function() {
minValue: 0,
value: 4,
fieldGroup: 'keep',
padding: '0 0 0 10',
},
{
xtype: 'numberfield',
@ -542,7 +542,6 @@ Ext.onReady(function() {
minValue: 0,
value: 0,
fieldGroup: 'keep',
padding: '0 0 0 10',
},
{
xtype: 'numberfield',
@ -552,7 +551,6 @@ Ext.onReady(function() {
minValue: 0,
value: 5,
fieldGroup: 'keep',
padding: '0 0 0 10',
},
{
xtype: 'numberfield',
@ -562,7 +560,6 @@ Ext.onReady(function() {
minValue: 0,
value: 2,
fieldGroup: 'keep',
padding: '0 0 0 10',
},
{
xtype: 'numberfield',
@ -572,7 +569,6 @@ Ext.onReady(function() {
minValue: 0,
value: 0,
fieldGroup: 'keep',
padding: '0 0 0 10',
},
{
xtype: 'numberfield',
@ -582,7 +578,6 @@ Ext.onReady(function() {
minValue: 0,
value: 0,
fieldGroup: 'keep',
padding: '0 0 0 10',
},
],
@ -635,16 +630,20 @@ Ext.onReady(function() {
me.items = [
{
xtype: 'panel',
layout: 'hbox',
height: 180,
layout: {
type: 'hbox',
align: 'stretch',
},
border: false,
items: [
{
title: 'View',
layout: 'anchor',
flex: 1,
border: false,
bodyPadding: 10,
items: [
{
padding: '0 0 0 10',
xtype: 'checkbox',
name: 'showCalendar',
reference: 'showCalendar',
@ -652,7 +651,6 @@ Ext.onReady(function() {
checked: false,
},
{
padding: '0 0 0 10',
xtype: 'checkbox',
name: 'showColors',
reference: 'showColors',
@ -680,32 +678,42 @@ Ext.onReady(function() {
},
],
},
{ xtype: "panel", width: 1, border: 1 },
{
layout: 'anchor',
flex: 1,
border: false,
title: 'Backup Schedule',
bodyPadding: 10,
items: scheduleItems,
},
],
},
{
xtype: 'panel',
layout: 'hbox',
layout: {
type: 'hbox',
align: 'stretch',
},
flex: 1,
border: false,
items: [
{
layout: 'anchor',
title: 'Prune Options',
border: false,
bodyPadding: 10,
items: me.keepItems,
flex: 1,
},
{ xtype: "panel", width: 1, border: 1 },
{
layout: 'fit',
title: 'Backups',
border: false,
xtype: 'prunesimulatorPruneList',
store: me.pruneStore,
reference: 'pruneList',
height: '100%',
flex: 1,
},
],
@ -746,7 +754,7 @@ Ext.onReady(function() {
{
xtype: 'prunesimulatorDocumentation',
title: 'Usage',
margins: '5 0 0 0',
border: false,
region: 'center',
},
],