Use static Ext classes

mubinahmed · Feb 2, 2015 · 0b166ca · 0b166ca
1 parent b79c04d
commit 0b166ca
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 20 deletions.
diff --git a/web/Application.js b/web/Application.js
@@ -17,6 +17,8 @@
 Ext.application({
     name: 'Traccar',
     requires: [
+        'Strings',
+        'Styles',
         'Login',
         'MainView'
     ],

diff --git a/web/DeviceView.js b/web/DeviceView.js
@@ -18,5 +18,5 @@ Ext.define('DeviceView', {
     extend: 'Ext.form.Panel',
     xtype: 'device-view',
 
-    title: strings.device_title
+    title: Strings.device_title
 });
diff --git a/web/Login.js b/web/Login.js
@@ -19,31 +19,31 @@ Ext.define('LoginForm', {
     xtype: 'login-form',
 
     defaultType: 'textfield',
-    bodyPadding: styles.panel_padding,
+    bodyPadding: Styles.panel_padding,
 
     defaults: { anchor: '100%' },
 
     items: [{
         allowBlank: false,
-        fieldLabel: strings.login_user,
+        fieldLabel: Strings.login_user,
         name: 'user'
     }, {
         allowBlank: false,
-        fieldLabel: strings.login_password,
+        fieldLabel: Strings.login_password,
         name: 'password',
         inputType: 'password'
     }],
 
     buttons: [
-        { text: strings.login_register },
-        { text: strings.login_login }
+        { text: Strings.login_register },
+        { text: Strings.login_login }
     ]
 });
 
 Ext.define('Login', {
     extend: 'Ext.window.Window',
 
-    title: strings.login_title,
+    title: Strings.login_title,
 
     items: [{ xtype: 'login-form' }]
 });
diff --git a/web/MainView.js b/web/MainView.js
@@ -32,7 +32,7 @@ Ext.define('MainView', {
     items: [{
         region:'west',
         xtype: 'device-view',
-        width: styles.device_width
+        width: Styles.device_width
     }, {
         region: 'center',
         xtype: 'map-view',

diff --git a/web/MapView.js b/web/MapView.js
@@ -18,24 +18,24 @@ Ext.define('MapView', {
     extend: 'Ext.form.Panel',
     xtype: 'map-view',
 
-    title: strings.map_title,
+    title: Strings.map_title,
     layout: 'fit',
 
     listeners: {
         afterrender: function() {
 
-            /*var layer = new ol.layer.Tile({source: new ol.source.BingMaps({
+            /*var layer = new ol.layer.Tile({ source: new ol.source.BingMaps({
                 key: 'AseEs0DLJhLlTNoxbNXu7DGsnnH4UoWuGue7-irwKkE3fffaClwc9q_Mr6AyHY8F',
                 imagerySet: 'Road'
             })});*/
 
-            var layer = new ol.layer.Tile({source: new ol.source.OSM({
+            var layer = new ol.layer.Tile({ source: new ol.source.OSM({
             })});
 
             var view = new ol.View({
-                center: ol.proj.transform(styles.map_center, 'EPSG:4326', 'EPSG:3857'),
-                zoom: styles.map_zoom,
-                maxZoom: styles.map_max_zoom
+                center: ol.proj.transform(Styles.map_center, 'EPSG:4326', 'EPSG:3857'),
+                zoom: Styles.map_zoom,
+                maxZoom: Styles.map_max_zoom
             });
 
             this.map = new ol.Map({

diff --git a/web/Strings.js b/web/Strings.js
@@ -14,7 +14,8 @@
  * limitations under the License.
  */
 
-var strings = {
+Ext.define('Strings', {
+    singleton: true,
 
     login_title: 'Login',
     login_user: 'User',
@@ -26,4 +27,4 @@ var strings = {
 
     map_title: 'Map'
 
-};
+});
diff --git a/web/Styles.js b/web/Styles.js
@@ -14,7 +14,8 @@
  * limitations under the License.
  */
 
-var styles = {
+Ext.define('Styles', {
+    singleton: true,
 
     panel_padding: 10,
 
@@ -24,4 +25,4 @@ var styles = {
     map_zoom: 6,
     map_max_zoom: 16
 
-};
+});
diff --git a/web/index.html b/web/index.html
@@ -7,8 +7,6 @@
 <script type="text/javascript" src="//cdn.sencha.com/ext/gpl/5.1.0/build/ext-all.js"></script>
 <script type="text/javascript" src="//cdn.sencha.com/ext/gpl/5.1.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
 <script type="text/javascript" src="//openlayers.org/en/v3.1.1/build/ol.js"></script>
-<script type ="text/javascript" src="Strings.js"></script>
-<script type ="text/javascript" src="Styles.js"></script>
 <script type ="text/javascript" src="Application.js"></script>
 </head>
 <body>