Pop-up webapp dialog with additional device info

On server side prepare device information data from z-push webservice response.
On client side prepare dialog to show addition device information on row double click.

js/MDM.js

@@ -27,9 +27,40 @@ Zarafa.plugins.mdm.MDM = Ext.extend(Zarafa.core.Plugin, {
 	{
 		this.registerInsertionPoint('context.settings.categories', this.createSettingCategory, this);
 		this.registerInsertionPoint('settings.versioninformation', this.createVersionInfo, this);
+		Zarafa.core.data.SharedComponentType.addProperty('mdm.dialog.mdmdevicedetails');
 		Zarafa.plugins.mdm.MDM.superclass.initPlugin.apply(this, arguments);
 	},
 
+	/**
+	 * Bid for the type of shared component and the given record.
+	 * @param {Zarafa.core.data.SharedComponentType} type Type of component a context can bid for.
+	 * @param {Ext.data.Record} record Optionally passed record.
+	 * @returns {Number}
+	 */
+	bidSharedComponent : function (type, record)
+	{
+		var bid = -1;
+		switch (type) {
+			case Zarafa.core.data.SharedComponentType['mdm.dialog.mdmdevicedetails']:
+				bid = 1;
+				break;
+		}
+		return bid;
+	},
+
+	/**
+	 * Will return the reference to the shared component.
+	 * Based on the type of component requested a component is returned.
+	 * @param {Zarafa.core.data.SharedComponentType} type Type of component a context can bid for.
+	 * @param {Ext.data.Record} record Optionally passed record.
+	 * @return {Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsContentPanel} Component
+	 */
+	getSharedComponent : function (type, record)
+	{
+		return Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsContentPanel;
+	},
+
+
 	/**
 	 * Creates a category in settings for Z-Push
 	 * @return {mdmsettingscategory}

js/data/MDMDeviceRecord.js

@@ -2,19 +2,23 @@ Ext.namespace('Zarafa.plugins.mdm');
 
 Zarafa.plugins.mdm.data.MDMDeviceRecordFields = [
 	{name: 'entryid', type: 'string'},
-	{name: 'changed', type: 'boolean'},
+	{name: 'devicetype', type: 'string'},
 	{name: 'deviceos', type: 'string'},
 	{name: 'devicefriendlyname', type: 'string'},
-	{name: 'deviceinfo', type: 'string'},
+	{name: 'useragent', type: 'string'},
-	{name: 'devicetype', type: 'string'},
+	{name: 'asversion', type: 'string'},
-	{name: 'devicemodel', type: 'string'},
-	{name: 'domain', type: 'string'},
-	{name: 'hierarchyuuid', type: 'string'},
-	// ignoredmessages
 	{name: 'firstsynctime', type: 'date', dateFormat: 'timestamp'},
+	{name: 'lastsynctime', type: 'date', dateFormat: 'timestamp'},
 	{name: 'lastupdatetime', type: 'date', dateFormat: 'timestamp'},
 	{name: 'wipestatus', type: 'string'},
-	{name: 'useragent', type: 'string'}
+	{name: 'policyname', type: 'string'},
+	{name: 'totalfolders', type: 'string'},
+	{name: 'shortfolderids', type: 'string'},
+	{name: 'synchronizedfolders', type: 'string'},
+	{name: 'synchronizeddata', type: 'string'},
+	{name: 'koeversion', type: 'string'},
+	{name: 'koebuild', type: 'string'},
+	{name: 'koebuilddate', type: 'date', dateFormat: 'timestamp'}
 ];
 
 /**

js/dialogs/MDMDeviceDetailsContentPanel.js

@@ -0,0 +1,38 @@
+Ext.namespace('Zarafa.plugins.mdm.dialogs');
+
+/**
+ * @class Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsContentPanel
+ * @extends Zarafa.core.ui.ContentPanel
+ * @xtype mdmplugin.devicedetailscontentpanel
+ * 
+ * The content panel which is use to show device detail panel.
+ */
+Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsContentPanel = Ext.extend(Zarafa.core.ui.ContentPanel, {
+
+    /**
+     * @constructor
+     * @param config Configuration structure
+     */
+    constructor: function (config) {
+        config = config || {};
+
+        Ext.applyIf(config, {
+
+            xtype: 'mdmplugin.devicedetailscontentpanel',
+            layout    : 'fit',
+            modal     : true,
+            width     : 435,
+            minWidth  : 435,
+            autoHeight: true,
+            title     : dgettext('plugin_mdm', config.record.get('devicetype')),
+            items     : [{
+                xtype: 'mdmplugin.devicedetailspanel',
+                record : config.record
+            }]
+        });
+
+        Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsContentPanel.superclass.constructor.call(this, config);
+    }
+});
+
+Ext.reg('mdmplugin.devicedetailscontentpanel', Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsContentPanel);

js/dialogs/MDMDeviceDetailsPanel.js

@@ -0,0 +1,184 @@
+Ext.namespace('Zarafa.plugins.mdm.dialogs');
+
+/**
+ * @class Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel
+ * @extends Ext.form.FormPanel
+ * @xtype mdmplugin.devicedetailspanel
+ *
+ * This dialog panel will provide detail information of device.
+ */
+Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel = Ext.extend(Ext.form.FormPanel, {
+
+    /**
+     * @cfg {Zarafa.plugins.mdm.data.MDMDeviceRecord} record The device record which
+     * is being display by this panel.
+     */
+    record : null,
+
+    /**
+     * @constructor
+     * @param config Configuration structure
+     */
+    constructor : function (config) {
+        config = config || {};
+
+        Ext.applyIf(config, {
+            xtype : 'mdmplugin.devicedetailspanel',
+            layout : 'form',
+            autoScroll : true,
+            autoResize : true,
+            height : 500,
+            defaultType : 'textfield',
+            defaults : {
+                width : 300,
+                readOnly : true
+            },
+            items : this.createPanelItems(config),
+            listeners : {
+                afterlayout : this.onAfterLayout,
+                scope : this
+            }
+        });
+
+        Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel.superclass.constructor.call(this, config);
+    },
+
+
+    /**
+     * Function will create panel items for {@link Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel MDMDeviceDetailsPanel}.
+     * @param config Configuration structure
+     * @return {Array} array of items that should be added to panel.
+     */
+    createPanelItems : function (config)
+    {
+        var items = [{
+            fieldLabel : dgettext('plugin_mdm', 'Device Id'),
+            name : "entryid"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Device Type'),
+            name : "devicetype"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Device OS'),
+            name : "deviceos"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Device Friendly Name'),
+            name : "devicefriendlyname"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'User Agent'),
+            name : "useragent"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'ActiveSync Version'),
+            name : "asversion"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Z-Push Version'),
+            value : container.getSettingsModel().get('zarafa/v1/plugins/mdm/zpush-server-version', true)
+        }, {
+            xtype : "label",
+            width : 100,
+            text : dgettext('plugin_mdm', 'First sync') + ':'
+        }, {
+            xtype : 'zarafa.datetimefield',
+            name : "firstsynctime"
+        }, {
+            xtype : "label",
+            width : 100,
+            text : dgettext('plugin_mdm', 'Last sync') + ':'
+        }, {
+            xtype : 'zarafa.datetimefield',
+            name : "lastsynctime"
+        }, {
+            xtype : "label",
+            width : 100,
+            text : dgettext('plugin_mdm', 'Last Update Time') + ':'
+        }, {
+            xtype : 'zarafa.datetimefield',
+            name : "lastupdatetime"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Total folders'),
+            name : "totalfolders"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Short folder Ids'),
+            name : "shortfolderids"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Synchronized folders'),
+            name : "synchronizedfolders"
+        }, {
+            xtype : 'textarea',
+            fieldLabel : dgettext('plugin_mdm', 'Synchronized data'),
+            autoHeight : true,
+            name : "synchronizeddata"
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Status'),
+            listeners : {
+                afterrender : this.onAfterRenderStatus,
+                scope : this
+            }
+        }, {
+            fieldLabel : dgettext('plugin_mdm', 'Policy name'),
+            name : "policyname"
+        }];
+
+        // KOE information
+        if (config.record && config.record.get('koeversion')) {
+            items.push(this.createKOEItems());
+        }
+        return items;
+    },
+
+    /**
+     * Function will create Kopano Outlook Extension panel items for 
+     * {@link Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel MDMDeviceDetailsPanel}.
+     * @return {Array} array of items that should be added to panel.
+     */
+    createKOEItems : function ()
+    {
+        return [{
+            xtype : 'fieldset',
+            checkboxToggle : false,
+            title : dgettext('plugin_mdm', 'Kopano Outlook Extension'),
+            layout : 'form',
+            width : 405,
+            defaultType : 'textfield',
+            defaults : {
+                readOnly : true,
+                width : 285
+            },
+            items : [{
+                fieldLabel : dgettext('plugin_mdm', 'Version'),
+                name : "koeversion"
+            }, {
+                fieldLabel : dgettext('plugin_mdm', 'Build'),
+                name : "koebuild"
+            },{
+                xtype : "label",
+                width : 100,
+                text : dgettext('plugin_mdm', 'Build Date') + ':'
+            }, {
+                xtype : 'zarafa.datetimefield',
+                name : "koebuilddate"
+            }]
+        }]
+    },
+
+    /**
+     * Function which handles the after layout event of {@link Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel panel}
+     * Which is use to set record values into form fields.
+     */
+    onAfterLayout : function ()
+    {
+        this.getForm().loadRecord(this.record);
+    },
+
+    /**
+     * Function which handles the after render event of status field.
+     * Which is use to set the the display name for the given Provisioning Status into given field 
+     * @param {Ext.form.TextField} statusField text field
+     */
+    onAfterRenderStatus : function (statusField) 
+    {
+        var status = parseInt(this.record.get("wipestatus"));
+        statusField.setValue(Zarafa.plugins.mdm.data.ProvisioningStatus.getDisplayName(status));
+    }
+});
+
+Ext.reg('mdmplugin.devicedetailspanel', Zarafa.plugins.mdm.dialogs.MDMDeviceDetailsPanel);

