sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

in example pages, allow for setting theme from outside the iframe

Browse source
This commit is contained in:
rolux 2012-04-15 21:13:18 +02:00
commit 0f4d72c1da
14 changed files with 52 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

32
source/Ox.UI/js/Code/Ox.ExamplePage.js
View file

@ -26,7 +26,7 @@ Ox.ExamplePage = function(options, self) {
self.$openButton = Ox.Button({
disabled: self.options.selected == 'source',
title: 'open',
tooltip: 'Open in new tab',
tooltip: 'Open in New Tab',
type: 'image'
})
.css({float: 'right', margin: '4px 4px 4px 2px'})
@ -51,6 +51,25 @@ Ox.ExamplePage = function(options, self) {
})
.appendTo(self.$toolbar);
self.$switchButton = Ox.Button({
disabled: self.options.selected == 'source',
title: 'switch',
tooltip: 'Switch Theme',
type: 'image'
})
.css({float: 'right', margin: '4px 2px 4px 2px'})
.bindEvent({
click: function() {
self.$frame[0].contentWindow.postMessage(
'Ox && Ox.Theme && Ox.Theme('
+ 'Ox.Theme() == "classic" ? "modern" : "classic"'
+ ')',
'*'
);
}
})
.appendTo(self.$toolbar);
self.$tabs = Ox.ButtonGroup({
buttons: [
{
@ -70,9 +89,11 @@ Ox.ExamplePage = function(options, self) {
.css({float: 'right', margin: '4px 2px 4px 2px'})
.bindEvent({
change: function(data) {
var disabled = data.value == 'source';
self.options.selected = data.value;
self.$reloadButton.options({disabled: data.value == 'source'});
self.$openButton.options({disabled: data.value == 'source'});
self.hasUI && self.$switchButton.options({disabled: disabled});
self.$reloadButton.options({disabled: disabled});
self.$openButton.options({disabled: disabled});
self.$content.animate({
marginLeft: data.value == 'source'
? 0 : -self.options.width + 'px'
@ -146,6 +167,11 @@ Ox.ExamplePage = function(options, self) {
})
);
Ox.get(self.options.js, function(js) {
self.hasUI = /Ox\.load\(.+UI.+,/.test(js);
!self.hasUI && self.$switchButton.options({disabled: true});
});
Ox.$window.bind({
resize: function() {
setSize();