Add send command dialog

3 files changed, 104 insertions, 2 deletions

diff --git a/web/app/view/command/CommandDialog.js b/web/app/view/command/CommandDialog.js
new file mode 100644
index 000000000..ef99c4db6
--- /dev/null
+++ b/web/app/view/command/CommandDialog.js
@@ -0,0 +1,52 @@
+/*
+ * Copyright 2015 Anton Tananaev (anton.tananaev@gmail.com)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+Ext.define('Traccar.view.command.CommandDialog', {
+    extend: 'Ext.window.Window',
+    xtype: 'command-dialog',
+
+    requires: [
+        'Traccar.view.command.CommandDialogController'
+    ],
+
+    controller: 'commanddialog',
+    
+    bodyPadding: styles.panel_padding,
+    title: strings.command_title,
+    resizable: false,
+    modal: true,
+    
+    items: {
+        xtype: 'form',
+        items: [{
+            xtype: 'combobox',
+            name: 'type',
+            fieldLabel: strings.command_type,
+            store: 'CommandTypes',
+            displayField: 'name',
+            valueField: 'key'
+        }]
+    },
+
+    buttons: [{
+        text: strings.command_send,
+        handler: 'onSendClick'
+    }, {
+        text: strings.shared_cancel,
+        handler: 'onCancelClick'
+    }]
+
+});
diff --git a/web/app/view/command/CommandDialogController.js b/web/app/view/command/CommandDialogController.js
new file mode 100644
index 000000000..08624bf73
--- /dev/null
+++ b/web/app/view/command/CommandDialogController.js
@@ -0,0 +1,45 @@
+/*
+ * Copyright 2015 Anton Tananaev (anton.tananaev@gmail.com)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+Ext.define('Traccar.view.command.CommandDialogController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.commanddialog',
+
+    onSendClick: function(button) {
+        var dialog = button.up('window').down('form');
+        dialog.updateRecord();
+        var record = dialog.getRecord();
+
+        Ext.Ajax.request({
+            scope: this,
+            url: '/api/command/send',
+            jsonData: record.getData(),
+            callback: this.onSendReturn
+        });
+    },
+
+    onSendReturn: function(options, success, response) {
+        if (Traccar.ErrorManager.check(success, response)) {
+            this.closeView();
+            Ext.toast(strings.login_created);
+        }
+    },
+
+    onCancelClick: function(button) {
+        button.up('window').close();
+    }
+
+});
diff --git a/web/app/view/device/DeviceController.js b/web/app/view/device/DeviceController.js
index 794e0f03d..f5577f156 100644
--- a/web/app/view/device/DeviceController.js
+++ b/web/app/view/device/DeviceController.js
@@ -20,6 +20,7 @@ Ext.define('Traccar.view.device.DeviceController', {
     
     requires: [
         'Traccar.view.device.DeviceDialog',
+        'Traccar.view.command.CommandDialog',
         'Traccar.view.user.UserDialog',
         'Traccar.view.admin.ServerDialog',
         'Traccar.view.user.User'
@@ -82,9 +83,13 @@ Ext.define('Traccar.view.device.DeviceController', {
 
     onCommandClick: function() {
         var device = this.getView().getSelectionModel().getSelection()[0];
-        console.log('send command here');
+        var command = Ext.create('Traccar.model.Command');
+        command.set('deviceId', device.get('id'));
+        var dialog = Ext.create('Traccar.view.command.CommandDialog');
+        dialog.down('form').loadRecord(command);
+        dialog.show();
     },
-    
+
     onSelectionChange: function(selected) {
         var empty = selected.getCount() === 0;
         this.lookupReference('deviceEditButton').setDisabled(empty);