js/settings/MDMSettingsWidget.js

@@ -87,7 +87,11 @@ Zarafa.plugins.mdm.settings.MDMSettingsWidget = Ext.extend(Zarafa.settings.ui.Se
 						ref : '../../../refresh',
 						handler : this.onRefresh,
 						scope : this
-					}]
+					}],
+					listeners   : {
+						rowdblclick: this.onRowDblClick,
+						scope      : this
+					}
 				}]
 			}]
 		});
@@ -192,6 +196,21 @@ Zarafa.plugins.mdm.settings.MDMSettingsWidget = Ext.extend(Zarafa.settings.ui.Se
 	onRefresh : function()
 	{
 		this.deviceGrid.getStore().load();
+	},
+
+	/**
+	 * Function is called if a row in the grid gets double clicked.
+	 * Which is use to show a dialog with detail device information
+	 * @param {Ext.grid.GridPanel} grid The Grid on which the user double-clicked
+	 * @param {Number} rowIndex The Row number on which was double-clicked.
+	 */
+	onRowDblClick : function (grid, rowIndex)
+	{
+		var record = grid.getStore().getAt(rowIndex);
+		Zarafa.core.data.UIFactory.openLayerComponent(Zarafa.core.data.SharedComponentType['mdm.dialog.mdmdevicedetails'], undefined, {
+			manager : Ext.WindowMgr,
+			record : record
+		});
 	}
 });
 

