From ea6c5529a26fe377144f72c6f8ebe3e1c2286c83 Mon Sep 17 00:00:00 2001
From: j <0x006A@0x2620.org>
Date: Wed, 26 Jan 2011 17:42:51 +0530
Subject: [PATCH] use scrollbarVisible for api view
---
static/js/pandora.api.js | 34 ++++++++++++++++++++++++++--------
1 file changed, 26 insertions(+), 8 deletions(-)
diff --git a/static/js/pandora.api.js b/static/js/pandora.api.js
index 4e3c43c6..9c2ee66b 100755
--- a/static/js/pandora.api.js
+++ b/static/js/pandora.api.js
@@ -1,19 +1,17 @@
/***
Pandora API
***/
-
var app = new Ox.App({
apiURL: '/api/',
init: 'init',
}).launch(function(data) {
- Ox.print('data', data)
app.config = data.config;
app.user = data.user;
if (app.user.group == 'guest') {
app.user = data.config.user;
$.browser.safari && Ox.theme('modern');
}
-
+ app.config.default_info = '
Overview
use this api in the browser with Ox.app or use
pandora_client to use it in python
';
app.$body = $('body');
app.$document = $(document);
app.$window = $(window);
@@ -21,7 +19,7 @@ var app = new Ox.App({
app.$ui = {};
app.$ui.actionList = constructList();
- app.$ui.actionInfo = Ox.Container().css({padding: '8px'});
+ app.$ui.actionInfo = Ox.Container().css({padding: '16px'}).html(app.config.default_info);
app.api.api({docs: true}, function(results) {
app.actions = results.data.actions;
@@ -31,11 +29,26 @@ var app = new Ox.App({
}
});
- app.$ui.actionList.$body.css({overflowX: 'hidden', overflowY: 'auto'});
+ var $left = new Ox.SplitPanel({
+ elements: [
+ {
+ element: new Ox.Element().html(app.config.site.name + ' API').css({
+ 'background-color': '#ddd',
+ 'font-weight': 'bold',
+ 'padding': '8px'
+ }),
+ size: 24
+ },
+ {
+ element: app.$ui.actionList
+ }
+ ],
+ orientation: 'vertical'
+ });
var $main = new Ox.SplitPanel({
elements: [
{
- element: app.$ui.actionList,
+ element: $left,
size: 160
},
{
@@ -90,6 +103,7 @@ function constructList() {
});
}
},
+ scrollbarVisible: true,
sort: [
{
key: "name",
@@ -100,12 +114,16 @@ function constructList() {
select: function(event, data) {
var info = $('').addClass('OxSelectable'),
hash = '#';
- $.each(data.ids, function(v, k) {
+ if(data.ids.length)
+ $.each(data.ids, function(v, k) {
console.log(k)
info.append($("
").html(k));
info.append($('').html(app.actions[k]['doc'].replace('/\n/
\n/g')));
hash += k + ','
- });
+ });
+ else
+ info.html(app.config.default_info);
+
document.location.hash = hash.substring(0, hash.length-1);
app.$ui.actionInfo.html(info);
}