0x2620/oxjs
2
0
Fork 2
Code Issues 172 Pull requests Releases Wiki Activity

add localization to Ox

Browse source
This commit is contained in:
j 2013-05-09 13:03:33 +00:00
commit 4d8c716d0b
31 changed files with 499 additions and 352 deletions
Download patch file Download diff file Expand all files Collapse all files

4
source/Ox.UI/js/Video/AnnotationFolder.js
View file

@ -122,7 +122,7 @@ Ox.AnnotationFolder = function(options, self) {
id: 'add',
style: 'symbol',
title: 'add',
tooltip: 'Add ' + self.options.item,
tooltip: Ox._('Add {0}', self.options.item),
type: 'image'
})
.bindEvent({
@ -238,7 +238,7 @@ Ox.AnnotationFolder = function(options, self) {
.appendTo(self.$inner);
}
self.$resizebar = Ox.Element({
tooltip: 'Drag to resize or click to toggle map' // fixme: update as w/ splitpanels
tooltip: Ox._('Drag to resize or click to toggle map') // fixme: update as w/ splitpanels
})
.addClass('OxResizebar OxHorizontal')
.css({

50
source/Ox.UI/js/Video/AnnotationPanel.js
View file

@ -205,19 +205,19 @@ Ox.AnnotationPanel = function(options, self) {
annotationTitle = folder.options('item') + ': "' + value + '"';
}
}
manageTitle = (isDefined ? 'Edit' : 'Define') + ' '
+ (isPlace ? 'Place' : isEvent ? 'Event' : 'Place or Event') + '...'
manageTitle = Ox._((isDefined ? 'Edit' : 'Define') + ' '
+ (isPlace ? 'Place' : isEvent ? 'Event' : 'Place or Event') + '...');
self.$editMenuButton && self.$editMenuButton.remove();
self.$editMenuButton = Ox.MenuButton({
items: [].concat(
[
{id: 'deselect', title: 'Deselect Annotation', disabled: !self.options.selected || self.editing, keyboard: 'escape'},
{id: 'edit', title: 'Edit Annotation', disabled: !self.options.selected || !isEditable || self.editing, keyboard: 'return'},
{id: 'delete', title: 'Delete Annotation', disabled: !self.options.selected || !isEditable, keyboard: 'delete'},
{id: 'deselect', title: Ox._('Deselect Annotation'), disabled: !self.options.selected || self.editing, keyboard: 'escape'},
{id: 'edit', title: Ox._('Edit Annotation'), disabled: !self.options.selected || !isEditable || self.editing, keyboard: 'return'},
{id: 'delete', title: Ox._('Delete Annotation'), disabled: !self.options.selected || !isEditable, keyboard: 'delete'},
{},
{id: 'insert', title: 'Insert...', disabled: isString || !self.editing, keyboard: 'control i'},
{id: 'undo', title: 'Undo Changes', disabled: !self.editing, keyboard: 'escape'},
{id: 'save', title: 'Save Changes', disabled: !self.editing, keyboard: isString ? 'return' : 'shift return'},
{id: 'insert', title: Ox._('Insert...'), disabled: isString || !self.editing, keyboard: 'control i'},
{id: 'undo', title: Ox._('Undo Changes'), disabled: !self.editing, keyboard: 'escape'},
{id: 'save', title: Ox._('Save Changes'), disabled: !self.editing, keyboard: isString ? 'return' : 'shift return'},
],
pandora.site.map == 'manual' ? [
{},
@ -226,14 +226,14 @@ Ox.AnnotationPanel = function(options, self) {
isString ? [
{},
{id: 'annotation', title: annotationTitle, disabled: true},
{id: 'find', title: 'Find in This ' + pandora.site.itemName.singular},
{id: 'findannotations', title: 'Find in All ' + pandora.site.itemName.plural}
{id: 'find', title: Ox._('Find in This ') + pandora.site.itemName.singular},
{id: 'findannotations', title: Ox._('Find in All {0}', pandora.site.itemName.plural)}
] : []
),
maxWidth: 256,
style: 'square',
title: 'edit',
tooltip: 'Editing Options',
tooltip: Ox._('Editing Options'),
type: 'image'
})
.css({float: 'right'})
@ -388,32 +388,32 @@ Ox.AnnotationPanel = function(options, self) {
self.$optionsMenuButton = Ox.MenuButton({
items: [].concat(
[
{id: 'showannotations', title: 'Show Annotations', disabled: true},
{id: 'showannotations', title: Ox._('Show Annotations'), disabled: true},
{group: 'range', min: 1, max: 1, items: [
{id: 'all', title: 'All', checked: self.options.range == 'all'},
{id: 'selection', title: 'In Current Selection', checked: self.options.range == 'selection'},
{id: 'position', title: 'At Current Position', checked: self.options.range == 'position'}
{id: 'all', title: Ox._('All'), checked: self.options.range == 'all'},
{id: 'selection', title: Ox._('In Current Selection'), checked: self.options.range == 'selection'},
{id: 'position', title: Ox._('At Current Position'), checked: self.options.range == 'position'}
]},
{},
{id: 'sortannotations', title: 'Sort Annotations', disabled: true},
{id: 'sortannotations', title: Ox._('Sort Annotations'), disabled: true},
{group: 'sort', min: 1, max: 1, items: [
{id: 'position', title: 'By Position', checked: self.options.sort == 'position'},
{id: 'duration', title: 'By Duration', checked: self.options.sort == 'duration'},
{id: 'text', title: 'By Text', checked: self.options.sort == 'text'}
{id: 'position', title: Ox._('By Position'), checked: self.options.sort == 'position'},
{id: 'duration', title: Ox._('By Duration'), checked: self.options.sort == 'duration'},
{id: 'text', title: Ox._('By Text'), checked: self.options.sort == 'text'}
]}
],
self.options.showFonts ? [
{},
{id: 'fontsize', title: 'Font Size', disabled: true},
{id: 'fontsize', title: Ox._('Font Size'), disabled: true},
{group: 'font', min: 1, max: 1, items: [
{id: 'small', title: 'Small', checked: self.options.font == 'small'},
{id: 'medium', title: 'Medium', checked: self.options.font == 'medium'},
{id: 'large', title: 'Large', checked: self.options.font == 'large'}
{id: 'small', title: Ox._('Small'), checked: self.options.font == 'small'},
{id: 'medium', title: Ox._('Medium'), checked: self.options.font == 'medium'},
{id: 'large', title: Ox._('Large'), checked: self.options.font == 'large'}
]}
] : [],
self.options.showUsers && self.users.length ? [
{},
{id: 'users', title: 'Show Users', disabled: true},
{id: 'users', title: Ox._('Show Users'), disabled: true},
{group: 'users', min: 1, max: -1, items: self.users.map(function(user) {
return {id: user, title: Ox.encodeHTMLEntities(user), checked:
self.enabledUsers == 'all' || self.enabledUsers.indexOf(user) > -1
@ -423,7 +423,7 @@ Ox.AnnotationPanel = function(options, self) {
),
style: 'square',
title: 'set',
tooltip: 'Options',
tooltip: Ox._('Options'),
type: 'image'
})
.css({float: 'left'})

36
source/Ox.UI/js/Video/VideoEditor.js
View file

@ -53,7 +53,7 @@ Ox.VideoEditor = function(options, self) {
annotationsRange: 'all',
annotationsSize: 256,
annotationsSort: 'position',
annotationsTooltip: 'annotations',
annotationstooltip: Ox._('annotations'),
censored: [],
censoredIcon: '',
censoredTooltip: '',
@ -516,17 +516,17 @@ Ox.VideoEditor = function(options, self) {
self.$menuButton = Ox.MenuButton({
items: [].concat(
[
{id: 'size', title: 'Large Player', checked: self.options.videoSize == 'large'},
{id: 'size', title: Ox._('Large Player'), checked: self.options.videoSize == 'large'},
{},
{group: 'resolution', min: 1, max: 1, items: self.resolutions}
],
self.options.subtitles.length ? [
{},
{id: 'subtitles', title: 'Show Subtitles', checked: self.options.enableSubtitles}
{id: 'subtitles', title: Ox._('Show Subtitles'), checked: self.options.enableSubtitles}
] : [],
[
{},
{id: 'timelines', title: 'Timeline', disabled: true},
{id: 'timelines', title: Ox._('Timeline'), disabled: true},
{group: 'timeline', min: 1, max: 1, items: Ox.map(
self.options.timelines,
function(timeline) {
@ -536,25 +536,25 @@ Ox.VideoEditor = function(options, self) {
}
)},
{},
{id: 'downloadVideo', title: 'Download Video...', disabled: !self.options.enableDownload },
{id: 'downloadSelection', title: 'Download Selection...', disabled: !self.options.enableDownload},
{id: 'embedSelection', title: 'Embed Selection...'}
{id: 'downloadVideo', title: Ox._('Download Video...'), disabled: !self.options.enableDownload },
{id: 'downloadSelection', title: Ox._('Download Selection...'), disabled: !self.options.enableDownload},
{id: 'embedSelection', title: Ox._('Embed Selection...')}
],
self.options.enableImport ? [
{},
{id: 'importAnnotations', title: 'Import Annotations...'}
{id: 'importAnnotations', title: Ox._('Import Annotations...')}
] : [],
[
{},
{id: 'gotoPosterFrame', title: 'Go to Poster Frame'},
{id: 'setPosterFrame', title: 'Set Poster Frame', disabled: !self.options.enableSetPosterFrame},
{id: 'gotoPosterFrame', title: Ox._('Go to Poster Frame')},
{id: 'setPosterFrame', title: Ox._('Set Poster Frame'), disabled: !self.options.enableSetPosterFrame},
{},
{id: 'keyboard', title: 'Keyboard Shortcuts...', keyboard: 'h'}
{id: 'keyboard', title: Ox._('Keyboard Shortcuts...'), keyboard: 'h'}
]
),
style: 'square',
title: 'set',
tooltip: 'Options',
tooltip: Ox._('Options'),
type: 'image'
})
.css({float: 'left'})
@ -616,7 +616,7 @@ Ox.VideoEditor = function(options, self) {
disabled: self.options.find === '',
style: 'symbol',
title: 'close',
tooltip: 'Clear',
tooltip: Ox._('Clear'),
type: 'image'
})
.css({float: 'right'})
@ -638,7 +638,7 @@ Ox.VideoEditor = function(options, self) {
autocompleteSelectMax: 10,
autocompleteSelectSubmit: true,
changeOnKeypress: true,
placeholder: 'Find...',
placeholder: Ox._('Find...'),
value: self.options.find,
width: 128
})
@ -657,7 +657,7 @@ Ox.VideoEditor = function(options, self) {
disabled: true,
style: 'symbol',
title: 'arrowRight',
tooltip: 'Next Result',
tooltip: Ox._('Next Result'),
type: 'image'
})
.css({float: 'right'})
@ -672,7 +672,7 @@ Ox.VideoEditor = function(options, self) {
disabled: true,
style: 'symbol',
title: 'arrowLeft',
tooltip: 'Previous Result',
tooltip: Ox._('Previous Result'),
type: 'image'
})
.css({float: 'right'})
@ -1265,13 +1265,13 @@ Ox.VideoEditor = function(options, self) {
function showKeyboardShortcuts() {
var dialog = Ox.Dialog({
buttons: [
Ox.Button({id: 'close', title: 'Close'})
Ox.Button({id: 'close', title: Ox._('Close')})
.bindEvent({click: function() { dialog.close(); }})
],
content: self.$keyboardShortcuts,
height: 384,
keys: {enter: 'close', escape: 'close'},
title: 'Keyboard Shortcuts',
title: Ox._('Keyboard Shortcuts'),
width: 256
}).open();
}

6
source/Ox.UI/js/Video/VideoEditorPlayer.js
View file

@ -142,7 +142,7 @@ Ox.VideoEditorPlayer = function(options, self) {
self.$playInToOutButton = Ox.Button({
id: self.options.id + 'PlayInToOut',
title: 'PlayInToOut',
tooltip: 'Play In to Out',
tooltip: Ox._('Play In to Out'),
type: 'image'
})
.bindEvent('click', function() {
@ -173,7 +173,7 @@ Ox.VideoEditorPlayer = function(options, self) {
self.$goToPointButton = Ox.Button({
id: self.options.id + 'GoTo' + Ox.toTitleCase(self.options.type),
title: 'GoTo' + Ox.toTitleCase(self.options.type),
tooltip: 'Go to ' + Ox.toTitleCase(self.options.type) + ' Point',
tooltip: Ox._('Go to ' + Ox.toTitleCase(self.options.type) + ' Point'),
type: 'image'
})
.bindEvent('click', goToPoint)
@ -181,7 +181,7 @@ Ox.VideoEditorPlayer = function(options, self) {
self.$setPointButton = Ox.Button({
id: self.options.id + 'Set' + Ox.toTitleCase(self.options.type),
title: 'Set' + Ox.toTitleCase(self.options.type),
tooltip: 'Set ' + Ox.toTitleCase(self.options.type) + ' Point',
tooltip: Ox._('Set ' + Ox.toTitleCase(self.options.type) + ' Point'),
type: 'image'
})
.bindEvent('click', setPoint)

48
source/Ox.UI/js/Video/VideoPlayer.js
View file

@ -625,7 +625,7 @@ Ox.VideoPlayer = function(options, self) {
self.$closeButton = Ox.Button({
style: 'video',
title: 'close',
tooltip: 'Close',
tooltip: Ox._('Close'),
type: 'image'
})
.bindEvent({
@ -640,7 +640,7 @@ Ox.VideoPlayer = function(options, self) {
self.$findButton = Ox.Button({
style: 'video',
title: 'find',
tooltip: 'Find',
tooltip: Ox._('Find'),
type: 'image'
})
.bindEvent({
@ -652,7 +652,7 @@ Ox.VideoPlayer = function(options, self) {
self.$fullscreenButton = Ox.Button({
style: 'video',
tooltip: ['Enter Fullscreen', 'Exit Fullscreen'],
tooltip: [Ox._('Enter Fullscreen'), Ox._('Exit Fullscreen')],
type: 'image',
value: self.options.fullscreen ? 'shrink' : 'grow',
values: ['grow', 'shrink']
@ -669,7 +669,7 @@ Ox.VideoPlayer = function(options, self) {
self.$setButton = Ox.Button({
style: 'video',
title: 'goTo' + Ox.toTitleCase(self.options.type),
tooltip: 'Go to ' + Ox.toTitleCase(self.options.type) + ' Point',
tooltip: Ox._('Go to ' + Ox.toTitleCase(self.options.type) + ' Point'),
type: 'image'
})
.bindEvent({
@ -681,7 +681,7 @@ Ox.VideoPlayer = function(options, self) {
self.$muteButton = Ox.Button({
style: 'video',
tooltip: ['Mute', 'Unmute'],
tooltip: [Ox._('Mute'), Ox._('Unmute')],
type: 'image',
value: self.options.muted ? 'unmute' : 'mute',
values: ['mute', 'unmute']
@ -698,7 +698,7 @@ Ox.VideoPlayer = function(options, self) {
self.$nextClipButton = Ox.Button({
style: 'video',
title: 'arrowRight',
tooltip: 'Next',
tooltip: Ox._('Next'),
type: 'image'
})
.bindEvent({
@ -728,7 +728,7 @@ Ox.VideoPlayer = function(options, self) {
self.$playButton = Ox.Button({
style: 'video',
// FIXME: this is retarded, fix Ox.Button
tooltip: ['Play', 'Pause'],
tooltip: [Ox._('Play'), Ox._('Pause')],
type: 'image',
value: self.options.paused ? 'play' : 'pause',
values: ['play', 'pause']
@ -745,7 +745,7 @@ Ox.VideoPlayer = function(options, self) {
self.$playInToOutButton = Ox.Button({
style: 'video',
title: 'playInToOut',
tooltip: 'Play In to Out',
tooltip: Ox._('Play In to Out'),
type: 'image'
})
.bindEvent({
@ -821,7 +821,7 @@ Ox.VideoPlayer = function(options, self) {
self.$previousClipButton = Ox.Button({
style: 'video',
title: 'arrowLeft',
tooltip: 'Previous',
tooltip: Ox._('Previous'),
type: 'image'
})
.bindEvent({
@ -835,7 +835,7 @@ Ox.VideoPlayer = function(options, self) {
self.$scaleButton = Ox.Button({
style: 'video',
tooltip: ['Scale to Fill', 'Scale to Fit'],
tooltip: [Ox._('Scale to Fill'), Ox._('Scale to Fit')],
type: 'image',
value: self.options.scaleToFill ? 'fit' : 'fill',
values: ['fill', 'fit']
@ -850,7 +850,7 @@ Ox.VideoPlayer = function(options, self) {
self.$setButton = Ox.Button({
style: 'video',
title: 'set' + Ox.toTitleCase(self.options.type),
tooltip: 'Set ' + Ox.toTitleCase(self.options.type) + ' Point',
tooltip: Ox._('Set ' + Ox.toTitleCase(self.options.type) + ' Point'),
type: 'image'
})
.bindEvent({
@ -863,7 +863,7 @@ Ox.VideoPlayer = function(options, self) {
self.$settingsButton = Ox.Button({
style: 'video',
title: 'set',
tooltip: 'Settings',
tooltip: Ox._('Settings'),
type: 'image'
})
.bindEvent({
@ -879,7 +879,7 @@ Ox.VideoPlayer = function(options, self) {
self.$sizeButton = Ox.Button({
style: 'video',
tooltip: ['Larger', 'Smaller'],
tooltip: [Ox._('Larger'), Ox._('Smaller')],
type: 'image',
value: self.options.sizeIsLarge ? 'shrink' : 'grow',
values: ['grow', 'shrink']
@ -938,7 +938,7 @@ Ox.VideoPlayer = function(options, self) {
self.$volumeButton = Ox.Button({
style: 'video',
title: getVolumeImage(),
tooltip: 'Volume',
tooltip: Ox._('Volume'),
type: 'image'
})
.bindEvent({
@ -951,7 +951,7 @@ Ox.VideoPlayer = function(options, self) {
self.$zapHomeButton = Ox.Button({
style: 'video',
title: 'up',
tooltip: 'Home Channel',
tooltip: Ox._('Home Channel'),
type: 'image'
})
.bindEvent({
@ -966,7 +966,7 @@ Ox.VideoPlayer = function(options, self) {
self.$zapNextButton = Ox.Button({
style: 'video',
title: 'right',
tooltip: 'Next Channel',
tooltip: Ox._('Next Channel'),
type: 'image'
})
.bindEvent({
@ -981,7 +981,7 @@ Ox.VideoPlayer = function(options, self) {
self.$zapPreviousButton = Ox.Button({
style: 'video',
title: 'left',
tooltip: 'Previous Channel',
tooltip: Ox._('Previous Channel'),
type: 'image'
})
.bindEvent({
@ -1015,7 +1015,7 @@ Ox.VideoPlayer = function(options, self) {
.appendTo(that);
self.$results = Ox.Element({
tooltip: 'Results'
tooltip: Ox._('Results')
})
.addClass('OxResults')
.html('0')
@ -1025,7 +1025,7 @@ Ox.VideoPlayer = function(options, self) {
disabled: true,
style: 'symbol',
title: 'arrowLeft',
tooltip: 'Previous',
tooltip: Ox._('Previous'),
type: 'image'
})
.bindEvent({
@ -1039,7 +1039,7 @@ Ox.VideoPlayer = function(options, self) {
disabled: true,
style: 'symbol',
title: 'arrowRight',
tooltip: 'Next',
tooltip: Ox._('Next'),
type: 'image'
})
.bindEvent({
@ -1074,7 +1074,7 @@ Ox.VideoPlayer = function(options, self) {
disabled: !self.options.find,
style: 'symbol',
title: 'delete',
tooltip: 'Clear',
tooltip: Ox._('Clear'),
type: 'image'
})
.bindEvent({
@ -1096,7 +1096,7 @@ Ox.VideoPlayer = function(options, self) {
self.$hideFindButton = Ox.Button({
style: 'symbol',
title: 'close',
tooltip: 'Hide',
tooltip: Ox._('Hide'),
type: 'image'
})
.bindEvent({
@ -1124,7 +1124,7 @@ Ox.VideoPlayer = function(options, self) {
self.$hideVolumeButton = Ox.Button({
style: 'symbol',
title: 'close',
tooltip: 'Hide',
tooltip: Ox._('Hide'),
type: 'image'
})
.bindEvent({
@ -1134,7 +1134,7 @@ Ox.VideoPlayer = function(options, self) {
self.$muteButton = Ox.Button({
style: 'symbol',
tooltip: ['Mute', 'Unmute'],
tooltip: [Ox._('Mute'), Ox._('Unmute')],
type: 'image',
value: self.options.muted ? 'unmute' : 'mute',
values: ['mute', 'unmute']

10
source/Ox.UI/js/Video/VideoTimelinePlayer.js
View file

@ -97,7 +97,7 @@ Ox.VideoTimelinePlayer = function(options, self) {
],
style: 'square',
title: 'set',
tooltip: 'Options',
tooltip: Ox._('Options'),
type: 'image'
})
.css({float: 'left'})
@ -127,7 +127,7 @@ Ox.VideoTimelinePlayer = function(options, self) {
self.$scrollButton = Ox.Button({
style: 'symbol',
title: 'arrowDown',
tooltip: 'Scroll to Player',
tooltip: Ox._('Scroll to Player'),
type: 'image'
})
.css({float: 'right'})
@ -197,7 +197,7 @@ Ox.VideoTimelinePlayer = function(options, self) {
self.$playButton = Ox.Button({
style: 'symbol',
title: 'play',
tooltip: 'Play',
tooltip: Ox._('Play'),
type: 'image'
})
.css({
@ -213,7 +213,7 @@ Ox.VideoTimelinePlayer = function(options, self) {
self.$muteButton = Ox.Button({
style: 'symbol',
title: self.options.muted ? 'unmute' : 'mute',
tooltip: self.options.muted ? 'Unmute' : 'Mute',
tooltip: self.options.muted ? Ox._('Unmute') : Ox._('Mute'),
type: 'image'
})
.css({float: 'left'})
@ -787,7 +787,7 @@ Ox.VideoTimelinePlayer = function(options, self) {
self.$video.options({muted: self.options.muted});
self.$muteButton.options({
title: self.options.muted ? 'unmute' : 'mute',
tooltip: self.options.muted ? 'Unmute' : 'Mute'
tooltip: self.options.muted ? Ox._('Unmute') : Ox._('Mute')
});
that.triggerEvent('muted', {
muted: self.options.muted