bee_api 0.0.5

data/vendor/jsoneditor/css/jsoneditor.css

@@ -0,0 +1,220 @@
+
+.jsoneditor .field,
+.jsoneditor .value,
+.jsoneditor .readonly {
+    border: 1px solid transparent;
+    min-height: 16px;
+    min-width: 32px;
+    padding: 2px;
+    margin: 1px;
+    word-wrap: break-word;
+    float: left;
+}
+
+/* adjust margin of p elements inside editable divs, needed for Opera, IE */
+.jsoneditor .field p,
+.jsoneditor .value p {
+    margin: 0;
+}
+
+.jsoneditor .value {
+    word-break: break-word;
+}
+
+.jsoneditor .readonly {
+    min-width: 16px;
+    color: gray;
+}
+
+.jsoneditor .empty {
+    border-color: lightgray;
+    border-style: dashed;
+    border-radius: 2px;
+}
+
+.jsoneditor .field.empty {
+    background-image: url('img/jsoneditor-icons.png');
+    background-position: 0 -144px;
+}
+
+.jsoneditor .value.empty {
+    background-image: url('img/jsoneditor-icons.png');
+    background-position: -48px -144px;
+}
+
+.jsoneditor .value.url {
+    color: green;
+    text-decoration: underline;
+}
+
+.jsoneditor a.value.url:hover,
+.jsoneditor a.value.url:focus {
+    color: red;
+}
+
+.jsoneditor .separator {
+    padding: 3px 0;
+    vertical-align: top;
+    color: gray;
+}
+
+.jsoneditor .field[contenteditable=true]:focus,
+.jsoneditor .field[contenteditable=true]:hover,
+.jsoneditor .value[contenteditable=true]:focus,
+.jsoneditor .value[contenteditable=true]:hover,
+.jsoneditor .field.highlight,
+.jsoneditor .value.highlight {
+    background-color: #FFFFAB;
+    border: 1px solid yellow;
+    border-radius: 2px;
+}
+
+.jsoneditor .field.highlight-active,
+.jsoneditor .field.highlight-active:focus,
+.jsoneditor .field.highlight-active:hover,
+.jsoneditor .value.highlight-active,
+.jsoneditor .value.highlight-active:focus,
+.jsoneditor .value.highlight-active:hover {
+    background-color: #ffee00;
+    border: 1px solid #ffc700;
+    border-radius: 2px;
+}
+
+.jsoneditor button {
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    margin: 0;
+    border: none;
+    cursor: pointer;
+    background: transparent url('img/jsoneditor-icons.png');
+}
+
+.jsoneditor button.collapsed {
+    background-position: 0 -48px;
+}
+
+.jsoneditor button.expanded {
+    background-position: 0 -72px;
+}
+
+.jsoneditor button.contextmenu {
+    background-position: -48px -72px;
+}
+
+.jsoneditor button.contextmenu:hover,
+.jsoneditor button.contextmenu:focus,
+.jsoneditor button.contextmenu.selected {
+    background-position: -48px -48px;
+}
+
+.jsoneditor div.content *:focus {
+    outline: none;
+}
+
+.jsoneditor div.content button:focus {
+    /* TODO: nice outline for buttons with focus
+    outline: #97B0F8 solid 2px;
+    box-shadow: 0 0 8px #97B0F8;
+    */
+    background-color: #f5f5f5;
+    outline: #e5e5e5 solid 1px;
+}
+
+.jsoneditor button.invisible {
+    visibility: hidden;
+    background: none;
+}
+
+div.jsoneditor {
+    color: #1A1A1A;
+    border: 1px solid #97B0F8;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    position: relative;
+    padding: 0;
+}
+
+.jsoneditor table.content {
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+    margin: 0;
+}
+
+.jsoneditor div.outer {
+    width: 100%;
+    height: 100%;
+    margin: -35px 0 0 0;
+    padding: 35px 0 0 0;
+
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+
+    overflow: hidden;
+}
+
+.jsoneditor div.content {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: auto;
+}
+
+.jsoneditor textarea.content {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+
+    border: none;
+    background-color: white;
+    resize: none;
+}
+
+.jsoneditor tr.highlight {
+    background-color: #FFFFAB;
+}
+
+.jsoneditor button.dragarea {
+    background: url('img/jsoneditor-icons.png') -72px -72px;
+    cursor: move;
+}
+
+.jsoneditor button.dragarea:hover,
+.jsoneditor button.dragarea:focus {
+    background-position: -72px -48px;
+}
+
+.jsoneditor tr,
+.jsoneditor th,
+.jsoneditor td {
+    padding: 0;
+    margin: 0;
+}
+
+.jsoneditor td {
+    vertical-align: top;
+}
+
+.jsoneditor td.tree {
+    vertical-align: top;
+}
+
+.jsoneditor .field,
+.jsoneditor .value,
+.jsoneditor td,
+.jsoneditor th,
+.jsoneditor textarea {
+    font-family: droid sans mono, monospace, courier new, courier, sans-serif;
+    font-size: 10pt;
+    color: #1A1A1A;
+}

