js/xataface/modules/htmlreports/schemabrowser.js

Go to the documentation of this file.

/*
 * Xataface htmlreports Module
 * Copyright (C) 2011  Steve Hannah <steve@weblite.ca>
 * 
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Library General Public
 * License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 * 
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Library General Public License for more details.
 * 
 * You should have received a copy of the GNU Library General Public
 * License along with this library; if not, write to the
 * Free Software Foundation, Inc., 51 Franklin St, Fifth Floor,
 * Boston, MA  02110-1301, USA.
 *
 */
 
//require <jquery.packed.js>
//require <jquery.jstree.js>
//require <xatajax.core.js>
//require <xatajax.ui.tk/ToolBar.js>
//require <xatajax.ui.tk/Button.js>
//require <xatajax.ui.tk/ButtonGroup.js>
//require-css <xataface/modules/htmlreports/schemabrowser.css>
//require <xataface/modules/htmlreports/__init__.js>
(function(){
        
        var $ = jQuery;
        var ToolBar = XataJax.ui.tk.ToolBar;
        var Button = XataJax.ui.tk.Button;
        var ButtonGroup = XataJax.ui.tk.ButtonGroup;
        var Component = XataJax.ui.tk.Component;
        
        
        var htmlreports = window.xataface.modules.htmlreports;
        htmlreports.SchemaBrowser = SchemaBrowser;
        
        // We need to set the themes directory for jstree
        $.jstree._themes = XATAFACE_MODULES_HTMLREPORTS_URL+'/css/jstree/themes/';
        
        
        
        function SchemaBrowser(o){
                XataJax.extend(this, new Component(o));
                XataJax.publicAPI(this, {
                        update:update
                });
                //this.setLayout(new BorderLayout());
                $.extend(this, o);
                if ( !this.el ) this.el = document.createElement('div');
                

                
                
                initToolBar(this);
                
                
                init(this);
                
                
                
        
        }
        
        function init(sb){
                $(sb.el).html(sb.template);
                initTree(sb);
                //$('xf-schemabrowser-actions', sb.el).append(sb.toolbar.getElement());
                
                
        }
        
        
        function initToolBar(sb){
        
                sb.toolbar = new ToolBar({});
                
                var g = new ButtonGroup();
                sb.navButtonGroup = g;
                var b = new Button({});
                b.setLabel('Prev');
                b.setIcon('triangle-1-w');
                b.setIconStyle('solo');
                g.add(b);
                //b.setDisabled(false);
                $(b.getElement()).click( function(){
                        var cursor = parseInt(sb.query['-cursor']||0);
                        sb.query['-cursor'] = cursor-1;
                        if ( cursor < 0 ){
                                cursor = 0;
                        }
                        refreshTreePreview(sb, sb.el);
                });
                
                
                
                
                
                sb.prevButton = b;
                
                b = new Button();
                b.setLabel('X/Y');
                
                g.add(b);
                sb.statusButton = b;
                
                
                b = new Button({});
                b.setLabel('Next');
                b.setIcon('triangle-1-e');
                b.setIconStyle('solo');
                
                $(b.getElement()).click( function(){
                        var cursor = parseInt(sb.query['-cursor']||0);
                        sb.query['-cursor'] = cursor+1;
                        if ( cursor < 0 ){
                                cursor = 0;
                        }
                        refreshTreePreview(sb, sb.el);
                });
                
                
                
                g.add(b);
                sb.toolbar.add(g);
                //sb.toolbar.update();
                sb.add(sb.toolbar);
                
                
                
                
                
        }
        
        function initTree(sb){
        
                var q = {
                        '-table': sb.query['-table'],
                        '-action': 'htmlreports_schemabrowser_getschema'
                
                };
                
                $(sb.el)
                        .bind('loaded.jstree', function(event, data){
                                // Now let's load the previews for it
                                
                                initTreePreview(sb, this);
                                initTreeEvents(sb, this);
                        
                        })
                        .jstree({
                        'plugins': ['themes','json_data'],
                        'json_data': {
                                'ajax': {
                                        url: DATAFACE_SITE_HREF,
                                        data: q,
                                        success: function(res){
                                                try {
                                                        if ( res.code == 200 ) return res.schema;
                                                        else if ( res.message ) throw res.message;
                                                        else throw 'Faild to load fields.  See server log for details.';
                                                } catch(e){
                                                        alert(e);
                                                }
                                        }
                                }
                        }
                });
                
                
        }
        
        function initTreeEvents(sb, el){
        
                $('li a').click(function(event){
                        var a = this;
                        sb.trigger('nodeClicked', {
                                sourceEvent: event,
                                sourceElement: a,
                                sourceBrowser: sb
                        });
                        return false;
                });
        
        
                $('li[xf-htmlreports-macro] a').click(function(event){
                        var a = this;
                        sb.trigger('fieldClicked', {
                                sourceEvent: event,
                                sourceElement: a,
                                sourceBrowser: sb,
                                fieldName: $(a).parent('li').attr('xf-htmlreports-fieldname'),
                                macro: $(a).parent('li').attr('xf-htmlreports-macro')
                        });
                        return false;
                });
        }
        
        function initTreePreview(sb, el){
        
                $('li[xf-htmlreports-macro]', el).append('<span class="xf-preview">...</span>');
                refreshTreePreview(sb,el);
        }
        
        
        function refreshTreePreview(sb, el){
        
                var url = DATAFACE_SITE_HREF;
                var q = {
                        '-table': sb.query['-table'],
                        '-action': 'htmlreports_schemabrowser_preview_row',
                        '-cursor': sb.query['-cursor'] || 0
                };
                $.get(url, q, function(res){
                        try {
                                if ( res.code == 200 ){
                                        var values = res.values;
                                        sb.previewValues = values;
                                        $('li[xf-htmlreports-macro]', el).each(function(){
                                                var macro = $(this).attr('xf-htmlreports-macro');
                                                if ( typeof(values[macro]) != 'undefined' ){
                                                        $('span.xf-preview', this).html(createPreview(values[macro]));
                                                } else {
                                                        $('span.xf-preview', this).text('');
                                                }
                                        });
                                        sb.statusButton.setLabel("Now Showing Record #"+(parseInt(sb.query['-cursor']||0)+1));
                                } else if ( res.message ){
                                        throw res.message;
                                } else {
                                        throw 'Failed to load preview.  See server error log for details.';
                                }
                        } catch (e){
                                alert(e);
                        }
                });
        }
        
        function createPreview(val){
                if ( val == null ) return '';
                val = (''+val).replace(/<[^>]+>/, '');
                var sval = val.substring(0,20);
                if ( sval.length < val.length ) sval +='...';
                return sval;
        }
        
        
        function update(){
        

                this.getSuper(Component).update();
                var el = this.getElement();
                $(el).html('');
                $.each(this.getChildComponents(), function(){
                        $(el).append(this.getElement());
                });
        
                $(el).append(this.el);
                
                
                
        }
        
        SchemaBrowser.prototype = {
        
                template:  @@(xataface/modules/htmlreports/schemabrowser/template.html),
                query: null,
                el: null,
                toolbar: null
        };
        
})();