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

add and use iconDialog

Browse source
This commit is contained in:
rolux 2013-03-03 10:34:25 +05:30
parent d4074629d9
commit 7a43ab4e54
2 changed files with 44 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
static/js/pandora/deleteItemDialog.js
View file

@ -2,8 +2,8 @@
'use strict'; 'use strict';
pandora.ui.deleteItemDialog = function(item) { pandora.ui.deleteItemDialog = function(item) {
var
that = Ox.Dialog({ var that = pandora.ui.iconDialog({
buttons: [ buttons: [
Ox.Button({ Ox.Button({
id: 'keep', id: 'keep',
@ -28,25 +28,13 @@ pandora.ui.deleteItemDialog = function(item) {
} }
}) })
], ],
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: '256px'})
.html('Are you sure you want to delete the '
+ pandora.site.itemName.singular
+ ' "'+ item.title + '"?<br><br>All data will be removed.')
),
height: 128,
keys: {enter: 'delete', escape: 'keep'}, keys: {enter: 'delete', escape: 'keep'},
removeOnClose: true, text: 'Are you sure you want to delete the '
title: 'Delete ' + pandora.site.itemName.singular, + pandora.site.itemName.singular
width: 368 + ' "'+ item.title + '"?<br><br>All data will be removed.',
title: 'Delete ' + pandora.site.itemName.singular
}); });
return that; return that;
}; };

37
static/js/pandora/iconDialog.js Normal file
View file

@ -0,0 +1,37 @@
'use strict';
pandora.iconDialog = function(options) {
var options = Ox.extend({
closeButton: false,
height: 128,
keys: null,
text: '',
title: '',
width: 368,
}, options),
that = Ox.Dialog({
buttons: options.buttons,
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: width - 112 + 'px'})
.html(options.text)
),
fixedSize: true
height: options.height,
keys: options.keys,
removeOnClose: true,
title: options.title,
width: options.width
});
return that;
};