data/vendor/jsoneditor/css/menu.css

@@ -0,0 +1,81 @@
+
+.jsoneditor .menu {
+    width: 100%;
+    height: 35px;
+    padding: 2px;
+    margin: 0;
+    overflow: hidden;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+
+    color: #1A1A1A;
+    background-color: #D5DDF6;
+    border-bottom: 1px solid #97B0F8;
+}
+
+.jsoneditor .menu button {
+    width: 26px;
+    height: 26px;
+    margin: 2px;
+    padding: 2px;
+    border-radius: 2px;
+    border: 1px solid #aec0f8;
+    background: #e3eaf6 url('img/jsoneditor-icons.png');
+}
+
+.jsoneditor .menu button:hover {
+    background-color: #f0f2f5;
+}
+.jsoneditor .menu button:active {
+    background-color: #ffffff;
+}
+.jsoneditor .menu button:disabled {
+    background-color: #e3eaf6;
+}
+
+.jsoneditor .menu button.collapse-all {
+    background-position: 0 -96px;
+}
+.jsoneditor .menu button.expand-all {
+    background-position: 0 -120px;
+}
+.jsoneditor .menu button.undo {
+    background-position: -24px -96px;
+}
+.jsoneditor .menu button.undo:disabled {
+    background-position: -24px -120px;
+}
+.jsoneditor .menu button.redo {
+    background-position: -48px -96px;
+}
+.jsoneditor .menu button.redo:disabled {
+    background-position: -48px -120px;
+}
+.jsoneditor .menu button.compact {
+    background-position: -72px -96px;
+}
+.jsoneditor .menu button.format {
+    background-position: -72px -120px;
+}
+
+.jsoneditor .menu a {
+    font-family: arial, sans-serif;
+    font-size: 10pt;
+    color: #97B0F8;
+    vertical-align: middle;
+}
+
+.jsoneditor .menu a:hover {
+    color: red;
+}
+
+.jsoneditor .menu a.poweredBy {
+    font-size: 8pt;
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: 10px;
+}
+
+/* TODO: css for button:disabled is not supported by IE8 */

data/vendor/jsoneditor/css/searchbox.css

@@ -0,0 +1,73 @@
+
+.jsoneditor .search input,
+.jsoneditor .search .results {
+    font-family: arial, sans-serif;
+    font-size: 10pt;
+    color: #1A1A1A;
+}
+
+.jsoneditor .search {
+    position: absolute;
+    right: 2px;
+    top: 2px;
+}
+
+.jsoneditor .search .frame {
+    border: 1px solid #97B0F8;
+    background-color: white;
+    padding: 0 2px;
+    margin: 0;
+}
+
+.jsoneditor .search .frame table {
+    border-collapse: collapse;
+}
+
+.jsoneditor .search input {
+    width: 120px;
+    border: none;
+    outline: none;
+    margin: 1px;
+}
+
+.jsoneditor .search .results {
+    color: #4d4d4d;
+    padding-right: 5px;
+    line-height: 24px;
+}
+
+.jsoneditor .search button {
+    width: 16px;
+    height: 24px;
+    padding: 0;
+    margin: 0;
+    border: none;
+    background: url('img/jsoneditor-icons.png');
+    vertical-align: top;
+}
+
+.jsoneditor .search button:hover {
+    background-color: transparent;
+}
+
+.jsoneditor .search button.refresh {
+    width: 18px;
+    background-position: -99px -73px;
+}
+
+.jsoneditor .search button.next {
+    cursor: pointer;
+    background-position: -124px -73px;
+}
+.jsoneditor .search button.next:hover {
+    background-position: -124px -49px;
+}
+
+.jsoneditor .search button.previous {
+    cursor: pointer;
+    background-position: -148px -73px;
+    margin-right: 2px;
+}
+.jsoneditor .search button.previous:hover {
+    background-position: -148px -49px;
+}

data/vendor/jsoneditor/js/appendnode.js

