added 0.8 port

4 files changed, 501 insertions, 0 deletions

diff --git a/qx08/source/class/tr/ui/ActionButton.js b/qx08/source/class/tr/ui/ActionButton.js
new file mode 100644
index 0000000..5d6eb5d
--- /dev/null
+++ b/qx08/source/class/tr/ui/ActionButton.js
@@ -0,0 +1,196 @@
+/* ************************************************************************
+#module(Tr)
+************************************************************************ */
+
+/**
+ * a widget showing the Tr graph overview
+ */
+
+qx.Class.define('Tr.ui.ActionButton', 
+{
+    extend: qx.ui.Containter.
+
+    /*
+    *****************************************************************************
+       CONSTRUCTOR
+    *****************************************************************************
+    */
+
+    construct: function () {
+        this.base(arguments);
+
+        this.set({
+            height: 'auto',
+            width: 'auto',
+            horizontalChildrenAlign: 'left'
+        });
+        var hbox = new  qx.ui.layout.HorizontalBoxLayout;
+        hbox.set({
+            height: 'auto',
+            width: 'auto',
+            verticalChildrenAlign: 'middle'
+        });
+        var lab1 = new qx.ui.basic.Label(this.tr("Host"));
+        lab1.set({
+            paddingRight: 6
+        });
+        hbox.add(lab1);
+        var host = new qx.ui.form.TextField();
+        host.set({
+            width: 200,
+            height: 'auto',
+            border: 'dark-shadow',
+            padding: 1
+        });
+        hbox.add(host);
+        this.__host = host;
+        var lab2 = new qx.ui.basic.Label(this.tr("Delay"));
+        lab2.set({
+            paddingRight: 6,
+            paddingLeft: 12
+        });
+        hbox.add(lab2);
+        var delay = new qx.ui.form.Spinner(1,2,60);
+        delay.set({
+            border: 'dark-shadow',
+            width: 45
+        });
+        hbox.add(delay);
+        this.__delay = delay;
+
+        var lab3 = new qx.ui.basic.Label(this.tr("Rounds"));
+        lab3.set({
+            paddingRight: 6,
+            paddingLeft: 12
+        });
+        hbox.add(lab3);
+        var rounds = new qx.ui.form.Spinner(1,20,200);
+        rounds.set({
+            border: 'dark-shadow',
+            width: 45
+        });
+        hbox.add(rounds);
+        this.__rounds = rounds;
+
+        var button = new qx.ui.form.Button('');
+        this.__button = button;
+		button.set({
+            marginLeft: 10,
+            width: 60,
+            height: 'auto',
+            border: 'dark-shadow',
+            padding: 2
+        });
+        hbox.add(button);
+        this.add(hbox);
+        var info = new qx.ui.basic.Atom();
+        info.set({
+            marginTop: 3,
+            padding: 3,
+            textColor: 'red',
+            width: '100%',
+            height: 'auto',
+            backgroundColor: '#f0f0f0',
+            visibility: false
+        });        
+   		qx.event.message.Bus.subscribe('tr.info',this.__set_info,this);
+        this.add(info);
+        this.__info = info;
+
+   		qx.event.message.Bus.subscribe('tr.status',this.__set_status,this);
+        qx.event.message.Bus.dispatch('tr.status','stopped');
+    
+        var start_trace = function(event) {            
+            qx.event.message.Bus.dispatch('tr.cmd',{
+                    action: button.getUserData('action'),
+                    host:   host.getValue(),
+                    delay:  delay.getValue(),
+                    rounds: rounds.getValue()
+            });
+        };                    
+
+//      var self=this;
+//      host.addEventListener('keyup',function(e){if(e.getKeyIdentifier() == 'Enter'){start_trace()}});
+        host.addEventListener('execute',start_trace);
+        button.addEventListener('execute', start_trace );
+
+        var history = qx.client.History.getInstance();
+        var history_action = function(event){
+            var targ = event.getData();
+            host.setValue(targ);
+            history.addToHistory(targ,'SmokeTrace to '+targ);
+            start_trace();           
+        }
+        history.addEventListener('request', history_action);
+
+        // if we got called with a host on the commandline
+        var initial_host = qx.client.History.getInstance().getState();
+        if (initial_host){
+            host.setValue(initial_host);
+            history.addToHistory(initial_host,'SmokeTrace to '+initial_host);        
+            // dispatch this task once all the initializations are done
+            qx.client.Timer.once(start_trace,this,0);
+        }        
+    },
+
+	members: {
+        __set_info: function(e){
+            this.__info.set({
+                label: e.getData(),
+                visibility: true
+            });
+        },
+		__set_status: function(m){
+            var host = this.__host;
+            var rounds = this.__rounds;
+            var delay = this.__delay;
+            with(this.__button){
+                // this.debug(m.getData());
+                switch(m.getData()){
+                case 'starting':
+                    if (getUserData('action') == 'go') {
+                        setLabel(this.tr("Starting"));
+                        this.__info.setVisibility(false);
+                        border: 'dark-shadow'          
+        	    		setEnabled(false);
+                        host.setEnabled(false);
+                        rounds.setEnabled(false);
+                        delay.setEnabled(false);
+                    }
+                    break;
+                case 'stopping':
+                    if (getUserData('action') == 'stop') {
+                        setLabel(this.tr("Stopping"));
+        	    		setEnabled(false);
+                        host.setEnabled(false);
+                        rounds.setEnabled(false);
+                        delay.setEnabled(false);
+                    }
+                    break;
+                case 'stopped':
+                    setUserData('action','go');
+                    setLabel(this.tr("Go"));
+    			    setEnabled(true);                
+                    host.setEnabled(true);
+                    rounds.setEnabled(true);
+                    delay.setEnabled(true);
+                    break;
+                case 'started':
+                    setUserData('action','stop');
+                    setLabel(this.tr("Stop"));
+    			    setEnabled(true);                
+                    host.setEnabled(false);
+                    rounds.setEnabled(false);
+                    delay.setEnabled(false);
+                    break;
+                default:
+                    alert('Unknown Status Message: '+m.getData());
+                }
+            }
+		}
+	}
+	
+
+});
+ 
+ 
diff --git a/qx08/source/class/tr/ui/Cellrenderer.js b/qx08/source/class/tr/ui/Cellrenderer.js
new file mode 100644
index 0000000..f18672d
--- /dev/null
+++ b/qx08/source/class/tr/ui/Cellrenderer.js
@@ -0,0 +1,46 @@
+/* ************************************************************************
+
+   Tr Frontend
+
+   Author:
+     * Tobias Oetiker
+
+************************************************************************ */
+/* ************************************************************************
+#module(Tr)
+************************************************************************ */
+
+/**
+ * A configurable cell renderre
+ */
+
+qx.Class.define('Tr.ui.Cellrenderer', 
+{
+    extend: qx.ui.table.cellrenderer.Number,
+    /**
+    * Format a number with a configurable number of fraction digits
+    * and add optional pre and postfix.
+    * @param digits {Integer} how many digits should there be. Default is 0.
+    * @param prefix {String} optional prefix.
+    * @param postfix {String} optional postfix.
+    */
+
+    construct: function (digits,postfix,prefix) {
+        if (digits == undefined){
+            digits = 0;
+        }
+        this.base(arguments)
+        var format = new qx.util.format.NumberFormat();
+        format.set({
+            maximumFractionDigits: digits,
+            minimumFractionDigits: digits
+        });
+        if (postfix != undefined){
+            format.setPostfix(postfix);
+        }
+        if (prefix != undefined){
+            format.setPrefix(prefix);
+        }            
+        this.setNumberFormat(format);
+    }
+});
diff --git a/qx08/source/class/tr/ui/Footer.js b/qx08/source/class/tr/ui/Footer.js
new file mode 100644
index 0000000..1882043
--- /dev/null
+++ b/qx08/source/class/tr/ui/Footer.js
@@ -0,0 +1,45 @@
+/* ************************************************************************
+#module(Tr)
+************************************************************************ */
+
+/**
+ * a widget showing the footer
+ */
+
+qx.Class.define('Tr.ui.Footer', 
+{
+    extend: qx.ui.layout.HorizontalBoxLayout,        
+
+    /*
+    *****************************************************************************
+       CONSTRUCTOR
+    *****************************************************************************
+    */
+
+    construct: function (text,url) {
+        this.base(arguments);
+        this.set({
+            horizontalChildrenAlign: 'right',
+            height: 'auto'
+        });
+        var logo = new qx.ui.form.Button(text);
+        logo.set({
+            textColor: '#b0b0b0',
+            backgroundColor: null,
+            font: qx.ui.core.Font.fromString('10px sans-serif'),
+            border: null
+        });
+            
+        logo.addEventListener('execute', function(e){
+            var w = new qx.client.NativeWindow(url);
+            w.set({
+                width: 1000,
+                height: 800
+            });
+            w.open()
+        });
+        this.add(logo);
+    }
+});
+ 
+ 
diff --git a/qx08/source/class/tr/ui/TraceTable.js b/qx08/source/class/tr/ui/TraceTable.js
new file mode 100644
index 0000000..446cbad
--- /dev/null
+++ b/qx08/source/class/tr/ui/TraceTable.js
@@ -0,0 +1,214 @@
+/* ************************************************************************
+#module(Tr)
+************************************************************************ */
+
+/**
+ * a widget showing the Tr target tree
+ */
+
+qx.Class.define('Tr.ui.TraceTable', 
+{
+    extend: qx.ui.table.Table,        
+
+    /*
+    *****************************************************************************
+       CONSTRUCTOR
+    *****************************************************************************
+    */
+
+
+    construct: function () {
+       
+        var tableModel = new qx.ui.table.model.Simple();
+        this.__tableModel = tableModel;
+        tableModel.setColumns([ this.tr("Hop"), this.tr("Host"),this.tr("Ip"), 
+                                this.tr("Loss [%]"), this.tr("Sent"), this.tr("Last [ms]"), //"; help syntax highliter
+                                this.tr("Avg [ms]"), this.tr("Best [ms]"), this.tr("Worst [ms]"), this.tr("StDev [ms]") ]);
+        var custom = {
+            tableColumnModel:  function(obj) {
+                return new qx.ui.table.columnmodel.Resize(obj);
+            }
+        };
+        with(this){
+			base(arguments,tableModel,custom);
+            set({
+                width: '100%',
+                height: '1*',
+                border: 'dark-shadow',
+                showCellFocusIndicator: false,
+                statusBarVisible: false
+			});
+        };
+      	var tcm = this.getTableColumnModel();
+        this.__tcm = tcm;
+
+        tcm.setDataCellRenderer(0, new Tr.ui.Cellrenderer(1));
+        tcm.setDataCellRenderer(3, new Tr.ui.Cellrenderer(0,' %'));
+        tcm.setDataCellRenderer(4, new Tr.ui.Cellrenderer(0));
+        
+        var render_ms = new Tr.ui.Cellrenderer(1);
+
+        for (var i=5;i<10;i++){
+            tcm.setDataCellRenderer(i, render_ms);
+        }
+        
+
+        // Obtain the behavior object to manipulate
+        var resizeBehavior = tcm.getBehavior();
+        // This uses the set() method to set all attriutes at once; uses flex
+        resizeBehavior.set(0, { width:"2*"});
+        resizeBehavior.set(1, { width:"9*"});
+        resizeBehavior.set(2, { width:"5*"});
+
+        for (var i=3;i<10;i++){
+            resizeBehavior.set(i, { width:"3*"});
+        }
+        qx.event.message.Bus.subscribe('tr.cmd',this.__handle_tr,this);
+    },
+
+    /*
+    *****************************************************************************
+     Statics
+    *****************************************************************************
+    */
+	members: {
+        __make_empty_row: function (){            
+            return ([undefined,undefined,undefined,0,0,undefined,undefined,undefined,undefined,undefined,0,0,0]);
+        },
+        __stop_table: function (){
+            var tableModel = this.__tableModel;
+            for (var i=0;i<10;i++){
+                tableModel.setColumnSortable(i,true);
+            }
+            qx.event.message.Bus.dispatch('tr.status','stopped');
+            this.__handle = undefined;
+        },
+        __handle_tr: function(m){
+            var self = this;
+            var f_hop = 0,f_host=1,f_ip=2,f_loss=3,f_snt=4,f_last=5,f_avg=6,f_best=7,f_worst=8,f_stdev=9,f_cnt=10,f_sum=11,f_sqsum=12;
+            var fill_table;
+            fill_table = function(retval,exc,id){
+                if (exc == null){ 
+                    if ( self.__handle == undefined ) {
+                        qx.event.message.Bus.dispatch('tr.status','started');
+                    }
+                    self.__handle = retval['handle'];
+                    var tableModel = self.__tableModel;
+                    var lines = retval['output'].length;
+                    var data = self.__data;
+                    var sleep = 0;
+                    for(var i=0;i<lines;i++){
+                        sleep = 0;
+                        var hop = retval['output'][i][0];
+                        if (hop == 'SLEEP'){
+                            sleep = retval['output'][i][1];
+                            continue;                            
+                        } 
+                        else if (hop == 'INFO'){
+                            qx.event.message.Bus.dispatch('tr.info',retval['output'][i][1]);
+                            continue;
+                        }                        
+                        var host = retval['output'][i][1];
+                        var ip = retval['output'][i][2];
+                        var value = retval['output'][i][3];
+                        var ii = 0;
+                        var max = data.length;
+                        while (true){
+                            if ( ii == max ) break;
+                            if ( Math.floor(data[ii][0]) > hop) break;
+                            if ( Math.floor(data[ii][0]) == hop ){
+                                if ( ip == undefined ) break;
+                                if ( ip == data[ii][2] ) break;
+                            }
+                            ii++;
+                        }
+                        if (ii == max || Math.floor(data[ii][0]) > hop ){
+                            if (ii > 0 &&  Math.floor(data[ii-1][0]) == hop ){
+                                hop = data[ii-1][0] + 0.1;                                
+                            }
+                            data.splice(ii,0,self.__make_empty_row());
+                            data[ii][0] = hop;
+                        }
+
+                        var drow = data[ii];
+                        if (drow[f_host] == undefined && host != undefined){
+                            drow[f_host] = host;
+                        }
+                        if (drow[f_ip] == undefined && ip != undefined){
+                            drow[f_ip] = ip;
+                        }
+                        drow[f_snt]++;
+                        drow[f_last] = value;
+                                
+
+                        if (value != undefined){
+                            var best = drow[f_best];
+                            if (best == undefined || best > value){
+                                drow[f_best] = value;     
+                           }
+                            var worst = drow[f_worst]; 
+                            if (worst == undefined || worst < value){
+                                drow[f_worst] = value;     
+                            }
+                            drow[f_sum] += value;                            
+                            var sum = drow[f_sum];
+                            drow[f_cnt] ++;
+                            var cnt = drow[f_cnt];
+                            var sqsum =  drow[f_sqsum]+value*value;
+                            drow[f_sqsum] = sqsum;    
+                            drow[f_avg] = drow[f_sum]/drow[f_cnt];
+                            drow[f_stdev] = Math.sqrt((cnt*sqsum-sum*sum)/(cnt*(cnt-1)))
+                        }
+                        drow[f_loss] = ((drow[f_snt]-drow[f_cnt])/drow[f_snt])*100;
+                    } 
+
+                    tableModel.setData(data);
+                    if (retval['again']){
+                        var next_round = function (){Tr.Server.getInstance().callAsync(
+                                                     fill_table,'run_tr',{ handle: retval['handle'],
+                                                                            point:  retval['point']})};
+                        qx.client.Timer.once(next_round,self,sleep*1000);
+                    }
+                    else {
+                        self.__stop_table();
+                    }
+                }
+                else {
+                    alert(exc);   
+                    self.__stop_table();
+                }				
+            };
+
+            var stop_handler = function (data,exc,id){
+                if (exc == null){
+                    qx.event.message.Bus.dispatch('tr.status','stopped');
+                }
+                else {
+                   alert(exc);
+                }               
+            };
+
+            var cmd = m.getData();
+            switch(cmd['action']){
+            case 'stop':
+                qx.event.message.Bus.dispatch('tr.status','stopping');
+                Tr.Server.getInstance().callAsync(stop_handler,'stop_tr',this.__handle);
+                break;
+            case 'go':
+                this.__data = [];
+                this.__tableModel.setData(this.__data);
+                this.__delay = cmd['delay'];
+                for (var i=0;i<10;i++){
+                    this.__tableModel.setColumnSortable(i,false);
+                }                
+                qx.event.message.Bus.dispatch('tr.status','starting');
+                Tr.Server.getInstance().callAsync(fill_table,'run_tr',{host: cmd['host'], rounds: cmd['rounds'], delay: cmd['delay']});
+                break;
+            default:
+                alert('Unknown Command '+cmd['action']);
+            }
+        }
+	}
+});
+ 
+