0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
static/js/pandora/preferencesDialog.js
View file

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

47
static/js/pandora/resetUIDialog.js Normal file
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;
};