erp_app 3.1.5 → 3.1.6

data/public/javascripts/erp_app/mobile/app.js

@@ -1,46 +1,74 @@
 Ext.application({
-  name: 'compass_ae_mobile',
-  useLoadMask: true,
+    name: 'compass_ae_mobile',
+    useLoadMask: true,
 
-  launch: function () {
-    Ext.create("Ext.tab.Panel", {
-      fullscreen: true,
-      tabBarPosition: 'bottom',
-      items: [
-      {
-        xtype:'toolbar',
-        ui:'light',
-        docked:'top',
-        items:[
-        {
-          text:'Logout',
-          ui:'back',
-          handler:function(btn){
-            window.location = '/session/sign_out?login_url=/erp_app/mobile/login';
-          }
-        }
-        ]
-      },
-      {
-        title: 'Home',
-        iconCls: 'home',
-        style:'background-image: url("/images/wallpaper/truenorth.png");background-position:center;'
-      },
-      {
-        xtype: 'container',
-        title: 'Applications',
-        iconCls: 'star',
-        layout:{
-          type:'vbox',
-          align:'strech'
-        },
-        defaults:{
-          xtype:'button',
-          margin:10
-        },
-        items:mobileApplications
-      }
-      ]
-    });
-  }
+    launch: function () {
+        var items = [
+            {
+                itemId: 'home',
+                xtype: 'tabpanel',
+                tabBarPosition: 'bottom',
+                items: [
+                    {
+                        itemId:'applications',
+                        xtype: 'container',
+                        cls: 'applications-background',
+                        title: 'Applications',
+                        iconCls: 'home',
+                        layout: 'fit',
+                        items: {
+                            xtype: 'dataview',
+                            itemSelector: 'div.thumb-wrap',
+                            store: {
+                                fields: ['iconCls', 'name', 'itemId'],
+                                data: mobileApplicationsData
+                            },
+                            itemTpl: [
+                                '<div id="applications">',
+                                    '<div class="thumb-wrap">',
+                                        '<div class="thumb {iconCls}">',
+                                        '</div>',
+                                        '<span class="title">{name}</span>',
+                                    '</div>',
+                                '</div>'
+                            ],
+                            listeners:{
+                                'itemtap':function(me, index, targe, record, e, options){
+                                    var itemId = record.get('itemId'),
+                                        container = this.up('#mainContainer');
+                                        app = container.down(itemId);
+                                    container.setActiveItem(app);
+                                }
+                            }
+                        }
+                    },
+                    {
+                        xtype: 'button',
+                        title: 'Logout',
+                        iconCls: 'reply',
+                        listeners:{
+                            activate:function(){
+                                var me = this;
+                                Ext.Msg.confirm('Warning', 'Are you sure you want to logout?', function(btn){
+                                    if(btn == 'yes'){
+                                        window.location = '/session/sign_out?login_url=/erp_app/mobile/login';
+                                    }
+                                    else{
+                                        me.up('tabpanel').setActiveItem('#applications');
+                                    }
+                                });
+                            }
+                        }
+                    }
+                ]
+            }
+        ];
+
+        Ext.create("Ext.Container", {
+            itemId: 'mainContainer',
+            layout: 'card',
+            fullscreen: true,
+            items: items.concat(mobileApplications)
+        });
+    }
 });

data/public/javascripts/erp_app/mobile/applications/job_tracker/app.js

