1. #1
    Ext Premium User
    Join Date
    Mar 2007
    Posts
    89
    Vote Rating
    1
    Luc is on a distinguished road

      0  

    Default Google Wave embedded in ExtJS window

    Google Wave embedded in ExtJS window


    Hi,

    For those of you interested in Google Wave, I thought I'ld share this simple example of how to embed a Wave in an ExtJS Window. Based on the sample from the Google Wave API tutorial. Works in Chrome and FF 3.5+

    Code:
    <html>
      <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Google Wave Embedded in Ext Window</title>
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.0.0/resources/css/ext-all.css" />
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.0.0/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.0.0/ext-all-debug.js"></script>
     
        <script src="http://wave-api.appspot.com/public/embed.js" type="text/javascript"></script>
        <script type="text/javascript">
        
        Ext.onReady(function() {
        
              var wave = new WavePanel('https://wave.google.com/wave/'); 
              var waveId= .... your WaveId here...... ;
              
              wave.loadWave(waveId); 
              wave.setUIConfig('white', 'black', 'Arial', '13px'); 
                
              var win = new Ext.Window({
                title: 'Google Wave embedded in Ext Window',
                height:500,
                width:700
              }).show();  
                
              wave.init(win.getLayoutTarget().dom);
              
            
        })
        
        </script> 
      </head>
      <body>
         
      </body>
    </html>
    To get the waveId you want to embed, just include blog-bot@appspot.com as participant and it will provide you with the Id.

    Embedding the Wave in an Ext window preserves all the editing capabilities of the Wave (multi-user collaborative editing, drag&drop files (requires Gears), ...).

    See screenshot for the end result.

    Are there more Ext'ers interested in Google Wave (e.g. creating ExtJs based gadgets)?
    Attached Images

  2. #2
    Sencha Premium Member teddyjas's Avatar
    Join Date
    Dec 2007
    Location
    Singapore
    Posts
    262
    Vote Rating
    0
    teddyjas is on a distinguished road

      0  

    Default


    I'm very very interested!
    Havent got time to look into the api yet, but i have my google wave account and the sandbox as well.
    What u think for cool apps to be built for the wave?

  3. #3
    Ext User edwardsanchez's Avatar
    Join Date
    Aug 2009
    Location
    London
    Posts
    7
    Vote Rating
    0
    edwardsanchez is on a distinguished road

      0  

    Thumbs up


    This is pretty damn cool! Sounds like something we could add to Kohive.com

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,014
    Vote Rating
    848
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by teddyjas View Post
    I'm very very interested!
    Havent got time to look into the api yet, but i have my google wave account and the sandbox as well.
    What u think for cool apps to be built for the wave?
    I have gotten a few people from these forums going on Wave so we have a small Ext Community going. If you want to join you can add me... ms.simoens@googlewave.com

    You have the dev preview? me to... mitch@wavesandbox.com

    I have a private wave server running and about to see if I can get my public server to start one up.

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,014
    Vote Rating
    848
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I wouldn't make a wave public yet. I made one public and people were adding themselves and tons of replies to it because when a wave is public, anyone can edit or reply or do as they please.

    Also when I searched for public waves, I am having a hard time getting back to my waves.

    Update: I had to restart the browser to get back to my waves listed. Not gonna make another wave public again!

  6. #6
    Sencha User
    Join Date
    Dec 2008
    Location
    Mainz
    Posts
    241
    Vote Rating
    1
    crp_spaeth is on a distinguished road

      0  

    Default


    Can any of you invite me?

    If so it would be nice if you could send me a PM!

  7. #7
    Sencha Premium Member teddyjas's Avatar
    Join Date
    Dec 2007
    Location
    Singapore
    Posts
    262
    Vote Rating
    0
    teddyjas is on a distinguished road

      0  

    Default


    PM me ur google mail I will send u the invite

  8. #8
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,014
    Vote Rating
    848
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by teddyjas View Post
    PM me ur google mail I will send u the invite
    Teddyjas,

    Do we have you on our Ext community yet? If not, wave me and I'll add you! ms.simoens@googlewave.com

  9. #9
    Ext JS Premium Member Foggy's Avatar
    Join Date
    Apr 2007
    Location
    Switzerland
    Posts
    477
    Vote Rating
    0
    Foggy is on a distinguished road

      0  

    Default


    Is there anyone who can invite me to google wave?
    Is there a gmail account needed or does it the email of my google account?

    Thanks in advance

  10. #10
    Sencha Premium Member teddyjas's Avatar
    Join Date
    Dec 2007
    Location
    Singapore
    Posts
    262
    Vote Rating
    0
    teddyjas is on a distinguished road

      0  

    Default


    mizzory,
    I waved you already a week ago still not yet got your reply?

    foggy send me ur gmail address I invite u.... I still have 4 more invites