add confirmation dialog when resetting UI settings, add '...' in advanced tab of preferences dialog to indicate that dialogs will open

This commit is contained in:
rolux 2012-06-04 12:57:55 +02:00
parent 1d19c5d9a2
commit d6dbf4c344
2 changed files with 52 additions and 6 deletions

View file

@ -99,21 +99,20 @@ pandora.ui.preferencesDialog = function() {
} else {
$content.append(
Ox.Button({
title: 'Reset UI Settings',
width: 128
title: 'Reset UI Settings...',
width: 160
})
.bindEvent({
click: function() {
pandora.UI.reset();
pandora.$ui.appPanel.reload();
pandora.$ui.resetUIDialog = pandora.ui.resetUIDialog().open();
}
})
.css({position: 'absolute', left: '96px', top: '16px'})
);
$content.append(
Ox.Button({
title: 'Run Script on Load',
width: 128
title: 'Run Script on Load...',
width: 160
})
.bindEvent({
click: function() {

View file

@ -0,0 +1,47 @@
// vim: et:ts=4:sw=4:sts=4:ft=javascript
'use strict';
pandora.ui.resetUIDialog = function(data) {
var that = Ox.Dialog({
buttons: [
Ox.Button({
id: 'cancel',
title: 'Cancel'
})
.bindEvent({
click: function() {
that.close();
}
}),
Ox.Button({
id: 'reset',
title: 'Reset'
}).bindEvent({
click: function() {
that.close();
pandora.UI.reset();
pandora.$ui.appPanel.reload();
}
})
],
content: Ox.Element()
.append(
$('<img>')
.attr({src: '/static/png/icon.png'})
.css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'})
)
.append(
$('<div>')
.css({position: 'absolute', left: '96px', top: '16px', width: '192px'})
.html('Are you sure you want to reset all UI settings?')
),
height: 128,
keys: {enter: 'reset', escape: 'cancel'},
title: 'Reset UI Settings',
width: 304
});
return that;
};