@@ -0,0 +1,177 @@
+Ext.define('Compass.ErpApp.Mobile.JobTracker.Application', {
+    extend: 'Ext.Carousel',
+    xtype: 'compass-erpapp-mobile-jobtracker-application',
+    selectedJob: null,
+    config: {
+        layout: 'card',
+        listeners: {
+            activate: function () {
+                this.setActiveItem(0);
+            }
+        }
+    },
+
+    scheduleJob: function () {
+        var me = this;
+        this.setMasked({xtype: 'loadmask', message: 'scheduling job...'});
+
+        Ext.Ajax.request({
+            url: '/erp_app/desktop/job_tracker/schedule',
+            method: 'POST',
+            params: {
+                id: this.selectedJob.get('id'),
+                authenticity_token:Compass.ErpApp.AuthentictyToken
+            },
+            success: function (response) {
+                me.setMasked(false);
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    me.store.load();
+                    me.setActiveItem(0);
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Error scheduling job.');
+                }
+            },
+            failure: function (response) {
+                me.setMasked(false);
+                Ext.Msg.alert('Error', 'Error scheduling job.');
+            }
+        });
+    },
+
+    unScheduleJob: function () {
+        var me = this;
+        this.setMasked({xtype: 'loadmask', message: 'Unscheduling job...'});
+
+        Ext.Ajax.request({
+            url: '/erp_app/desktop/job_tracker/unschedule',
+            method: 'POST',
+            params: {
+                id: this.selectedJob.get('id'),
+                authenticity_token:Compass.ErpApp.AuthentictyToken
+            },
+            success: function (response) {
+                me.setMasked(false);
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    me.store.load();
+                    me.setActiveItem(0);
+                }
+                else {
+                    Ext.Msg.alert('Error', 'Error unscheduling job.');
+                }
+            },
+            failure: function (response) {
+                me.setMasked(false);
+                Ext.Msg.alert('Error', 'Error unscheduling job.');
+            }
+        });
+    },
+
+    constructor: function (config) {
+        this.store = Ext.create('Compass.ErpApp.Mobile.JobTracker.Store.Jobs', {
+            storeId: 'jobtracker-jobstore'
+        });
+        this.store.load();
+
+        config['items'] = [
+            {
+
+                xtype: 'toolbar',
+                ui: 'light',
+                iconMask:true,
+                docked: 'top',
+                items: [
+                    {
+                        text: 'Home',
+                        ui: 'back',
+                        handler: function (btn) {
+                            btn.up('#mainContainer').setActiveItem('#home');
+                        }
+                    },
+                    {
+                        iconCls: 'refresh',
+                        iconMask: true,
+                        handler: function (btn) {
+                            btn.up('compass-erpapp-mobile-jobtracker-application').store.load();
+                        }
+                    }
+                ]
+            },
+            {
+
+                xtype: 'list',
+                store: 'jobtracker-jobstore',
+                onItemDisclosure: true,
+                itemTpl: [
+                    '<tpl if="!scheduled">',
+                    '<div style="float:right"><img src="/images/erp_app/mobile/yellow_light.png" /></div>',
+                    '<tpl elseif="next_run_at &gt; new Date()">',
+                    '<div style="float:right"><img src="/images/erp_app/mobile/green_light.png" /></div>',
+                    '<tpl else>',
+                    '<div style="float:right"><img src="/images/erp_app/mobile/red_light.png" /></div>',
+                    '</tpl>',
+                    '<div class="contact"><strong>{job_name}</strong></div>',
+                    '<tpl if="Ext.isEmpty(last_run_at)">',
+                    '<div>Last run: N/A</div>',
+                    '<tpl else>',
+                    '<div>Last run: {last_run_at:date("m/d/Y g:i:s")}</div>',
+                    '</tpl>',
+                    '<tpl if="Ext.isEmpty(next_run_at)">',
+                    '<div>Next run: N/A</div>',
+                    '<tpl else>',
+                    '<div>Next run: {next_run_at:date("m/d/Y g:i:s")}</div>',
+                    '</tpl>'],
+                listeners: {
+                    disclose: function (me, record, target, e, eOpts) {
+                        var app = me.up('compass-erpapp-mobile-jobtracker-application'),
+                            details = app.down('#details');
+                        details.setHtml(Compass.ErpApp.Mobile.JobTracker.Templates.jobDetails.apply(record.getData()));
+                        app.setActiveItem(details);
+                        app.selectedJob = record;
+                    }
+                }
+            },
+            {
+                itemId: 'details',
+                items: [
+                    {
+                        xtype: 'toolbar',
+                        docked: 'top',
+                        items: [
+                            {
+                                text: 'Schedule',
+                                handler: function (btn) {
+                                    var app = btn.up('compass-erpapp-mobile-jobtracker-application');
+                                    if(Ext.isEmpty(app.selectedJob)){
+                                        Ext.Msg.alert('Error', 'No job selected');
+                                    }
+                                    else{
+                                        app.scheduleJob();
+                                    }
+                                }
+                            },
+                            {
+                                text: 'UnSchedule',
+                                handler: function (btn) {
+                                    var app = btn.up('compass-erpapp-mobile-jobtracker-application');
+                                    if(Ext.isEmpty(app.selectedJob)){
+                                        Ext.Msg.alert('Error', 'No job selected');
+                                    }
+                                    else{
+                                        app.unScheduleJob();
+                                    }
+                                }
+                            }
+                        ]
+                    }
+                ],
+                layout: 'fit',
+                autoScroll: true
+            }
+        ];
+
+        this.callParent([config]);
+    }
+});

data/public/javascripts/erp_app/mobile/applications/job_tracker/model/job.js

@@ -0,0 +1,15 @@
+Ext.define('Compass.ErpApp.Mobile.JobTracker.Job',{
+  extend:'Ext.data.Model',
+  config:{
+    fields:[
+      {name: 'id', type:'integer'},
+      {name: 'job_name', type:'string'},
+      {name: 'job_klass', type:'string'},
+      {name: 'run_time', type:'string'},
+      {name: 'last_run_at', type:'date', dateFormat:'m-d-Y g:i:s'},
+      {name: 'next_run_at', type:'date', dateFormat:'m-d-Y g:i:s'},
+      {name: 'scheduled', type:'boolean'}
+    ]
+  }
+});
+

