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

fix video buttons

Browse source
This commit is contained in:
rolux 2013-01-31 17:28:35 +05:30
parent 788989258a
commit dc8bde4f73
3 changed files with 24 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
source/Ox.UI/css/theme.css
View file

@ -325,7 +325,8 @@ Forms
background-image: -webkit-linear-gradient(top, $buttonDisabledGradient);
color: $buttonDisabledColor;
}
.$themeClass .OxButton.OxSymbol.OxDisabled {
.$themeClass .OxButton.OxSymbol.OxDisabled,
.$themeClass .OxButton.OxVideo.OxDisabled {
background-color: transparent;
background-image: none;
}

7
source/Ox.UI/js/Form/Button.js
View file

@ -10,7 +10,7 @@ Ox.Button <f> Button Object
id <s|''> Element id
overlap <s|'none'> 'none', 'left' or 'right'
selectable <b|false> If true, button is selectable
style <s|'default'> 'default', 'checkbox', 'symbol' or 'tab'
style <s|'default'> 'default', 'checkbox', 'symbol', 'tab' or 'video'
title <s|''> Button title
tooltip <s|[s]|''> Tooltip
type <s|text> 'text' or 'image'
@ -69,7 +69,7 @@ Ox.Button = function(options, self) {
.addClass(
'OxButton Ox' + Ox.toTitleCase(self.options.size)
+ (self.options.disabled ? ' OxDisabled': '')
+ (self.options.selectable && self.options.value ? ' OxSelected': '')
+ (self.options.selectable && self.options.value ? ' OxSelected' : '')
+ (self.options.style != 'default' ? ' Ox' + Ox.toTitleCase(self.options.style) : '')
+ (self.options.overlap != 'none' ? ' OxOverlap' + Ox.toTitleCase(self.options.overlap) : '')
)
@ -145,7 +145,8 @@ Ox.Button = function(options, self) {
src: Ox.UI.getImageURL(
'symbol' + self.options.title[0].toUpperCase()
+ self.options.title.slice(1),
self.options.disabled ? 'disabled'
self.options.style == 'video' ? 'video'
: self.options.disabled ? 'disabled'
: self.options.selectable && self.options.value ? 'selected'
: ''
)

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

@ -601,7 +601,7 @@ Ox.VideoPlayer = function(options, self) {
if (control == 'close') {
self.$closeButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'close',
tooltip: 'Close',
type: 'image'
@ -616,7 +616,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'find') {
self.$findButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'find',
tooltip: 'Find',
type: 'image'
@ -629,7 +629,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'fullscreen') {
self.$fullscreenButton = Ox.Button({
style: 'symbol',
style: 'video',
tooltip: ['Enter Fullscreen', 'Exit Fullscreen'],
type: 'image',
value: self.options.fullscreen ? 'shrink' : 'grow',
@ -645,7 +645,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'goto') {
self.$setButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'goTo' + Ox.toTitleCase(self.options.type),
tooltip: 'Go to ' + Ox.toTitleCase(self.options.type) + ' Point',
type: 'image'
@ -658,7 +658,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'mute') {
self.$muteButton = Ox.Button({
style: 'symbol',
style: 'video',
tooltip: ['Mute', 'Unmute'],
type: 'image',
value: self.options.muted ? 'unmute' : 'mute',
@ -674,7 +674,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'next') {
self.$nextClipButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'arrowRight',
tooltip: 'Next',
type: 'image'
@ -689,7 +689,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'open') {
self.$openButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'arrowRight',
tooltip: self.options.controlsTooltips.open || '',
type: 'image'
@ -704,7 +704,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'play') {
self.$playButton = Ox.Button({
style: 'symbol',
style: 'video',
// FIXME: this is retarded, fix Ox.Button
tooltip: ['Play', 'Pause'],
type: 'image',
@ -721,7 +721,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'playInToOut') {
self.$playInToOutButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'playInToOut',
tooltip: 'Play In to Out',
type: 'image'
@ -799,7 +799,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'previous') {
self.$previousClipButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'arrowLeft',
tooltip: 'Previous',
type: 'image'
@ -814,7 +814,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'scale') {
self.$scaleButton = Ox.Button({
style: 'symbol',
style: 'video',
tooltip: ['Scale to Fill', 'Scale to Fit'],
type: 'image',
value: self.options.scaleToFill ? 'fit' : 'fill',
@ -828,7 +828,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'set') {
self.$setButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'set' + Ox.toTitleCase(self.options.type),
tooltip: 'Set ' + Ox.toTitleCase(self.options.type) + ' Point',
type: 'image'
@ -841,7 +841,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'settings') {
self.$settingsButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'set',
tooltip: 'Settings',
type: 'image'
@ -858,7 +858,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'size') {
self.$sizeButton = Ox.Button({
style: 'symbol',
style: 'video',
tooltip: ['Larger', 'Smaller'],
type: 'image',
value: self.options.sizeIsLarge ? 'shrink' : 'grow',
@ -907,7 +907,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'volume') {
self.$volumeButton = Ox.Button({
style: 'symbol',
style: 'video',
title: getVolumeImage(),
tooltip: 'Volume',
type: 'image'
@ -920,7 +920,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'zapHome') {
self.$zapHomeButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'up',
tooltip: 'Home Channel',
type: 'image'
@ -935,7 +935,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'zapNext') {
self.$zapNextButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'right',
tooltip: 'Next Channel',
type: 'image'
@ -950,7 +950,7 @@ Ox.VideoPlayer = function(options, self) {
} else if (control == 'zapPrevious') {
self.$zapPreviousButton = Ox.Button({
style: 'symbol',
style: 'video',
title: 'left',
tooltip: 'Previous Channel',
type: 'image'