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.
This commit is contained in:
csoni 2016-12-06 11:22:40 +05:30 committed by Chintan.kukadiya
parent edd376b5b8
commit b1e0b39c8e
8 changed files with 440 additions and 24 deletions

View File

@ -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}

View File

@ -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: 'devicetype', type: 'string'},
{name: 'devicemodel', type: 'string'},
{name: 'domain', type: 'string'},
{name: 'hierarchyuuid', type: 'string'},
// ignoredmessages
{name: 'useragent', type: 'string'},
{name: 'asversion', type: 'string'},
{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'}
];
/**

View File

@ -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);

View File

@ -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);

View File

@ -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
});
}
});

View File

@ -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>

View File

@ -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;
$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));
array_push($items, array('props' => $this->getDeviceProps($device->data)));
}
$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;
}
};
?>

26
php/zpushprops.php Normal file
View File

@ -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');
?>