Ox.UI.getImageURL -> Ox.getImageURL
This commit is contained in:
parent
1000cfe73e
commit
4ea696b451
14 changed files with 36 additions and 36 deletions
|
@ -145,8 +145,8 @@ Ox.DocPage = function(options, self) {
|
||||||
Ox.$('<img>')
|
Ox.$('<img>')
|
||||||
.attr({
|
.attr({
|
||||||
src: isExpanded
|
src: isExpanded
|
||||||
? Ox.UI.getImageURL('symbolDown')
|
? Ox.getImageURL('symbolDown')
|
||||||
: Ox.UI.getImageURL('symbolRight')
|
: Ox.getImageURL('symbolRight')
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
width: '12px',
|
width: '12px',
|
||||||
|
@ -156,11 +156,11 @@ Ox.DocPage = function(options, self) {
|
||||||
.on({
|
.on({
|
||||||
click: function() {
|
click: function() {
|
||||||
var $this = $(this),
|
var $this = $(this),
|
||||||
isExpanded = $this.attr('src') == Ox.UI.getImageURL('symbolRight');
|
isExpanded = $this.attr('src') == Ox.getImageURL('symbolRight');
|
||||||
$this.attr({
|
$this.attr({
|
||||||
src: isExpanded
|
src: isExpanded
|
||||||
? Ox.UI.getImageURL('symbolDown')
|
? Ox.getImageURL('symbolDown')
|
||||||
: Ox.UI.getImageURL('symbolRight')
|
: Ox.getImageURL('symbolRight')
|
||||||
});
|
});
|
||||||
$('.' + className).each(function() {
|
$('.' + className).each(function() {
|
||||||
var $this = $(this), isHidden = false;
|
var $this = $(this), isHidden = false;
|
||||||
|
|
|
@ -197,7 +197,7 @@ Ox.DocPanel = function(options, self) {
|
||||||
self.options.showTooltips ? getTooltip(results) : null
|
self.options.showTooltips ? getTooltip(results) : null
|
||||||
);
|
);
|
||||||
} else if (!Ox.endsWith(id, '/')) {
|
} else if (!Ox.endsWith(id, '/')) {
|
||||||
$icon = $('<img>').attr({src: Ox.UI.getImageURL('symbolCenter')});
|
$icon = $('<img>').attr({src: Ox.getImageURL('symbolCenter')});
|
||||||
}
|
}
|
||||||
return $icon;
|
return $icon;
|
||||||
}
|
}
|
||||||
|
@ -293,7 +293,7 @@ Ox.DocPanel = function(options, self) {
|
||||||
expanded: self.options.expanded,
|
expanded: self.options.expanded,
|
||||||
icon: self.options.showTests
|
icon: self.options.showTests
|
||||||
? getIcon
|
? getIcon
|
||||||
: Ox.UI.getImageURL('symbolCenter'),
|
: Ox.getImageURL('symbolCenter'),
|
||||||
items: treeItems,
|
items: treeItems,
|
||||||
selected: self.options.selected ? [self.options.selected] : '',
|
selected: self.options.selected ? [self.options.selected] : '',
|
||||||
width: self.options.size
|
width: self.options.size
|
||||||
|
|
|
@ -75,7 +75,7 @@ Ox.ExamplePanel = function(options, self) {
|
||||||
});
|
});
|
||||||
self.$list = Ox.TreeList({
|
self.$list = Ox.TreeList({
|
||||||
expanded: true,
|
expanded: true,
|
||||||
icon: Ox.UI.getImageURL('symbolCenter'),
|
icon: Ox.getImageURL('symbolCenter'),
|
||||||
items: treeItems,
|
items: treeItems,
|
||||||
selected: self.options.selected ? [self.options.selected] : [],
|
selected: self.options.selected ? [self.options.selected] : [],
|
||||||
width: self.options.size
|
width: self.options.size
|
||||||
|
|
|
@ -19,7 +19,7 @@ Ox.LoadingIcon = function(options, self) {
|
||||||
.options(options || {})
|
.options(options || {})
|
||||||
.addClass('OxLoadingIcon')
|
.addClass('OxLoadingIcon')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbolLoading',
|
'symbolLoading',
|
||||||
self.options.video ? 'videoIcon' : null
|
self.options.video ? 'videoIcon' : null
|
||||||
)
|
)
|
||||||
|
|
|
@ -99,7 +99,7 @@ Ox.Theme = (function() {
|
||||||
$('.OxColor').each(function() {
|
$('.OxColor').each(function() {
|
||||||
var $element = $(this);
|
var $element = $(this);
|
||||||
if ($element.hasClass('OxColorName')) {
|
if ($element.hasClass('OxColorName')) {
|
||||||
$element.attr({src: Ox.UI.getImageURL(
|
$element.attr({src: Ox.getImageURL(
|
||||||
$element.data('OxImage'), $element.data('OxColor'), theme
|
$element.data('OxImage'), $element.data('OxColor'), theme
|
||||||
)});
|
)});
|
||||||
} else {
|
} else {
|
||||||
|
@ -121,7 +121,7 @@ Ox.Theme = (function() {
|
||||||
var $element = $(this),
|
var $element = $(this),
|
||||||
data = Ox.UI.getImageData($element.attr('src'));
|
data = Ox.UI.getImageData($element.attr('src'));
|
||||||
data && $element.attr({
|
data && $element.attr({
|
||||||
src: Ox.UI.getImageURL(data.name, data.color, theme)
|
src: Ox.getImageURL(data.name, data.color, theme)
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -166,7 +166,7 @@ Ox.Theme = (function() {
|
||||||
that.getColorImage = function(name, value, tooltip) {
|
that.getColorImage = function(name, value, tooltip) {
|
||||||
return (tooltip ? Ox.Element({element: '<img>', tooltip: tooltip}) : $('<img>'))
|
return (tooltip ? Ox.Element({element: '<img>', tooltip: tooltip}) : $('<img>'))
|
||||||
.addClass('OxColor OxColorName')
|
.addClass('OxColor OxColorName')
|
||||||
.attr({src: Ox.UI.getImageURL(name, value)})
|
.attr({src: Ox.getImageURL(name, value)})
|
||||||
.data({OxColor: value, OxImage: name});
|
.data({OxColor: value, OxImage: name});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -152,7 +152,7 @@ Ox.Button = function(options, self) {
|
||||||
function setTitle() {
|
function setTitle() {
|
||||||
if (self.options.type == 'image') {
|
if (self.options.type == 'image') {
|
||||||
that.attr({
|
that.attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + self.options.title[0].toUpperCase()
|
'symbol' + self.options.title[0].toUpperCase()
|
||||||
+ self.options.title.slice(1),
|
+ self.options.title.slice(1),
|
||||||
self.options.style == 'overlay' ? 'overlay' + (
|
self.options.style == 'overlay' ? 'overlay' + (
|
||||||
|
|
|
@ -31,7 +31,7 @@ Ox.FormPanel = function(options, self) {
|
||||||
format: function(value) {
|
format: function(value) {
|
||||||
return $('<img>')
|
return $('<img>')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('symbolCheck')
|
src: Ox.getImageURL('symbolCheck')
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
width: '10px',
|
width: '10px',
|
||||||
|
|
|
@ -253,7 +253,7 @@ Ox.TableList = function(options, self) {
|
||||||
tooltip: self.options.clearButtonTooltip
|
tooltip: self.options.clearButtonTooltip
|
||||||
})
|
})
|
||||||
.addClass('OxClear')
|
.addClass('OxClear')
|
||||||
.attr({src: Ox.UI.getImageURL('symbolClose')})
|
.attr({src: Ox.getImageURL('symbolClose')})
|
||||||
.css(Ox.UI.SCROLLBAR_SIZE == 16 ? {
|
.css(Ox.UI.SCROLLBAR_SIZE == 16 ? {
|
||||||
paddingLeft: '4px',
|
paddingLeft: '4px',
|
||||||
paddingRight: '2px',
|
paddingRight: '2px',
|
||||||
|
@ -467,7 +467,7 @@ Ox.TableList = function(options, self) {
|
||||||
if (column.titleImage) {
|
if (column.titleImage) {
|
||||||
self.$titleImages[i] = $('<img>').
|
self.$titleImages[i] = $('<img>').
|
||||||
attr({
|
attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + Ox.toTitleCase(column.titleImage)
|
'symbol' + Ox.toTitleCase(column.titleImage)
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
@ -478,7 +478,7 @@ Ox.TableList = function(options, self) {
|
||||||
if (column.operator) {
|
if (column.operator) {
|
||||||
self.$orderImages[i] = $('<img>')
|
self.$orderImages[i] = $('<img>')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + (column.operator == '+' ? 'Up' : 'Down'),
|
'symbol' + (column.operator == '+' ? 'Up' : 'Down'),
|
||||||
'selected'
|
'selected'
|
||||||
)
|
)
|
||||||
|
@ -909,7 +909,7 @@ Ox.TableList = function(options, self) {
|
||||||
});
|
});
|
||||||
if (self.visibleColumns[pos].titleImage) {
|
if (self.visibleColumns[pos].titleImage) {
|
||||||
self.$titleImages[pos].attr({
|
self.$titleImages[pos].attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + Ox.toTitleCase(self.visibleColumns[pos].titleImage),
|
'symbol' + Ox.toTitleCase(self.visibleColumns[pos].titleImage),
|
||||||
isSelected ? 'selected' : ''
|
isSelected ? 'selected' : ''
|
||||||
)
|
)
|
||||||
|
@ -952,14 +952,14 @@ Ox.TableList = function(options, self) {
|
||||||
var $element = $(element),
|
var $element = $(element),
|
||||||
data = Ox.UI.getImageData($element.attr('src'));
|
data = Ox.UI.getImageData($element.attr('src'));
|
||||||
if (data && data.color == 'selected') {
|
if (data && data.color == 'selected') {
|
||||||
$element.attr({src: Ox.UI.getImageURL(data.name, 'default')});
|
$element.attr({src: Ox.getImageURL(data.name, 'default')});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
that.$body.find('.OxSelected img').each(function(i, element) {
|
that.$body.find('.OxSelected img').each(function(i, element) {
|
||||||
var $element = $(element),
|
var $element = $(element),
|
||||||
data = Ox.UI.getImageData($element.attr('src'));
|
data = Ox.UI.getImageData($element.attr('src'));
|
||||||
if (data && data.color == 'default') {
|
if (data && data.color == 'default') {
|
||||||
$element.attr({src: Ox.UI.getImageURL(data.name, 'selected')});
|
$element.attr({src: Ox.getImageURL(data.name, 'selected')});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -969,7 +969,7 @@ Ox.TableList = function(options, self) {
|
||||||
pos = getColumnPositionById(id);
|
pos = getColumnPositionById(id);
|
||||||
if (pos > -1) {
|
if (pos > -1) {
|
||||||
self.$orderImages[pos].attr({
|
self.$orderImages[pos].attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + (operator == '+' ? 'Up' : 'Down'),
|
'symbol' + (operator == '+' ? 'Up' : 'Down'),
|
||||||
'selected'
|
'selected'
|
||||||
)
|
)
|
||||||
|
|
|
@ -128,7 +128,7 @@ Ox.TreeList = function(options, self) {
|
||||||
$icon = $('<img>').attr({src: self.options.icon});
|
$icon = $('<img>').attr({src: self.options.icon});
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
$icon = $('<img>').attr({src: Ox.UI.getImageURL(
|
$icon = $('<img>').attr({src: Ox.getImageURL(
|
||||||
'symbol' + (expanded ? 'Down' : 'Right')
|
'symbol' + (expanded ? 'Down' : 'Right')
|
||||||
)});
|
)});
|
||||||
}
|
}
|
||||||
|
|
|
@ -81,7 +81,7 @@ Ox.BlockVideoTimeline = function(options, self) {
|
||||||
|
|
||||||
self.$positionMarker = Ox.$('<img>')
|
self.$positionMarker = Ox.$('<img>')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('markerPosition')
|
src: Ox.getImageURL('markerPosition')
|
||||||
})
|
})
|
||||||
.addClass('OxMarkerPosition')
|
.addClass('OxMarkerPosition')
|
||||||
.appendTo(that);
|
.appendTo(that);
|
||||||
|
@ -94,7 +94,7 @@ Ox.BlockVideoTimeline = function(options, self) {
|
||||||
self.$pointMarker[point] = Ox.$('<img>')
|
self.$pointMarker[point] = Ox.$('<img>')
|
||||||
.addClass('OxMarkerPoint' + titlecase)
|
.addClass('OxMarkerPoint' + titlecase)
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('marker' + titlecase)
|
src: Ox.getImageURL('marker' + titlecase)
|
||||||
})
|
})
|
||||||
.appendTo(that);
|
.appendTo(that);
|
||||||
setPointMarker(point);
|
setPointMarker(point);
|
||||||
|
|
|
@ -98,10 +98,10 @@ Ox.LargeVideoTimeline = function(options, self) {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
var $cut = $('<img>')
|
var $cut = $('<img>')
|
||||||
.addClass('OxCut')
|
.addClass('OxCut')
|
||||||
.attr({src: Ox.UI.getImageURL('markerCut')}),
|
.attr({src: Ox.getImageURL('markerCut')}),
|
||||||
$chapter = $('<img>')
|
$chapter = $('<img>')
|
||||||
.addClass('OxChapter')
|
.addClass('OxChapter')
|
||||||
.attr({src: Ox.UI.getImageURL('markerChapter')}),
|
.attr({src: Ox.getImageURL('markerChapter')}),
|
||||||
chapters = self.options.chapters.slice(1).map(function(chapter) {
|
chapters = self.options.chapters.slice(1).map(function(chapter) {
|
||||||
return chapter.position;
|
return chapter.position;
|
||||||
});
|
});
|
||||||
|
@ -115,7 +115,7 @@ Ox.LargeVideoTimeline = function(options, self) {
|
||||||
|
|
||||||
self.$markerPosition = $('<img>')
|
self.$markerPosition = $('<img>')
|
||||||
.addClass('OxMarkerPosition')
|
.addClass('OxMarkerPosition')
|
||||||
.attr({src: Ox.UI.getImageURL('markerPosition')})
|
.attr({src: Ox.getImageURL('markerPosition')})
|
||||||
.appendTo(that);
|
.appendTo(that);
|
||||||
|
|
||||||
setMarker();
|
setMarker();
|
||||||
|
@ -124,7 +124,7 @@ Ox.LargeVideoTimeline = function(options, self) {
|
||||||
var titlecase = Ox.toTitleCase(point);
|
var titlecase = Ox.toTitleCase(point);
|
||||||
self.$pointMarker[point] = $('<img>')
|
self.$pointMarker[point] = $('<img>')
|
||||||
.addClass('OxMarkerPoint' + titlecase)
|
.addClass('OxMarkerPoint' + titlecase)
|
||||||
.attr({src: Ox.UI.getImageURL('marker' + titlecase)})
|
.attr({src: Ox.getImageURL('marker' + titlecase)})
|
||||||
.appendTo(self.$timeline);
|
.appendTo(self.$timeline);
|
||||||
setPointMarker(point);
|
setPointMarker(point);
|
||||||
});
|
});
|
||||||
|
|
|
@ -127,7 +127,7 @@ Ox.SmallVideoTimeline = function(options, self) {
|
||||||
self.$positionMarker = $('<img>')
|
self.$positionMarker = $('<img>')
|
||||||
.addClass('OxMarkerPosition')
|
.addClass('OxMarkerPosition')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('markerPosition')
|
src: Ox.getImageURL('markerPosition')
|
||||||
})
|
})
|
||||||
.appendTo(that);
|
.appendTo(that);
|
||||||
}
|
}
|
||||||
|
@ -140,7 +140,7 @@ Ox.SmallVideoTimeline = function(options, self) {
|
||||||
self.$pointMarker[point] = $('<img>')
|
self.$pointMarker[point] = $('<img>')
|
||||||
.addClass('OxMarkerPoint' + titlecase)
|
.addClass('OxMarkerPoint' + titlecase)
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('marker' + titlecase)
|
src: Ox.getImageURL('marker' + titlecase)
|
||||||
})
|
})
|
||||||
.appendTo(that);
|
.appendTo(that);
|
||||||
setPointMarker(point);
|
setPointMarker(point);
|
||||||
|
|
|
@ -552,7 +552,7 @@ Ox.VideoPlayer = function(options, self) {
|
||||||
self.$playIcon = $('<img>')
|
self.$playIcon = $('<img>')
|
||||||
.addClass('OxPlayIcon OxVideo')
|
.addClass('OxPlayIcon OxVideo')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('symbol' + (
|
src: Ox.getImageURL('symbol' + (
|
||||||
self.options.paused ? 'Play' : 'Pause'
|
self.options.paused ? 'Play' : 'Pause'
|
||||||
), 'videoIcon')
|
), 'videoIcon')
|
||||||
})
|
})
|
||||||
|
@ -572,7 +572,7 @@ Ox.VideoPlayer = function(options, self) {
|
||||||
})
|
})
|
||||||
.addClass('OxCensoredIcon OxVideo')
|
.addClass('OxCensoredIcon OxVideo')
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + self.options.censoredIcon, 'videoIcon'
|
'symbol' + self.options.censoredIcon, 'videoIcon'
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
@ -609,7 +609,7 @@ Ox.VideoPlayer = function(options, self) {
|
||||||
self.$pointMarker[point][edge] = $('<img>')
|
self.$pointMarker[point][edge] = $('<img>')
|
||||||
.addClass('OxPointMarker OxPointMarker' + titleCase)
|
.addClass('OxPointMarker OxPointMarker' + titleCase)
|
||||||
.attr({
|
.attr({
|
||||||
src: Ox.UI.getImageURL('marker' + titleCase)
|
src: Ox.getImageURL('marker' + titleCase)
|
||||||
})
|
})
|
||||||
.appendTo(self.$videoContainer);
|
.appendTo(self.$videoContainer);
|
||||||
});
|
});
|
||||||
|
@ -2665,7 +2665,7 @@ Ox.VideoPlayer = function(options, self) {
|
||||||
|
|
||||||
function togglePlayIcon() {
|
function togglePlayIcon() {
|
||||||
self.$playIcon.attr({
|
self.$playIcon.attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + (self.options.paused ? 'Play' : 'Pause'
|
'symbol' + (self.options.paused ? 'Play' : 'Pause'
|
||||||
), 'videoIcon')
|
), 'videoIcon')
|
||||||
});
|
});
|
||||||
|
|
|
@ -24,7 +24,7 @@ Ox.VideoPlayerMenu = function(options, self) {
|
||||||
return $item.data().group == group;
|
return $item.data().group == group;
|
||||||
}).forEach(function($item) {
|
}).forEach(function($item) {
|
||||||
$($item.children()[1]).attr({
|
$($item.children()[1]).attr({
|
||||||
src: Ox.UI.getImageURL('symbol' + (
|
src: Ox.getImageURL('symbol' + (
|
||||||
$item.data().id == id ? 'Check' : 'None'
|
$item.data().id == id ? 'Check' : 'None'
|
||||||
))
|
))
|
||||||
});
|
});
|
||||||
|
@ -62,7 +62,7 @@ Ox.VideoPlayerMenu = function(options, self) {
|
||||||
}
|
}
|
||||||
$('<div>').html(item.title).appendTo($item);
|
$('<div>').html(item.title).appendTo($item);
|
||||||
$('<img>').attr({
|
$('<img>').attr({
|
||||||
src: Ox.UI.getImageURL(
|
src: Ox.getImageURL(
|
||||||
'symbol' + (item.checked ? 'Check' : 'None')
|
'symbol' + (item.checked ? 'Check' : 'None')
|
||||||
)
|
)
|
||||||
}).appendTo($item);
|
}).appendTo($item);
|
||||||
|
|
Loading…
Reference in a new issue