convert to squared style
This commit is contained in:
parent
5b1e2e58e9
commit
ee0c514d01
10 changed files with 35 additions and 4 deletions
|
@ -13,9 +13,11 @@ oml.ui.deleteItemsDialog = function() {
|
||||||
that = oml.ui.confirmDialog({
|
that = oml.ui.confirmDialog({
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('No, Keep {0}', [itemsName])
|
title: Ox._('No, Keep {0}', [itemsName])
|
||||||
}),
|
}),
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Yes, Delete {0}', [itemsName])
|
title: Ox._('Yes, Delete {0}', [itemsName])
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
|
|
|
@ -7,9 +7,11 @@ oml.ui.deleteListDialog = function() {
|
||||||
that = oml.ui.confirmDialog({
|
that = oml.ui.confirmDialog({
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('No, Keep List')
|
title: Ox._('No, Keep List')
|
||||||
}),
|
}),
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Yes, Delete List')
|
title: Ox._('Yes, Delete List')
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
|
|
|
@ -21,6 +21,7 @@ oml.ui.errorDialog = function() {
|
||||||
function getButtons() {
|
function getButtons() {
|
||||||
return (ui.enableDebugMenu ? [
|
return (ui.enableDebugMenu ? [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('View Error Logs...')
|
title: Ox._('View Error Logs...')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
@ -33,6 +34,7 @@ oml.ui.errorDialog = function() {
|
||||||
] : []).concat([
|
] : []).concat([
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
id: 'close',
|
id: 'close',
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Close')
|
title: Ox._('Close')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
|
|
@ -8,6 +8,7 @@ oml.ui.findDialog = function() {
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
id: 'done',
|
id: 'done',
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Done')
|
title: Ox._('Done')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
@ -33,6 +34,7 @@ oml.ui.findDialog = function() {
|
||||||
}),
|
}),
|
||||||
|
|
||||||
$updateCheckbox = Ox.Checkbox({
|
$updateCheckbox = Ox.Checkbox({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Update Results in the Background'),
|
title: Ox._('Update Results in the Background'),
|
||||||
value: oml.user.ui.updateResults
|
value: oml.user.ui.updateResults
|
||||||
})
|
})
|
||||||
|
|
|
@ -9,6 +9,7 @@ oml.ui.listDialog = function() {
|
||||||
buttons: [].concat(list && !Ox.endsWith(list, ':') ? [
|
buttons: [].concat(list && !Ox.endsWith(list, ':') ? [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
id: 'duplicate',
|
id: 'duplicate',
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Duplicate List...')
|
title: Ox._('Duplicate List...')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
@ -20,6 +21,7 @@ oml.ui.listDialog = function() {
|
||||||
] : []).concat(Ox.startsWith(list, ':') && list != '' ? [
|
] : []).concat(Ox.startsWith(list, ':') && list != '' ? [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
id: 'delete',
|
id: 'delete',
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Delete List...')
|
title: Ox._('Delete List...')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
@ -32,6 +34,7 @@ oml.ui.listDialog = function() {
|
||||||
{},
|
{},
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
id: 'done',
|
id: 'done',
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Done')
|
title: Ox._('Done')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
|
|
@ -9,6 +9,7 @@ oml.ui.namesDialog = function() {
|
||||||
changeOnKeypress: true,
|
changeOnKeypress: true,
|
||||||
clear: true,
|
clear: true,
|
||||||
placeholder: Ox._('Find'),
|
placeholder: Ox._('Find'),
|
||||||
|
style: 'squared',
|
||||||
width: 192
|
width: 192
|
||||||
})
|
})
|
||||||
.css({float: 'right', margin: '4px'})
|
.css({float: 'right', margin: '4px'})
|
||||||
|
@ -110,6 +111,7 @@ oml.ui.namesDialog = function() {
|
||||||
that = Ox.Dialog({
|
that = Ox.Dialog({
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Sort Titles...')
|
title: Ox._('Sort Titles...')
|
||||||
}).bindEvent({
|
}).bindEvent({
|
||||||
click: function() {
|
click: function() {
|
||||||
|
@ -123,6 +125,7 @@ oml.ui.namesDialog = function() {
|
||||||
$findButton,
|
$findButton,
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
title: Ox._('Done'),
|
title: Ox._('Done'),
|
||||||
|
style: 'squared',
|
||||||
width: 48
|
width: 48
|
||||||
}).bindEvent({
|
}).bindEvent({
|
||||||
click: function() {
|
click: function() {
|
||||||
|
|
|
@ -189,6 +189,7 @@ oml.ui.peersPanel = function() {
|
||||||
readonly: true,
|
readonly: true,
|
||||||
label: Ox._('Your Public Key'),
|
label: Ox._('Your Public Key'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
value: oml.user.id,
|
value: oml.user.id,
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -201,6 +202,7 @@ oml.ui.peersPanel = function() {
|
||||||
readonly: true,
|
readonly: true,
|
||||||
label: Ox._('Download Link'),
|
label: Ox._('Download Link'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
value: 'https://openmedialibrary.com/#download',
|
value: 'https://openmedialibrary.com/#download',
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -223,6 +225,7 @@ oml.ui.peersPanel = function() {
|
||||||
$nickname = Ox.Input({
|
$nickname = Ox.Input({
|
||||||
label: Ox._('Nickname'),
|
label: Ox._('Nickname'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
value: user.nickname,
|
value: user.nickname,
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -253,6 +256,7 @@ oml.ui.peersPanel = function() {
|
||||||
$id = Ox.Input({
|
$id = Ox.Input({
|
||||||
label: Ox._('Public Key'),
|
label: Ox._('Public Key'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
@ -292,6 +296,7 @@ oml.ui.peersPanel = function() {
|
||||||
readonly: true,
|
readonly: true,
|
||||||
label: Ox._('Username'),
|
label: Ox._('Username'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
value: user.username,
|
value: user.username,
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -304,6 +309,7 @@ oml.ui.peersPanel = function() {
|
||||||
readonly: true,
|
readonly: true,
|
||||||
label: Ox._('Public Key'),
|
label: Ox._('Public Key'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
value: user.id,
|
value: user.id,
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -316,6 +322,7 @@ oml.ui.peersPanel = function() {
|
||||||
readonly: true,
|
readonly: true,
|
||||||
label: Ox._('Contact'),
|
label: Ox._('Contact'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
|
style: 'squared',
|
||||||
value: user.contact || '',
|
value: user.contact || '',
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -328,9 +335,10 @@ oml.ui.peersPanel = function() {
|
||||||
|
|
||||||
Ox.Label({
|
Ox.Label({
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
|
style: 'squared',
|
||||||
title: user.peered ? Ox._('Remove Peer')
|
title: user.peered ? Ox._('Remove Peer')
|
||||||
: user.pending == 'received' ? Ox._('Peering Request')
|
: user.pending == 'received' ? Ox._('Accept Peering Request')
|
||||||
: user.pending == 'sent' ? Ox._('Cancel Request')
|
: user.pending == 'sent' ? Ox._('Cancel Peering Request')
|
||||||
: Ox._('Send Peering Request'),
|
: Ox._('Send Peering Request'),
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
|
@ -343,6 +351,7 @@ oml.ui.peersPanel = function() {
|
||||||
label: Ox._('Message'),
|
label: Ox._('Message'),
|
||||||
labelWidth: 128,
|
labelWidth: 128,
|
||||||
placeholder: Ox._('none'),
|
placeholder: Ox._('none'),
|
||||||
|
style: 'squared',
|
||||||
width: 480
|
width: 480
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
|
@ -357,6 +366,7 @@ oml.ui.peersPanel = function() {
|
||||||
: ['send']
|
: ['send']
|
||||||
).map(function(id, index) {
|
).map(function(id, index) {
|
||||||
return Ox.Button({
|
return Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox.getObjectById(buttons, id).title
|
title: Ox.getObjectById(buttons, id).title
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
|
|
|
@ -5,9 +5,11 @@ oml.ui.resetUIDialog = function(data) {
|
||||||
var that = oml.ui.confirmDialog({
|
var that = oml.ui.confirmDialog({
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('No, Don\'t Reset')
|
title: Ox._('No, Don\'t Reset')
|
||||||
}),
|
}),
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Yes, Reset')
|
title: Ox._('Yes, Reset')
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
|
|
|
@ -9,6 +9,7 @@ oml.ui.titlesDialog = function() {
|
||||||
changeOnKeypress: true,
|
changeOnKeypress: true,
|
||||||
clear: true,
|
clear: true,
|
||||||
placeholder: Ox._('Find'),
|
placeholder: Ox._('Find'),
|
||||||
|
style: 'squared',
|
||||||
width: 192
|
width: 192
|
||||||
})
|
})
|
||||||
.css({float: 'right', margin: '4px'})
|
.css({float: 'right', margin: '4px'})
|
||||||
|
@ -94,6 +95,7 @@ oml.ui.titlesDialog = function() {
|
||||||
|
|
||||||
$findButton = Ox.Button({
|
$findButton = Ox.Button({
|
||||||
disabled: true,
|
disabled: true,
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Find'),
|
title: Ox._('Find'),
|
||||||
width: 48
|
width: 48
|
||||||
}).bindEvent({
|
}).bindEvent({
|
||||||
|
@ -116,6 +118,7 @@ oml.ui.titlesDialog = function() {
|
||||||
that = Ox.Dialog({
|
that = Ox.Dialog({
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Sort Names...')
|
title: Ox._('Sort Names...')
|
||||||
}).bindEvent({
|
}).bindEvent({
|
||||||
click: function() {
|
click: function() {
|
||||||
|
@ -128,6 +131,7 @@ oml.ui.titlesDialog = function() {
|
||||||
{},
|
{},
|
||||||
$findButton,
|
$findButton,
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Done'),
|
title: Ox._('Done'),
|
||||||
width: 48
|
width: 48
|
||||||
}).bindEvent({
|
}).bindEvent({
|
||||||
|
|
|
@ -6,6 +6,7 @@ oml.ui.welcomeDialog = function() {
|
||||||
buttons: [
|
buttons: [
|
||||||
Ox.Button({
|
Ox.Button({
|
||||||
id: 'close',
|
id: 'close',
|
||||||
|
style: 'squared',
|
||||||
title: Ox._('Close')
|
title: Ox._('Close')
|
||||||
})
|
})
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
|
@ -15,8 +16,8 @@ oml.ui.welcomeDialog = function() {
|
||||||
})
|
})
|
||||||
],
|
],
|
||||||
content: 'Welcome! To get started, you may want to set your '
|
content: 'Welcome! To get started, you may want to set your '
|
||||||
+ 'library path, import some media, start your node, chose a '
|
+ 'library path, import some media, choose a username '
|
||||||
+ 'username and add a few peers.',
|
+ 'and add a few peers.',
|
||||||
title: Ox._('Welcome to Open Media Library')
|
title: Ox._('Welcome to Open Media Library')
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue