Add call button

orospakr · Mar 25, 2012 · 37daa9b · 37daa9b
1 parent 03ac8e4
commit 37daa9b
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 5 deletions.
diff --git a/www/app/controller/Application.js b/www/app/controller/Application.js
@@ -10,7 +10,8 @@ Ext.define('BandOnTheRun.controller.Application', {
             listBand: 'band-list',
             showBand: 'band-show',
             editBand: 'band-edit',
-            saveButton: '#saveButton'
+            saveButton: '#saveButton',
+            conferenceCallButton: '#conferenceCallButton'
         },
 
         control: {
@@ -29,10 +30,31 @@ Ext.define('BandOnTheRun.controller.Application', {
             },
             editBand: {
                 change: 'onBandChange'
+            }, 
+            conferenceCallButton: {
+                tap: 'startConferenceCall'
             }
         }
     },
 
+    startConferenceCall: function() {
+        // we create the Ajax request
+        Ext.Ajax.request({
+            //first we give it the URL of the request. take not that this can only be local to the web server
+            //you are on
+            url: 'start_call',
+
+            //then we define a success method, which is called once the ajax request is successful
+            success: function(response) {
+                console.log('Conference started');
+
+            },
+            failure: function() {
+                console.log('Conference ended');
+            }
+        });
+    },
+
     showBandPanel: function(){
         this.getMain().setActiveItem(this.getBand());
     },

diff --git a/www/app/view/band/Show.js b/www/app/view/band/Show.js
@@ -29,7 +29,8 @@ Ext.define('BandOnTheRun.view.band.Show', {
                 xtype: 'spacer'
             },
             {
-                xtype: 'button', 
+                xtype: 'button',
+                id: 'conferenceCallButton',
                 action : 'call',
                 text : 'Start the call',
                 iconCls: 'call',

diff --git a/www/resources/css/app.css b/www/resources/css/app.css
diff --git a/www/resources/sass/.sass-cache/550c2aab20e5d89a7837200fad15bda69836ba42/_band.scssc b/www/resources/sass/.sass-cache/550c2aab20e5d89a7837200fad15bda69836ba42/_band.scssc
diff --git a/www/resources/sass/_band.scss b/www/resources/sass/_band.scss
@@ -86,10 +86,12 @@
 
     .x-band-show-toolbar {
         .x-button {
-            width: 200px;
+            width: 180px;
 
             .x-button-icon {
-                background-image: url('../images/phone.png'); 
+                background-image: url('../images/phone.png') !important;
+                background-size: cover;
+                background-color: transparent !important;
             }
         }
     }