manifest.xml

@@ -33,6 +33,8 @@
 					<clientfile load="source">js/data/ProvisioningStatus.js</clientfile>
 					<clientfile load="source">js/settings/MDMSettingsWidget.js</clientfile>
 					<clientfile load="source">js/settings/MDMSettingsCategory.js</clientfile>
+					<clientfile load="source">js/dialogs/MDMDeviceDetailsContentPanel.js</clientfile>
+					<clientfile load="source">js/dialogs/MDMDeviceDetailsPanel.js</clientfile>
 					<clientfile load="source">js/ui/Renderers.js</clientfile>
 				</client>
 				<resources>

php/class.pluginmdmmodule.php

@@ -1,6 +1,7 @@
 <?php
 
 require_once(BASE_PATH . 'server/includes/core/class.encryptionstore.php');
+require_once('zpushprops.php');
 
 /**
  * PluginMDMModule Module
@@ -11,6 +12,11 @@ class PluginMDMModule extends Module
 	private $username = '';
 	private $password = '';
 
+	// content data
+	const FOLDERUUID = 1;
+	const FOLDERTYPE = 2;
+	const FOLDERBACKENDID = 5;
+
 	/**
 	 * Constructor
 	 * @param int $id unique id.
@@ -155,21 +161,7 @@ class PluginMDMModule extends Module
 
 							$rawData = $this->getDevices();
 							foreach($rawData as $device){
-								$device = $device->data;
+								array_push($items, array('props' => $this->getDeviceProps($device->data)));
-								$item = array();
-								$item['entryid'] = $device['deviceid'];
-								$item['changed'] = $device['changed'];
-								$item['deviceos'] = $device['deviceos'];
-								$item['devicefriendlyname'] = $device['devicefriendlyname'];
-								$item['devicetype'] = $device['devicetype'];
-								$item['devicemodel'] = $device['devicemodel'];
-								$item['hierarchyuuid'] = $device['hierarchyuuid'];
-								$item['firstsynctime'] = $device['firstsynctime'];
-								$item['lastupdatetime'] = $device['lastupdatetime'];
-								$item['wipestatus'] = $device['wipestatus'];
-								$item['useragent'] = $device['useragent'];
-								$item['domain'] = $device['domain'];
-								array_push($items, array('props' => $item));
 							}
 							$data['page']['start'] = 0;
 							$data['page']['rowcount'] = count($rawData);
@@ -205,5 +197,125 @@ class PluginMDMModule extends Module
 			}
 		}
  	}
+
+
+	/**
+	 * Function which is use to get device properties.
+	 *
+	 * @param array $device array of device properties
+	 * @return array
+	 */
+	function getDeviceProps($device)
+	{
+		$item = array();
+		$propsList = ['devicetype', 'deviceos', 'devicefriendlyname', 'useragent', 'asversion', 'firstsynctime',
+			'lastsynctime', 'lastupdatetime', 'wipestatus', 'policyname', 'koeversion', 'koebuild', 'koebuilddate'];
+
+		$item['entryid'] = $device['deviceid'];
+		foreach ($propsList as $prop) {
+			if (isset($device[$prop])) {
+				$item[$prop] = $device[$prop];
+			}
+		}
+
+		$item = array_merge($item, $this->getSyncFoldersProps($device));
+		return $item;
+	}
+
+	/**
+	 * Function which is use to gather some statistics about synchronized folders.
+	 * @param array $device array of device props
+	 * @return array $syncFoldersProps has list of properties related to synchronized folders
+	 */
+	function getSyncFoldersProps($device)
+	{
+		$contentData = $device['contentdata'];
+		$folders = array_keys($contentData);
+		$synchedFolderTypes = array();
+		$synchronizedData = '';
+		$synchronizedFolders = 0;
+		$hierarchyCache = isset($device['hierarchycache']) ? $device['hierarchycache'] : false;
+
+		foreach ($folders as $folderid) {
+			if (isset($contentData[$folderid][self::FOLDERUUID]) || isset($device['hierarchyuuid'])) {
+				$type = $contentData[$folderid][self::FOLDERTYPE];
+				$name = "unknown";
+				if ($hierarchyCache) {
+					if (array_key_exists($folderid, $hierarchyCache->cacheById)) {
+						$folder = $hierarchyCache->cacheById[$folderid];
+					} else {
+						$folder = $hierarchyCache->cacheByIdOld[$folderid];
+					}
+					if ($folder) {
+						$name = $folder->displayname;
+					}
+				}
+
+				$folderType = $this->getSyncFolderType($type, $name);
+
+				if (!isset($synchedFolderTypes[$folderType])) {
+					$synchedFolderTypes[$folderType] = 0;
+				}
+				$synchedFolderTypes[$folderType]++;
+			}
+		}
+
+		foreach ($synchedFolderTypes as $key => $value) {
+			$synchronizedData = $synchronizedData . $key;
+			$synchronizedFolders += $value;
+			if ($value > 1) {
+				$synchronizedData = $synchronizedData . "(" . $value . ") ";
+			} else {
+				$synchronizedData = $synchronizedData . " ";
+			}
+		}
+
+		$syncFoldersProps = array();
+		$syncFoldersProps["totalfolders"] = count($folders);
+		$syncFoldersProps["shortfolderids"] = $device['hasfolderidmapping'] ? dgettext('plugin_mdm', "Yes") : dgettext('plugin_mdm', "No") ;
+		$syncFoldersProps['synchronizedfolders'] = $synchronizedFolders;
+		$syncFoldersProps['synchronizeddata'] = $synchronizedData;
+
+		return $syncFoldersProps;
+	}
+
+
+	/**
+	 * Function which is use to get general type like Mail,Calendar,Contacts,etc. from folder type.
+	 * @param int $type foldertype for a folder already known to the mobile
+	 * @param string $name folder name
+	 * @return string general folder type
+	 */
+	function getSyncFolderType($type, $name)
+	{
+		$folderType = '';
+		switch ($type) {
+			case SYNC_FOLDER_TYPE_APPOINTMENT:
+			case SYNC_FOLDER_TYPE_USER_APPOINTMENT:
+				if (KOE_GAB_NAME != "" && $name == KOE_GAB_NAME) {
+					$folderType = "GAB";
+
+				} else {
+					$folderType = "Calendars";
+				}
+				break;
+			case SYNC_FOLDER_TYPE_CONTACT:
+			case SYNC_FOLDER_TYPE_USER_CONTACT:
+				$folderType = "Contacts";
+				break;
+			case SYNC_FOLDER_TYPE_TASK:
+			case SYNC_FOLDER_TYPE_USER_TASK:
+				$folderType = "Tasks";
+				break;
+			case SYNC_FOLDER_TYPE_NOTE:
+			case SYNC_FOLDER_TYPE_USER_NOTE:
+				$folderType = "Notes";
+				break;
+			default:
+				$folderType = "Emails";
+				break;
+		}
+		return $folderType;
+	}
 };
 ?>