data/public/javascripts/erp_app/mobile/applications/job_tracker/store/jobs.js

@@ -0,0 +1,16 @@
+Ext.define('Compass.ErpApp.Mobile.JobTracker.Store.Jobs', {
+  extend: 'Ext.data.Store',
+  config: {
+    model: 'Compass.ErpApp.Mobile.JobTracker.Job',
+    proxy:{
+      autoLoad: true,
+      url:'/erp_app/desktop/job_tracker/jobs',
+      type:'ajax',
+      reader:{
+        type:'json',
+        rootProperty:'jobs'
+      }
+    }
+  }
+});
+

data/public/javascripts/erp_app/mobile/applications/job_tracker/store/view/templates.js

@@ -0,0 +1,22 @@
+Compass.ErpApp.Mobile.JobTracker.Templates = {};
+Compass.ErpApp.Mobile.JobTracker.Templates.jobDetails = new Ext.XTemplate(
+    '<div class="profile">',
+        '<p>',
+            '<span class="label">Job Name</span>',
+            '<span class="value">{job_name}</span>',
+        '</p>',
+        '<p>',
+            '<span class="label">Last Run At</span>',
+            '<span class="value">{last_run_at:date("m/d/Y g:i:s")}</span>',
+        '</p>',
+        '<p>',
+            '<span class="label">Next Run At</span>',
+            '<span class="value">{next_run_at:date("m/d/Y g:i:s")}</span>',
+        '</p>',
+        '<p>',
+            '<span class="label">Runtime</span>',
+            '<span class="value">{run_time}</span>',
+        '</p>',
+    '</div>',
+    '<br/>',
+    '<div id="resetPasswdBtnHolder"></div>');

data/public/javascripts/erp_app/mobile/applications/user_management/app.js

