pandora/static/js/api/pandora.js

170 lines
5.3 KiB
JavaScript
Raw Normal View History

/***
Pandora API
***/
2011-04-26 20:57:52 +00:00
Ox.load('UI', {
hideScreen: false,
showScreen: true,
theme: 'oxlight'
2011-04-26 20:57:52 +00:00
}, function() {
var app = new Ox.App({
2012-07-12 17:35:31 +00:00
url: '/api/',
2011-01-22 19:29:56 +00:00
init: 'init',
2011-09-17 17:40:15 +00:00
}).bindEvent('load', function(data) {
2011-05-30 13:46:33 +00:00
app.site = data.site;
app.user = data.user;
2011-07-24 13:32:28 +00:00
app.site.default_info = '<div class="OxSelectable"><h2>Pan.do/ra API Overview</h2>use this api in the browser with <a href="/static/oxjs/demos/doc2/index.html#Ox.App">Ox.app</a> or use <a href="http://code.0x2620.org/pandora_client">pandora_client</a> it in python. Further description of the api can be found <a href="https://wiki.0x2620.org/wiki/pandora/API">on the wiki</a></div>';
app.$body = $('body');
app.$document = $(document);
app.$window = $(window);
//app.$body.html('');
2011-04-26 20:57:52 +00:00
Ox.UI.hideLoadingScreen();
app.$ui = {};
app.$ui.actionList = constructList();
2011-05-28 11:18:28 +00:00
app.$ui.actionInfo = Ox.Container().css({padding: '16px'}).html(app.site.default_info);
2011-01-26 13:25:26 +00:00
app.api.api({docs: true, code: true}, function(results) {
2011-01-14 10:55:05 +00:00
app.actions = results.data.actions;
2012-06-10 18:31:02 +00:00
if (document.location.hash) {
app.$ui.actionList.triggerEvent('select', {
ids: document.location.hash.substring(1).split(',')
});
2010-12-24 13:07:52 +00:00
}
});
2011-01-26 12:12:51 +00:00
var $left = new Ox.SplitPanel({
elements: [
{
2011-01-26 12:28:37 +00:00
element: new Ox.Element().append(new Ox.Element()
2011-05-28 11:18:28 +00:00
.html(app.site.site.name + ' API').css({
2011-01-26 12:28:37 +00:00
'padding': '4px',
})).css({
2011-01-26 12:12:51 +00:00
'background-color': '#ddd',
'font-weight': 'bold',
}),
size: 24
},
{
element: app.$ui.actionList
}
],
orientation: 'vertical'
});
var $main = new Ox.SplitPanel({
elements: [
{
2011-01-26 12:12:51 +00:00
element: $left,
size: 160
},
{
element: app.$ui.actionInfo,
}
],
orientation: 'horizontal'
});
$main.appendTo(app.$body);
});
function constructList() {
2012-06-27 07:41:39 +00:00
return new Ox.TableList({
columns: [
2012-06-27 22:25:41 +00:00
{
align: "left",
id: "name",
operator: "+",
title: "Name",
visible: true,
width: 140
},
],
columnsMovable: false,
columnsRemovable: false,
id: 'actionList',
2011-02-25 10:23:46 +00:00
items: function(data, callback) {
2011-01-22 19:09:02 +00:00
function _sort(a, b) {
2012-06-10 18:31:02 +00:00
return a.name > b.name ? 1 : a.name == b.name ? 0 : -1;
2011-01-22 19:09:02 +00:00
}
if (!data.keys) {
2010-12-24 10:14:13 +00:00
app.api.api(function(results) {
var items = [];
Ox.forEach(results.data.actions, function(v, k) {
2011-09-19 12:29:55 +00:00
items.push({'name': k})
});
2011-01-22 19:09:02 +00:00
items.sort(_sort);
var result = {'data': {'items': items.length}};
callback(result);
});
} else {
2010-12-24 10:14:13 +00:00
app.api.api(function(results) {
var items = [];
Ox.forEach(results.data.actions, function(v, k) {
2011-09-19 12:29:55 +00:00
items.push({'name': k})
});
2011-01-22 19:09:02 +00:00
items.sort(_sort);
var result = {'data': {'items': items}};
callback(result);
});
}
},
2011-01-26 12:12:51 +00:00
scrollbarVisible: true,
2012-06-27 22:25:41 +00:00
sort: [{key: "name", operator: "+"}],
unique: 'name'
}).bindEvent({
2011-09-17 17:40:15 +00:00
select: function(data) {
2010-12-25 10:14:38 +00:00
var info = $('<div>').addClass('OxSelectable'),
2010-12-24 10:31:20 +00:00
hash = '#';
2012-06-10 18:31:02 +00:00
if (data.ids.length)
data.ids.forEach(function(id) {
2012-05-29 12:22:39 +00:00
info.append(
2012-06-10 18:31:02 +00:00
$('<h2>')
2012-05-29 12:22:39 +00:00
.html(id)
.css({
marginBottom: '8px'
})
);
var code = app.actions[id].code[1],
f = app.actions[id].code[0],
line = Math.round(Ox.last(f.split(':')) || 0),
doc = app.actions[id].doc.replace('/\n/<br>\n/g'),
$code, $doc;
$doc = Ox.SyntaxHighlighter({
source: doc,
})
.appendTo(info);
2011-01-26 13:58:13 +00:00
2012-05-29 12:22:39 +00:00
Ox.Button({
title: 'View Source (' + f + ')',
}).bindEvent({
click: function() {
$code.toggle();
}
})
.css({
margin: '4px'
})
.appendTo(info);
$code = Ox.SyntaxHighlighter({
showLineNumbers: true,
source: code,
offset: line
})
.css({
borderWidth: '1px',
}).appendTo(info).hide();
Ox.print(code);
hash += id + ','
2011-01-26 12:12:51 +00:00
});
else
2011-05-28 11:18:28 +00:00
info.html(app.site.default_info);
2011-01-26 12:12:51 +00:00
2012-05-24 09:56:52 +00:00
document.location.hash = hash.slice(0, -1);
app.$ui.actionInfo.html(info);
}
});
}
2011-04-26 20:57:52 +00:00
});