@@ -0,0 +1,211 @@
+/**
+ * @constructor AppendNode
+ * @extends Node
+ * @param {TreeEditor} editor
+ * Create a new AppendNode. This is a special node which is created at the
+ * end of the list with childs for an object or array
+ */
+function AppendNode (editor) {
+    /** @type {TreeEditor} */
+    this.editor = editor;
+    this.dom = {};
+}
+
+AppendNode.prototype = new Node();
+
+/**
+ * Return a table row with an append button.
+ * @return {Element} dom   TR element
+ */
+AppendNode.prototype.getDom = function () {
+    // TODO: implement a new solution for the append node
+    var dom = this.dom;
+
+    if (dom.tr) {
+        return dom.tr;
+    }
+
+    // a row for the append button
+    var trAppend = document.createElement('tr');
+    trAppend.node = this;
+    dom.tr = trAppend;
+
+    // TODO: consistent naming
+
+    if (this.editor.mode.edit) {
+        // a cell for the dragarea column
+        dom.tdDrag = document.createElement('td');
+
+        // create context menu
+        var tdMenu = document.createElement('td');
+        dom.tdMenu = tdMenu;
+        var menu = document.createElement('button');
+        menu.className = 'contextmenu';
+        menu.title = 'Click to open the actions menu (Ctrl+M)';
+        dom.menu = menu;
+        tdMenu.appendChild(dom.menu);
+    }
+
+    // a cell for the contents (showing text 'empty')
+    var tdAppend = document.createElement('td');
+    var domText = document.createElement('div');
+    domText.innerHTML = '(empty)';
+    domText.className = 'readonly';
+    tdAppend.appendChild(domText);
+    dom.td = tdAppend;
+    dom.text = domText;
+
+    this.updateDom();
+
+    return trAppend;
+};
+
+/**
+ * Update the HTML dom of the Node
+ */
+AppendNode.prototype.updateDom = function () {
+    var dom = this.dom;
+    var tdAppend = dom.td;
+    if (tdAppend) {
+        tdAppend.style.paddingLeft = (this.getLevel() * 24 + 26) + 'px';
+        // TODO: not so nice hard coded offset
+    }
+
+    var domText = dom.text;
+    if (domText) {
+        domText.innerHTML = '(empty ' + this.parent.type + ')';
+    }
+
+    // attach or detach the contents of the append node:
+    // hide when the parent has childs, show when the parent has no childs
+    var trAppend = dom.tr;
+    if (!this.isVisible()) {
+        if (dom.tr.firstChild) {
+            if (dom.tdDrag) {
+                trAppend.removeChild(dom.tdDrag);
+            }
+            if (dom.tdMenu) {
+                trAppend.removeChild(dom.tdMenu);
+            }
+            trAppend.removeChild(tdAppend);
+        }
+    }
+    else {
+        if (!dom.tr.firstChild) {
+            if (dom.tdDrag) {
+                trAppend.appendChild(dom.tdDrag);
+            }
+            if (dom.tdMenu) {
+                trAppend.appendChild(dom.tdMenu);
+            }
+            trAppend.appendChild(tdAppend);
+        }
+    }
+};
+
+/**
+ * Check whether the AppendNode is currently visible.
+ * the AppendNode is visible when its parent has no childs (i.e. is empty).
+ * @return {boolean} isVisible
+ */
+AppendNode.prototype.isVisible = function () {
+    return (this.parent.childs.length == 0);
+};
+
+/**
+ * Show a contextmenu for this node
+ * @param {HTMLElement} anchor   The element to attach the menu to.
+ * @param {function} [onClose]   Callback method called when the context menu
+ *                               is being closed.
+ */
+AppendNode.prototype.showContextMenu = function (anchor, onClose) {
+    var node = this;
+    var titles = Node.TYPE_TITLES;
+    var items = [
+        // create append button
+        {
+            'text': 'Append',
+            'title': 'Append a new field with type \'auto\' (Ctrl+Shift+Ins)',
+            'submenuTitle': 'Select the type of the field to be appended',
+            'className': 'insert',
+            'click': function () {
+                node._onAppend('', '', 'auto');
+            },
+            'submenu': [
+                {
+                    'text': 'Auto',
+                    'className': 'type-auto',
+                    'title': titles.auto,
+                    'click': function () {
+                        node._onAppend('', '', 'auto');
+                    }
+                },
+                {
+                    'text': 'Array',
+                    'className': 'type-array',
+                    'title': titles.array,
+                    'click': function () {
+                        node._onAppend('', []);
+                    }
+                },
+                {
+                    'text': 'Object',
+                    'className': 'type-object',
+                    'title': titles.object,
+                    'click': function () {
+                        node._onAppend('', {});
+                    }
+                },
+                {
+                    'text': 'String',
+                    'className': 'type-string',
+                    'title': titles.string,
+                    'click': function () {
+                        node._onAppend('', '', 'string');
+                    }
+                }
+            ]
+        }
+    ];
+
+    var menu = new ContextMenu(items, {close: onClose});
+    menu.show(anchor);
+};
+
+/**
+ * Handle an event. The event is catched centrally by the editor
+ * @param {Event} event
+ */
+AppendNode.prototype.onEvent = function (event) {
+    var type = event.type;
+    var target = event.target || event.srcElement;
+    var dom = this.dom;
+
+    // highlight the append nodes parent
+    var menu = dom.menu;
+    if (target == menu) {
+        if (type == 'mouseover') {
+            this.editor.highlighter.highlight(this.parent);
+        }
+        else if (type == 'mouseout') {
+            this.editor.highlighter.unhighlight();
+        }
+    }
+
+    // context menu events
+    if (type == 'click' && target == dom.menu) {
+        var highlighter = this.editor.highlighter;
+        highlighter.highlight(this.parent);
+        highlighter.lock();
+        util.addClassName(dom.menu, 'selected');
+        this.showContextMenu(dom.menu, function () {
+            util.removeClassName(dom.menu, 'selected');
+            highlighter.unlock();
+            highlighter.unhighlight();
+        });
+    }
+
+    if (type == 'keydown') {
+        this.onKeyDown(event);
+    }
+};