@@ -1,168 +1,112 @@
-Ext.ns('Compass.ErpApp.Mobile.UserManagement');
+Ext.define('Compass.ErpApp.Mobile.UserManagement.Application', {
+    extend: 'Ext.Carousel',
+    xtype: 'compass-erpapp-mobile-usermanagement-application',
+    selectedUser: null,
+    config: {
+        listeners: {
+            activate: function () {
+                this.setActiveItem(0);
+            }
+        }
+    },
 
-Ext.application({
-  name: 'UserManagement',
-  useLoadMask: true,
-  launch: function () {
-    Ext.create('Compass.ErpApp.Mobile.UserManagement.Store.Users',{
-      storeId:'usermanagement-usersstore'
-    }).load();
-    
-    var center = null;
-    if(Ext.os.deviceType == 'Phone'){
-      center = {
-        layout:'card',
-        itemId:'userList',
-        title: 'Find User',
-        iconCls: 'search',
-        items:[
-        {
-          xtype: 'list',
-          store: 'usermanagement-usersstore',
-          itemTpl: '<div class="contact"><strong>{username}</strong></div>',
-          grouped: true,
-          indexBar: true,
-          listeners:{
-            itemdoubletap:function(view, index, target, record, e, eOpts){
-              e.stopEvent();
-              var userList = view.up('#userList');
-              userList.add({
-                layout:'fit',
-                tpl:Compass.ErpApp.Mobile.UserManagement.Templates.userDetails,
-                data:record.getData(),
-                items:[{
-                  xtype:'toolbar',
-                  ui:'light',
-                  docked:'top',
-                  items:[
-                  {
-                    text:'Back',
-                    ui:'back',
-                    handler:function(btn){
-                      userList.setActiveItem(userList.items.first());
-                      userList.removeAt(1);
-                    }
-                  }
-                  ]
-                }]
-              });
-              userList.setActiveItem(userList.items.last());
+    resetPassword: function () {
+        var me = this;
+        this.setMasked({xtype: 'loadmask', message: 'Resetting password...'});
 
-              Ext.create('Ext.Button',{
-                renderTo:'resetPasswdBtnHolder',
-                text:'Reset Password',
-                flex:0.5,
-                login:record.get('username'),
-                handler:function(btn){
-                  Ext.Ajax.request({
-                    url:'/users/reset_password',
-                    params:{
-                      login:btn.initialConfig.login,
-                      login_to:'/erp_app/mobile/login'
-                    },
-                    success:function(response, opts){
-                      var obj = Ext.decode(response.responseText);
-                      if(obj.success){
-                        Ext.Msg.alert("Success", "Password reset and email sent.");
-                      }
-                    },
-                    failure:function(response, opts){
-                      Ext.Msg.alert("Error", "Error re-setting password.");
-                    }
-                  });
+        Ext.Ajax.request({
+            url: '/users/reset_password',
+            params: {
+                login: this.selectedUser.get('email'),
+                login_to: '/erp_app/mobile/login',
+                authenticity_token:Compass.ErpApp.AuthentictyToken
+            },
+            success: function (response, opts) {
+                me.setMasked(false);
+                var obj = Ext.decode(response.responseText);
+                if (obj.success) {
+                    Ext.Msg.alert("Success", "Password reset and email sent.");
+                }
+                else {
+                    Ext.Msg.alert("Error", "Error re-setting password.");
                 }
-              });
+            },
+            failure: function (response, opts) {
+                me.setMasked(false);
+                Ext.Msg.alert("Error", "Error re-setting password.");
             }
-          }
-        }
-        ]
-      };
-    }
-    else{
-      center = {
-        layout:{
-          type:'hbox'
-        },
-        itemId:'userList',
-        title: 'Find User',
-        iconCls: 'search',
-        items:[
-        {
-          xtype: 'list',
-          width: 300,
-          height: 500,
-          store: 'usermanagement-usersstore',
-          itemTpl: '<div class="contact"><strong>{username}</strong></div>',
-          grouped: true,
-          indexBar: true,
-          listeners:{
-            itemdoubletap:function(view, index, target, record, e, eOpts){
-              e.stopEvent();
-              var userList = view.up('#userList');
-              userList.query('#userDetails').first().setHtml(Compass.ErpApp.Mobile.UserManagement.Templates.userDetails.apply(record.getData()));
-              Ext.create('Ext.Button',{
-                renderTo:'resetPasswdBtnHolder',
-                text:'Reset Password',
-                flex:0.5,
-                login:record.get('username'),
-                handler:function(btn){
-                  Ext.Ajax.request({
-                    url:'/users/reset_password',
-                    params:{
-                      login:btn.initialConfig.login,
-                      login_to:'/erp_app/mobile/login'
-                    },
-                    success:function(response, opts){
-                      var obj = Ext.decode(response.responseText);
-                      if(obj.success){
-                        Ext.Msg.alert("Success", "Password reset and email sent.");
-                      }
-                    },
-                    failure:function(response, opts){
-                      Ext.Msg.alert("Error", "Error re-setting password.");
+        });
+    },
+
+    constructor: function (config) {
+        Ext.create('Compass.ErpApp.Mobile.UserManagement.Store.Users', {
+            storeId: 'usermanagement-usersstore'
+        }).load();
+
+        config['items'] = [
+            {
+
+                xtype: 'toolbar',
+                ui: 'light',
+                docked: 'top',
+                items: [
+                    {
+                        text: 'Home',
+                        ui: 'back',
+                        handler: function (btn) {
+                            btn.up('#mainContainer').setActiveItem('#home');
+                        }
+                    }
+                ]
+            },
+            {
+
+                xtype: 'list',
+                store: 'usermanagement-usersstore',
+                itemTpl: '<div class="contact"><strong>{username}</strong></div>',
+                grouped: true,
+                indexBar: true,
+                listeners: {
+                    itemdoubletap: function (view, index, target, record, e, eOpts) {
+                        e.stopEvent();
+                        var carousel = view.up('carousel'),
+                            details = carousel.down('#details');
+                        details.setHtml(Compass.ErpApp.Mobile.UserManagement.Templates.userDetails.apply(record.getData()));
+                        carousel.setActiveItem(details);
+                        carousel.selectedUser = record;
                     }
-                  });
                 }
-              });
+            },
+            {
+                itemId: 'details',
+                items: [
+                    {
+                        xtype: 'toolbar',
+                        docked: 'top',
+                        items: [
+                            {
+                                text: 'Reset Password',
+                                handler: function (btn) {
+                                    var carousel = btn.up('carousel');
+
+                                    if (Ext.isEmpty(carousel.selectedUser)) {
+                                        Ext.Msg.alert('Error', 'No user selected');
+                                    }
+                                    else {
+                                        carousel.resetPassword();
+                                    }
+                                }
+                            }
+                        ]
+                    }
+                ],
+                layout: 'fit',
+                autoScroll: true
             }
-          }
-        },
-        {
-          itemId:'userDetails',
-          style:'padding:5px;'
-        }
-        ]
-      };
-    }
 
-    Ext.create("Ext.tab.Panel", {
-      activeItem:0,
-      fullscreen: true,
-      tabBarPosition: 'bottom',
-      items: [
-      {
-        xtype:'toolbar',
-        ui:'light',
-        docked:'top',
-        items:[
-        {
-          text:'Home',
-          ui:'back',
-          handler:function(btn){
-            window.location = '/erp_app/mobile';
-          }
-        },
-        {
-          text:'Logout',
-          ui:'round',
-          handler:function(btn){
-            window.location = '/session/sign_out?login_url=/erp_app/mobile/login';
-          }
-        }
-        ]
-      },
-      center
-      ]
-    });
-  }
+
+        ];
+
+        this.callParent([config]);
+    }
 });