First Prototype which will run on an AS400 web server

[kubens]

Durring last weeks I developed a little prototype which will replace a running intranet application in near future. This application will run on an AS400 web server and all backoffice applications are developed in RPG. I needed much time to explain the AS400 developer what I exactly expect from him and his programs. After some time the resistance was broken or better said, I think he resignated and he enjoyed to be a part of this little success story... I think that this little prototype is just the beginning of a long list of applications which will either replaced or new developed in near future.

Unfortunatelly I can just upload this application on my personal web server which just contains a small set of test data without the complexity of the business logic of the RPG programs. However feel free to play with this little prototype.

Prototype

I tried to encapsulate as much as possible in separate classes and I would invite everybody to look in details and to discuss concept or ideas:

Ext.BLANK_IMAGE_URL = '/site.img/spacer.gif';

var App = function(){
  return {
    DATA: { 
      SERVER: 'backoffice.kaffill.de',
      ROOT: '',
      SESSIONID: '102315623.384613891905.55667',
      URL:
      {
        REPORTS: '/as400/www300r.php',
        REPORTSREQUEST: '/login.php', 
        STATISTICS: '/as400/www300r.php'
      }
    },

    init: function()
    {
      Ext.QuickTips.init();    
      
      this.progressBar = new Ext.ux.wak.ProgressBar();
      Ext.apply(this, new Ext.util.Observable());
      this.addEvents
      ({
        'initprogress': true,
        'updateprogress': true
      });
      this.on('initprogress', this.progressBar.init, this.progressBar);
      this.on('updateprogress', this.progressBar.update, this.progressBar);

      this.panelReports = new Ext.app.wak.Reports({scope: this, filterLoaded: true, region: 'center', margins: '0 5 0 5'});

      // viewport what else
      this.viewport = new Ext.Viewport({
        scope: this,
        layout:'border',
        items: 
        [
          new Ext.BoxComponent // just raw
          ({ 
            region: 'north',
            el: 'panelHeader',
            height: 37
          }),
          new Ext.BoxComponent // just raw
          ({ 
            region: 'south',
            el: 'panelFooter',
            height: 20
          }),
          this.panelReports
        ]
      });

      Ext.get('page').fadeOut
      ({
        duration: 0.5,
        scope: this,
        callback: function()
        {
          this.panelReports.loadFilter();
        }
      });
    }
  }

}();

Ext.onReady(App.init, App); 

Application:
/site.js/ext-app-wak-reports.js

Components:
/site.js/ext-ux-wak-combobox.js
/site.js/ext-ux-wak-navigation.js
/site.js/ext-ux-wak-portletstatistic.js
/site.js/ext-ux-wak-progressbar.js
/site.js/ext-ux-wak-store.js

Br
Wolfgang

[genius551v]

WOw!....

you have tell us how you do that!

looks great!

[Luc]

Thanks for sharing! Looks great and nice to see the Fusion Charts (I assume that is what you use?) in action in an EXT app.

[jakehawk]

wow, that looks great! Nice job.

[BernardChhun]

awesome dude!

[ReyBango]

Great job on this Wolfgang!

http://extjs.com/blog/2007/11/02/ext...00-web-server/

Rey...

[ReyBango]

Looks like Ajaxian liked your app as well!!

http://ajaxian.com/archives/new-ajax-for-old-iron

[lvanderree]

Hi Kubens, looks great again!

Is this all also created in symfony? Have you seen the progress on the symfony generator plugin which is based on your work?

[kubens]

I was very surprised as I saw this at Ajaxian. But honour to whom honour is due. Without Ext
such little fancy apps were not possible

Br
Wolfgang

[aconran]

Wow Kubens, you've done an incredible job with this Dashboard type application. I love the ability to maximize and refresh charts.