php/zpushprops.php

@@ -0,0 +1,26 @@
+<?php
+// Folder Properties
+define("SYNC_FOLDER_TYPE_OTHER", 1);
+define("SYNC_FOLDER_TYPE_INBOX", 2);
+define("SYNC_FOLDER_TYPE_DRAFTS", 3);
+define("SYNC_FOLDER_TYPE_WASTEBASKET", 4);
+define("SYNC_FOLDER_TYPE_SENTMAIL", 5);
+define("SYNC_FOLDER_TYPE_OUTBOX", 6);
+define("SYNC_FOLDER_TYPE_TASK", 7);
+define("SYNC_FOLDER_TYPE_APPOINTMENT", 8);
+define("SYNC_FOLDER_TYPE_CONTACT", 9);
+define("SYNC_FOLDER_TYPE_NOTE", 10);
+define("SYNC_FOLDER_TYPE_JOURNAL", 11);
+define("SYNC_FOLDER_TYPE_USER_MAIL", 12);
+define("SYNC_FOLDER_TYPE_USER_APPOINTMENT", 13);
+define("SYNC_FOLDER_TYPE_USER_CONTACT", 14);
+define("SYNC_FOLDER_TYPE_USER_TASK", 15);
+define("SYNC_FOLDER_TYPE_USER_JOURNAL", 16);
+define("SYNC_FOLDER_TYPE_USER_NOTE", 17);
+define("SYNC_FOLDER_TYPE_UNKNOWN", 18);
+define("SYNC_FOLDER_TYPE_RECIPIENT_CACHE", 19);
+define("SYNC_FOLDER_TYPE_DUMMY", 999999);
+
+// Other constant
+define('KOE_GAB_NAME', 'Z-Push-KOE-GAB');
+?>