openmedialibrary/static/js/appDialog.js
2016-01-12 11:03:41 +05:30

187 lines
7 KiB
JavaScript

'use strict';
oml.ui.appDialog = function() {
var ui = oml.user.ui,
tabs = Ox.getObjectById(oml.config.pages, 'app').parts.map(function(tab) {
return {
id: tab.id,
title: tab.title.replace(/ Open Media Library$/, ''),
selected: tab.id == ui.part.app
};
}),
$panel = Ox.TabPanel({
content: function(id) {
var $content = Ox.Element(),
$logo = Ox.Element(),
$text = Ox.Element()
.addClass('OxTextPage OxSelectable'),
title = Ox._(Ox.getObjectById(
Ox.getObjectById(oml.config.pages, 'app').parts,
id
).title);
$('<img>')
.attr({
src: '/static/png/oml.png'
})
.css({
position: 'absolute',
left: '16px',
top: '16px',
width: '192px',
height: '192px'
})
.appendTo($logo);
if (id == 'update') {
var titleHTML = '<h1><b>' + title + '</b></h1>'
$content.html(titleHTML);
oml.api.getVersion(function(response) {
if (response.data.update) {
if (response.data.current == 'git') {
$content.html(
titleHTML
+ '<p>'
+ Ox._('A newer version of Open Media Library is available in git.')
+ '</p><p>'
+ Ox._('To update run:')
+ ' <code>./ctl update</code>'
);
} else {
$content.html(
titleHTML
+ '<p>'
+ Ox._('You are running Open Media Library version {0}.', [response.data.current])
+ '</p><p>'
+ Ox._('A newer version is available.')
+ '</p>'
);
Ox.Button({
id: 'update',
title: Ox._('Install Now'),
width: 128
}).bindEvent({
click: function() {
this.options({
disabled: true,
title: Ox._('Installing...')
});
oml.api.restart({update: true},function(response) {
if (response.status.code == 200) {
setTimeout(reload, 500);
}
});
}
}).appendTo($content);
}
} else {
if (response.data.current == 'git') {
$content.html(
titleHTML
+ '<p>'
+ Ox._('You are up to date.')
+ '</p>'
);
} else {
$content.html(
titleHTML
+ '<p>'
+ Ox._('You are running Open Media Library version {0}.', [response.data.current])
+ '</p><p>'
+ Ox._('You are up to date.')
+ '</p>'
);
}
}
});
} else {
$content.html('<h1><b>' + title + '</b></h1>'
+ '<p>The lazy brown fox jumped over the lazy black fox, but other than that not really much happened here since you last checked.');
}
$('<div>')
.css({
position: 'absolute',
left: '16px',
right: '16px',
top: '16px',
overflowY: 'auto'
})
.append($content)
.appendTo($text);
return Ox.SplitPanel({
elements: [
{
element: $logo,
size: 208
},
{
element: $text
}
],
orientation: 'horizontal'
});
},
style: 'squared',
tabs: tabs
})
.bindEvent({
change: function(data) {
oml.UI.set({'part.app': data.selected});
}
}),
that = Ox.Dialog({
buttons: [
Ox.Button({
id: 'close',
title: Ox._('Close')
}).bindEvent({
click: function() {
that.close();
}
})
],
closeButton: true,
content: $panel,
fixedSize: true,
height: 384,
removeOnClose: true,
style: 'squared',
title: 'Open Media Library',
width: 768
})
.bindEvent({
close: function() {
if (ui.page == 'app') {
oml.UI.set({page: ''});
}
},
'oml_part.app': function() {
if (ui.page == 'app') {
that.updateElement();
}
}
});
that.updateElement = function(section) {
$panel.selectTab(section);
};
function reload() {
var ws = new WebSocket('ws:' + document.location.host + '/ws');
ws.onopen = function(event) {
document.location.href = document.location.protocol + '//' + document.location.host;
};
ws.onerror = function(event) {
ws.close();
};
ws.onclose = function(event) {
console.log('waiting...');
setTimeout(reload, 500);
};
}
return that;
};