4848 from the CDN, but then the device needs to be online for the app to
4949 be functional.
5050 -->
51- < link rel ="stylesheet " href ="css/jquery.mobile-1.0a4.1 .min.css " />
52- < script type ="text/javascript " src ="js/jquery-1.5 .2.min.js "> </ script >
53- < script type ="text/javascript " src ="js/jquery.mobile-1.0a4.1 .min.js "> </ script >
51+ < link rel ="stylesheet " href ="css/jquery.mobile-1.4.5 .min.css " />
52+ < script type ="text/javascript " src ="js/jquery-1.11 .2.min.js "> </ script >
53+ < script type ="text/javascript " src ="js/jquery.mobile-1.4.5 .min.js "> </ script >
5454 < script type ="text/javascript " src ="js/forcetk.js "> </ script >
5555 < script type ="text/javascript " src ="js/mobileapp.js "> </ script >
5656 < script type ="text/javascript " src ="cordova.js "> </ script >
9090 function ( ) {
9191 client . setRefreshToken ( null ) ;
9292 $ . mobile . changePage ( '#loginpage' , "slide" , false , true ) ;
93- $ . mobile . pageLoading ( ) ;
93+ $ . mobile . loading ( 'show' ) ;
9494 var ref = window . open ( getAuthorizeUrl ( loginUrl , clientId , redirectUri ) , '_blank' , 'location=no,toolbar=no' ) ;
9595 ref . addEventListener ( 'loadstop' , function ( evt ) {
9696 if ( evt . url . startsWith ( redirectUri ) ) {
105105 } ) ;
106106
107107 $ . mobile . changePage ( '#mainpage' , "slide" , false , true ) ;
108- $ . mobile . pageLoading ( ) ;
108+ $ . mobile . loading ( 'show' ) ;
109109 getAccounts ( function ( ) {
110- $ . mobile . pageLoading ( true ) ;
110+ $ . mobile . loading ( 'hide' ) ;
111111 } ) ;
112112 }
113113
152152 keychain = new Keychain ( ) ;
153153 keychain . getForKey (
154154 function ( value ) {
155- $ . mobile . pageLoading ( ) ;
155+ $ . mobile . loading ( 'show' ) ;
156156 client . setRefreshToken ( value ) ;
157157 client . refreshAccessToken ( sessionCallback ,
158158 function ( jqXHR , textStatus , errorThrown ) {
173173 </ script >
174174 </ head >
175175 < body >
176- < div data-role ="page " data-theme ="b " id ="loginpage ">
176+ < div data-role ="page " data-theme ="a " id ="loginpage ">
177177 < div data-role ="header ">
178178 < h1 > Login</ h1 >
179179 </ div >
@@ -184,16 +184,15 @@ <h1>Login</h1>
184184 < h4 > Force.com</ h4 >
185185 </ div >
186186 </ div >
187- < div data-role ="page " data-theme ="b " id ="mainpage ">
188- < div data-role ="header " data-backbtn =" false " >
187+ < div data-role ="page " data-theme ="a " id ="mainpage ">
188+ < div data-role ="header ">
189189 < h1 > Account List</ h1 >
190190 </ div >
191191 < div data-role ="content ">
192192 < form >
193193 < button data-role ="button " id ="newbtn "> New</ button >
194194 </ form >
195- < ul id ="accountlist " data-inset ="true " data-role ="listview "
196- data-theme ="c " data-dividertheme ="b ">
195+ < ul id ="accountlist " data-inset ="true " data-role ="listview ">
197196 </ ul >
198197 < form >
199198 < button data-role ="button " id ="logoutbtn "> Logout</ button >
@@ -203,8 +202,8 @@ <h1>Account List</h1>
203202 < h4 > Force.com</ h4 >
204203 </ div >
205204 </ div >
206- < div data-role ="page " data-theme ="b " id ="detailpage ">
207- < div data-role ="header ">
205+ < div data-role ="page " data-theme ="a " id ="detailpage ">
206+ < div data-role ="header " data-add-back-btn =" true " >
208207 < h1 > Account Detail</ h1 >
209208 </ div >
210209 < div data-role ="content ">
@@ -217,15 +216,15 @@ <h1>Account Detail</h1>
217216 < input type ="hidden " name ="Id " id ="Id " />
218217 < button data-role ="button " id ="editbtn "> Edit</ button >
219218 < button data-role ="button " id ="deletebtn " data-icon ="delete "
220- data-theme ="e "> Delete</ button >
219+ data-theme ="b "> Delete</ button >
221220 </ form >
222221 </ div >
223222 < div data-role ="footer ">
224223 < h4 > Force.com</ h4 >
225224 </ div >
226225 </ div >
227- < div data-role ="page " data-theme ="b " id ="editpage ">
228- < div data-role ="header ">
226+ < div data-role ="page " data-theme ="a " id ="editpage ">
227+ < div data-role ="header " data-add-back-btn =" true " >
229228 < h1 id ="accformheader "> New Account</ h1 >
230229 </ div >
231230 < div data-role ="content ">
@@ -234,17 +233,15 @@ <h1 id="accformheader">New Account</h1>
234233 < table >
235234 < tr >
236235 < td > Account Name:</ td >
237- < td > < input name ="Name " id ="Name " data-theme =" c " /> </ td >
236+ < td > < input name ="Name " id ="Name " /> </ td >
238237 </ tr >
239238 < tr >
240239 < td > Industry:</ td >
241- < td > < input name ="Industry " id ="Industry "
242- data-theme ="c "/> </ td >
240+ < td > < input name ="Industry " id ="Industry " /> </ td >
243241 </ tr >
244242 < tr >
245243 < td > Ticker Symbol:</ td >
246- < td > < input name ="TickerSymbol " id ="TickerSymbol "
247- data-theme ="c "/> </ td >
244+ < td > < input name ="TickerSymbol " id ="TickerSymbol " /> </ td >
248245 </ tr >
249246 </ table >
250247 < button data-role ="button " id ="actionbtn "> Action</ button >
0 commit comments