squared-styled progress bar

This commit is contained in:
rlx 2016-01-12 19:02:27 +05:30
parent 3213d8c102
commit bd50c75bb6
1 changed files with 13 additions and 1 deletions

View File

@ -14,7 +14,8 @@ oml.ui.importExportDialog = function(selected) {
min: 1, min: 1,
max: 1, max: 1,
selectable: true, selectable: true,
selected: selected selected: selected,
style: 'squared'
}) })
.css({ .css({
width: '768px', width: '768px',
@ -50,6 +51,7 @@ oml.ui.importExportDialog = function(selected) {
buttons: [ buttons: [
Ox.Button({ Ox.Button({
id: 'hide', id: 'hide',
style: 'squared',
title: Ox._('Hide') title: Ox._('Hide')
}) })
.bindEvent({ .bindEvent({
@ -161,6 +163,7 @@ oml.ui.importExportDialog = function(selected) {
$progress[data.activity] = Ox.Progressbar({ $progress[data.activity] = Ox.Progressbar({
progress: -1, progress: -1,
showTooltips: true, showTooltips: true,
style: 'squared',
width: 480 width: 480
}) })
.css({margin: '4px 16px'}) .css({margin: '4px 16px'})
@ -174,6 +177,7 @@ oml.ui.importExportDialog = function(selected) {
.appendTo($element); .appendTo($element);
$progressButton[data.activity] = Ox.Button({ $progressButton[data.activity] = Ox.Button({
style: 'squared',
title: '', title: '',
width: 128 width: 128
}) })
@ -219,6 +223,7 @@ oml.ui.importExportDialog = function(selected) {
id: 'path', id: 'path',
label: 'Source Path', label: 'Source Path',
labelWidth: 128, labelWidth: 128,
style: 'squared',
width: 480 width: 480
}), }),
Ox.SelectInput({ Ox.SelectInput({
@ -230,6 +235,7 @@ oml.ui.importExportDialog = function(selected) {
labelWidth: 128, labelWidth: 128,
max: 1, max: 1,
min: 1, min: 1,
style: 'squared',
value: '', value: '',
width: 480 width: 480
}), }),
@ -241,6 +247,7 @@ oml.ui.importExportDialog = function(selected) {
], ],
label: Ox._('Import Mode'), label: Ox._('Import Mode'),
labelWidth: 128, labelWidth: 128,
style: 'squared',
width: 480 width: 480
}) })
] : [ ] : [
@ -249,6 +256,7 @@ oml.ui.importExportDialog = function(selected) {
id: 'path', id: 'path',
label: 'Destination Path', label: 'Destination Path',
labelWidth: 128, labelWidth: 128,
style: 'squared',
width: 480 width: 480
}), }),
Ox.Select({ Ox.Select({
@ -256,6 +264,7 @@ oml.ui.importExportDialog = function(selected) {
items: getListItems('export'), items: getListItems('export'),
label: 'Source', label: 'Source',
labelWidth: 128, labelWidth: 128,
style: 'squared',
value: ':', value: ':',
width: 480 width: 480
}), }),
@ -267,6 +276,7 @@ oml.ui.importExportDialog = function(selected) {
], ],
label: Ox._('Export Mode'), label: Ox._('Export Mode'),
labelWidth: 128, labelWidth: 128,
style: 'squared',
width: 480 width: 480
}) })
] ]
@ -283,6 +293,7 @@ oml.ui.importExportDialog = function(selected) {
.appendTo($element); .appendTo($element);
$label[selected] = Ox.Label({ $label[selected] = Ox.Label({
//textAlign: 'center', //textAlign: 'center',
style: 'squared',
title: Ox._( title: Ox._(
'Waiting for ' 'Waiting for '
+ (selected == 'import' ? 'export' : 'import') + (selected == 'import' ? 'export' : 'import')
@ -300,6 +311,7 @@ oml.ui.importExportDialog = function(selected) {
$activityButton[selected] = Ox.Button({ $activityButton[selected] = Ox.Button({
disabled: true, disabled: true,
id: 'import', id: 'import',
style: 'squared',
title: Ox._(selected == 'import' ? 'Import' : 'Export'), title: Ox._(selected == 'import' ? 'Import' : 'Export'),
width: 128 width: 128
}) })