Fix merge conflicts

Roipoussiere
2 parents 10200969 11f8b45b
Showing 17 changed files with 1458 additions and 94 deletions Show diff stats
.gitignore
help/images/epntap_from_tree.png
help/interopHelp.html
js/app/AmdaApp.js
js/app/controllers/EpnTapModule.js
js/app/controllers/InteropModule.js
js/app/models/AmdaNode.js
js/app/models/LocalParamNode.js
js/app/views/EpnTapUI.js
js/app/views/ExplorerUI.js
js/app/views/InteropUI.js
js/app/views/IntervalUI.js
js/lib/ext
js/resources/css/amda.css
php/classes/VOTableMgr.php
php/epntap.php
php/log
@@ -14,6 +14,7 @@ php/bin
 *~
 logs/*
 php/log
+_test*
 # Ignore these files to safely work on a configured local project:
 desktop.php
@@ -0,0 +1,18 @@
+<h1>Interop module</h1>
+
+<h2>SAMP</h2>
+
+<p>The SAMP module</p>
+
+<h2>Remote Data Base</h2>
+
+<p>The Remote Data Base module</p>
+
+<h2>EPN-TAP</h2>
+
+<p>This module aims to access remote data from EPN-TAP services.</p>
+
+<p>Fill the fields on the top of the window to apply a filter and click on <em>Get services</em> button, then select a service in the left panel.</p>
+<p>You can also launch this module from the AMDA tree, by selecting <em>Display EPN-TAP services</em> on the mission contextual menu:</p><br/>
+
+<img src="help/images/epntap_from_tree.png">
@@ -96,6 +96,13 @@ Ext.define(&#39;amdaApp.AmdaApp&#39;, {
     		source      : 'amdaDesktop.InteropModule',
     		useLauncher : true
     	},
+		epntap : {
+			id          : 'epntap-win',
+			icon        : 'icon-interop',
+			title       : 'EPN-TAP data',
+			source      : 'amdaDesktop.EpnTapModule',
+			useLauncher : false
+		},
     	info : {
     		id          : 'info-win',
     		icon        : 'icon-information',
@@ -281,7 +288,7 @@ Ext.define(&#39;amdaApp.AmdaApp&#39;, {
                    { name: 'Create/Modify parameter',  iconCls: 'edit', module: 'param-win' },
                    { name: 'Plot data',  iconCls: 'plot', module: 'plot-win'},
                    { name: 'Data mining',  iconCls: 'search', module: 'search-win'},
-		   { name: 'Statistics',  iconCls: 'statistics', module: 'statistics-win'},
+                   { name: 'Statistics',  iconCls: 'statistics', module: 'statistics-win'},
                    { name: 'Download data',  iconCls: 'download_manager', module: 'down-win'},
                    { name: 'Upload data',  iconCls: 'mydata', module: 'up-win'},
                    { name: 'Manage TimeTables',    iconCls: 'timeTable', module: 'timetab-win' },
@@ -0,0 +1,187 @@
+/**
+ * Project  : AMDA-NG
+ * Name	 : EpnTapModule.js
+ * @class   amdaDesktop.EpnTapModule
+ * @extends amdaDesktop.AmdaModule
+ * @brief   EpnTap Module controller definition
+ * @author  Nathanael Jourdane
+ */
+
+Ext.define('amdaDesktop.EpnTapModule', {
+
+	extend: 'amdaDesktop.AmdaModule',
+	requires: ['amdaUI.EpnTapUI'],
+	contentId : 'EpnTapUI',
+
+	/** The alias name of the module view. */
+	// uiType: 'panelEpnTap',
+	uiType : 'panelEpnTap',
+
+	/** The text displayed on the *help button* tooltip. */
+	helpTitle: 'Help on EPN-TAP Module',
+
+	/** The name of the documentation file related to the module. */
+	helpFile : 'epnTapHelp',
+
+	/**
+	Module initialisation. Called the first time that the user open the epnTap module.
+	*/
+	init: function() {
+		this.launcher = {
+			text: this.title,
+			iconCls: this.icon,
+			handler: this.createWindow,
+			scope: this
+		};
+	},
+
+	/**
+	Called each time the epntap module is loaded.
+	- `target`: an array of 3 values: [target_name, dataproduct_type]; or null.
+	*/
+	loadTarget: function(filter) {
+		this.aquireElements();
+		this.addListeners();
+
+		this.servicesStore.each(function(record) {
+			record.set('nb_results', -1);
+		}, this);
+		this.granulesStore.removeAll();
+
+		if(filter) {
+			this.targetNameCB.setRawValue(filter['targetName']);
+			this.productTypeCB.select(filter['productType']);
+			this.getServices();
+		}
+	},
+
+	aquireElements: function() {
+		// UI elements
+		this.servicesGrid = Ext.getCmp('epnTapServicesGrid');
+		this.granulesGrid = Ext.getCmp('epnTapGranulesGrid');
+		this.productTypeCB = Ext.getCmp('epnTapProductTypeCB');
+		this.targetNameCB = Ext.getCmp('epnTapTargetNameCB');
+		this.timeSelector = Ext.getCmp('epnTapTimeSelector');
+		this.getBtn = Ext.getCmp('epnTapGetBtn');
+
+		// stores elements
+		this.servicesStore = Ext.data.StoreManager.lookup('servicesStore');
+		this.granulesStore = Ext.data.StoreManager.lookup('granulesStore');
+		this.productTypesStore = Ext.data.StoreManager.lookup('productTypesStore');
+		this.targetNamesStore = Ext.data.StoreManager.lookup('targetNamesStore');
+	},
+
+	addListeners: function() {
+		this.targetNameCB.on('change', function() {
+			this.updateGetBtnStatus();
+		}, this);
+
+		this.productTypeCB.on('change', function() {
+			this.updateGetBtnStatus();
+		}, this);
+
+		this.servicesGrid.on('cellclick', function(grid, td, cellIndex, record) {
+			this.onServiceSelected(record);
+		}, this);
+
+		this.getBtn.on('click', function() {
+			this.getServices();
+		}, this);
+	},
+
+	/**********************
+	*** Utils functions ***
+	**********************/
+
+	updateGetBtnStatus: function() {
+		var shouldEnabled = this.targetNameCB.rawValue.length > 0 && this.productTypeCB.rawValue.length > 0;
+		if(shouldEnabled) {
+			this.getBtn.enable();
+		} else {
+			this.getBtn.disable();
+		}
+	},
+
+	/*************
+	*** Events ***
+	*************/
+
+	/**
+	Trigerred when the 'Get results' button is clicked.
+	*/
+	getServices: function() {
+		this.granulesStore.removeAll();
+		var targetName = this.targetNameCB.rawValue;
+		var productTypes = this.productTypeCB.value.join(';');
+		var timeMin = Ext.Date.format(this.timeSelector.getStartTime(), 'd/m/Y H:i:s'); // start time
+		var timeMax = Ext.Date.format(this.timeSelector.getStopTime(), 'd/m/Y H:i:s'); // stop time
+
+		loadMask.show();
+		this.servicesStore.each(function(record) {
+			// TODO: use store.load() method instead and add 'success' and 'enable' columns in the store
+			Ext.Ajax.request({
+				url: 'php/epntap.php',
+				method: 'GET',
+				headers: {'Content-Type': 'application/json'},
+				params: {
+					'action': 'getNbResults',
+					'serviceId': record.data['id'],
+					'url': record.data['access_url'],
+					'tableName': record.data['table_name'],
+					'targetName': targetName,
+					'productTypes': productTypes,
+					'timeMin': timeMin,
+					'timeMax': timeMax
+				},
+				// timeout: 3000,
+				success: function(response, options) {
+					var record = this.servicesStore.getById(options.params['serviceId']);
+					var responseObj = Ext.decode(response.responseText);
+					this.updateService(record, responseObj['success'] ? responseObj['data'] : -2, responseObj['msg']);
+				},
+				failure: function(response, options) {
+					var record = this.servicesStore.getById(options.params['serviceId']);
+					this.updateService(record, -1, response.statusText);
+				},
+				scope: this
+			});
+		}, this);
+	},
+
+	/**
+	Update the nb_result field of the services store (see `EpnTapUI.servicesStore`), according to the field values in `serviceFilterPanel`.
+	*/
+	updateService: function(record, nbRes, info) {
+		record.set('nb_results', nbRes);
+		record.set('info', info);
+		this.servicesStore.sort();
+		loadMask.hide();
+	},
+
+	/**
+	Trigerred when a row is clicked in `servicesGrid` table (see `EpnTapUI.createServicesGrid()`). Among other things,
+	send a new query and fill `granulesGrid`.
+	*/
+	onServiceSelected: function(record) {
+		this.servicesStore.each(function(record) {
+			record.set('selected', false);
+		}, this);
+		record.set('selected', true);
+		Ext.Ajax.suspendEvent('requestexception');
+		Ext.Ajax.abortAll();
+		var nbRes = record.get('nb_results');
+
+		if(nbRes > 0 && !isNaN(nbRes)) { // TODO replace !isNaN(nbRes) by this.selectedService.get('success')
+			this.granulesStore.load({
+				params: {'action': 'getGranules'},
+				callback: function (records, operation, success) {
+					Ext.Ajax.resumeEvents('requestexception');
+					// console.log(Ext.decode(operation.response.responseText));
+				},
+				start: 0,
+				limit: this.granulesStore.pageSize,
+				scope: this
+			});
+		}
+	}
+});
@@ -7,7 +7,7 @@
  * @author   Benjamin RENARD
  * $Id: InteropModule.js 1870 2013-11-22 13:43:34Z elena $
  *****************************************************************************
- *    FT Id     :   Date   : Name - Description
+ *	FT Id	:   Date  : Name - Description
  *******************************************************************************
  *  			 23/04/2012: BRE  - file creation
  */
@@ -18,7 +18,8 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
 	requires: [
         'amdaUI.InteropUI',
-        'amdaDesktop.SampModule'
+        'amdaDesktop.SampModule',
+		'amdaDesktop.EpnTapModule'
     ],
 	contentId : 'interopUI',
@@ -27,10 +28,11 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
      * @cfg {String} window definitions
      * @required
      */
-	height:    580,
-	width:     850,
+	height: 650,
+	width: 1050,
 	uiType :    'panelInterop',
 	helpTitle :'Help on Interop Module',
+	helpFile: 'interopHelp.html',
 	samp : null,
@@ -237,6 +239,13 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
     	this.samp.sendFITS(url,name);
     },
+	loadEpnTap: function(filter) {
+		if(!this.epntap) {
+			this.epntap = Ext.create('amdaDesktop.EpnTapModule');
+		}
+		this.epntap.loadTarget(filter);
+	},
+
     generateAladinScript : function(urlList, scriptType)
 	{
 		/*var script="reset;"; //reset all views & all planes
@@ -313,8 +322,7 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
     	var script = 'reset;';
-    	for( var i=0; i < urlList.length; i++)
-		{
+		for( var i=0; i < urlList.length; i++) {
 			var url = urlList[i].url;
 			var name = urlList[i].name;
 			script += 'get File(' + url +','+name+');';
@@ -421,6 +429,7 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
 	}
 	    var desktop = this.app.getDesktop();
 	    var win = desktop.getWindow(this.id);
+		var activeTab = (config && 'activeTab' in config) ? config['activeTab']: 1;
             activeTab = 1;
@@ -430,9 +439,9 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
 	            id: this.id,
 	            title:this.title,
 		    layout: 'anchor',
-		    width:600,
-	            height:550,
-	            modal: true,
+			width: 800,
+			height: 600,
+			minWidth: 650,
 		    minimizable: false,
 	            iconCls: this.icon,
 	            animCollapse:false,
@@ -441,12 +450,27 @@ Ext.define(&#39;amdaDesktop.InteropModule&#39;, {
 		    stateful : true,
 		    stateId  : this.id,
 		    stateEvents: ['move','show','resize'],
+			tools: [{
+				type:'help',
+				qtip: this.helpTitle,
+				scope:this,
+				handler: function(event, toolEl, panel) {
+					myDesktopApp.getLoadedModule(myDesktopApp.dynamicModules.info.id, true, function(module) {
+						module.createWindow(me.helpFile, me.helpTitle);
+					});
+				}
+			}],
 	            items : [
 	              {
 	            	  xtype: 'panelInterop',
 	            	  clientsStore : this.sampclientsStore,
 			  activeTab : activeTab,
 			  baseId : baseId,
+			loadTab: function(tab) {
+				if(tab['id'] === 'epntapTab') {
+					me.loadEpnTap(config && 'epntapFilter' in config ? config['epntapFilter']: false);
+				}
+			},
 	            	  onSwitchConnect : function ()
 	            	  {
 	            	  	me.switchSampConnect();
@@ -135,6 +135,9 @@ Ext.define(&#39;amdaModel.AmdaNode&#39;, {
 	    else if (this.get('isParameter')) {
                 itemKind = amdaUI.ExplorerUI.ITEM_KIND_PARA;
             }
+        else if (this.get('rank')) {
+                itemKind = amdaUI.ExplorerUI.ITEM_KIND_MISS;
+            }
 	    // other case
 	    else {
 	        itemKind = amdaUI.ExplorerUI.ITEM_KIND_DIRE;
@@ -98,6 +98,10 @@ Ext.define(&#39;amdaModel.LocalParamNode&#39;,
 			text : 'Close All',
 			hidden : true
 		}, {
+			fnId : 'miss-collapseAll',
+			text : 'Close All',
+			hidden : true
+		}, {
 			fnId : 'para-plotParam',
 			text : 'Plot Parameter',
 			hidden : true
@@ -121,6 +125,10 @@ Ext.define(&#39;amdaModel.LocalParamNode&#39;,
 			fnId : 'leaf-downParam',
 			text : 'Download Parameter',
 			hidden : true
+		}, {
+			fnId : 'miss-epnTap',
+			text : 'Display EPN-TAP services',
+			hidden : true
 		}];
 		return menuItems;
@@ -157,6 +165,9 @@ Ext.define(&#39;amdaModel.LocalParamNode&#39;,
 					myDesktopApp.warningMsg("Sorry! access to this parameter is restricted");
 				break;
+			case 'miss-epnTap':
+				this.displayEpnTap();
+				break;
 			default:
 				break;
 		}
@@ -245,5 +256,24 @@ Ext.define(&#39;amdaModel.LocalParamNode&#39;,
 	isParameter : function()
 	{
 		return this.get('isParameter');
+	},
+
+	displayEpnTap: function() {
+		var icons = {
+			'icon-mercury': 'Mercury',
+			'icon-venus': 'Venus',
+			'icon-earth': 'Earth',
+			'icon-mars': 'Mars',
+			'icon-jupiter': 'Jupiter',
+			'icon-saturn': 'Saturn',
+			'icon-comet': 'Comet',
+		}
+		var filter = {'productType': 'all'};
+		filter['targetName'] = this.get('iconCls') in icons ? icons[this.get('iconCls')] : '';
+		filter['start'] = this.get('globalStart') ? this.get('globalStart') : '';
+		filter['stop'] = this.get('globalStop') ? this.get('globalStop') : '';
+		myDesktopApp.getLoadedModule(myDesktopApp.dynamicModules.interop.id, true, function (module) {
+			module.createWindow({'activeTab': 2, 'epntapFilter': filter});
+		});
 	}
 });
@@ -0,0 +1,638 @@
+/**
+ * Project: AMDA-NG
+ * Name: EpnTapUI.js
+ * @class amdaUI.EpnTapUI
+ * @extends Ext.tab.Panel
+ * @author Nathanael JOURDANE
+ * 24/10/2016: file creation
+ */
+
+/**
+`productTypesStore`: An ExtJS Store containing the list of the different data product types defined on all granules, on
+all available EPN-TAP services (defined in `generic_data/EpnTapData/metadata.json`, updated periodically with a cron
+script).
+
+This list is used to fill the `productTypeCB` combo box, which is initilized in `EpnTapModule` at the panel creation.
+
+- `id`: the data product type IDs, according to the EPN-TAP specification (see
+		https://voparis-confluence.obspm.fr/pages/viewpage.action?pageId=1148225);
+- `name`: the data product name, according to the EPN-TAP specification (ibid).
+
+These IDs and names are hard-defined in the JSon file `generic_data/EpnTapData/dataproduct_types.json`.
+
+Notes:
+- if a granule contains a data product type which is not conform to the EPN-TAP definition (ibid), it is not displayed
+in this store and an information message is displayed on the JavaScript console during the panel creation.
+- if a data product type is not present in any of the granules from the EPN-TAP services, it is not present in this
+store.
+*/
+Ext.create('Ext.data.Store', {
+	storeId: 'productTypesStore',
+	autoLoad: true,
+	fields: ['id', 'name', 'desc'],
+	data: [
+		{'id': 'all', 'name': '--All--', 'desc': 'Select all produt types.'},
+		{'id': 'clear', 'name': '--Clear--', 'desc': 'Clear the selection.'},
+		{'id': 'im', 'name': 'Image', 'desc': '2D series of values depending on 2 spatial axes, with measured parameters.'},
+		{'id': 'ma', 'name': 'Map', 'desc': '2D series of values depending on 2 spatial axes, with derived parameters.'},
+		{'id': 'sp', 'name': 'Spectrum', 'desc': '1D series of values depending on a spectral axis (or Frequency, Energy, Mass,...).'},
+		{'id': 'ds', 'name': 'Dynamic spectrum', 'desc': '2D series of values depending on time and on a spectral axis (Frequency, Energy, Mass,...), FoV is homogeneous.'},
+		{'id': 'sc', 'name': 'Spectral cube', 'desc': '3D series of values depending on 2 spatial axes and on a spectral axis (Frequency, Energy, Mass,..).'},
+		{'id': 'pr', 'name': 'Profile', 'desc': '1D series of values depending on a spatial axis.'},
+		{'id': 'vo', 'name': 'Volume', 'desc': '3D series of values depending on 3 spatial axes (spatial coordinates or tabulated values in a volumic grid).'},
+		{'id': 'mo', 'name': 'Movie', 'desc': '3D series of values depending on 2 spatial axes and on time.'},
+		// {'id': 'cu', 'name': 'Cube', 'desc': '.'},
+		{'id': 'ts', 'name': 'Time series', 'desc': '1D series of values depending on time.'},
+		{'id': 'ca', 'name': 'Catalogue', 'desc': '1D list of elements.'},
+		{'id': 'ci', 'name': 'Catalogue item', 'desc': '0D list of elements.'}
+	]
+});
+
+/**
+`targetNamesStore`: An ExtJS Store containing the list of the different target names defined on all granules, on
+all available EPN-TAP services (defined in `generic_data/EpnTapData/metadata.json`, updated periodically with a cron
+script), which match with the selected data product and target class.
+
+This list is used to fill the `targetNameCB` combo box, which is updated by `EpnTapModule` each time a new target class
+(or, by transitivity, product type) is selected.
+
+- `id`: the target name in lowercase, with the underscore between each word;
+- `name`: the target name, capitalized with spaces between each word (done `EpnTapModule.prettify()`).
+*/
+Ext.create('Ext.data.Store', {
+	storeId: 'targetNamesStore',
+	fields: ['id', 'name', 'type', 'parent', 'aliases'],
+	proxy: {
+		type: 'ajax',
+		url: 'php/epntap.php',
+		extraParams: { action: 'resolver' }
+		// listeners: {
+		// 	exception: function(proxy, response, operation) {
+		// 		console.log('Error ', response); //TODO: Use ExtJs alert instead
+		// 	}
+		// }
+	}
+});
+
+/**
+`servicesStore`: An ExtJS Store containing the list of the EPN-TAP services (defined in
+`generic_data/EpnTapData/metadata.json`, updated periodically with a cron script), which contains at least one granule
+matching with the granules filter (the selected data product type, target class and target name).
+
+This list is used to fill the `servicesGrid` table, which is updated by `EpnTapModule` each time a new target name
+(or, by transitivity, target class or product type) is selected.
+
+- `id`: the database name of the service, according to the `table_name` column from the `rr.res_table` in the
+		registry database;
+- `nbResults`: the number of granules matching with the granules filter for this service;
+- `shortName`: the service short name, according to the `short_name` column from the `rr.resource` table in the registry
+		database;
+- `title`: the service title, according to the `res_title` column from the `rr.resource` table in the registry database;
+- `accessURL`: the service access URL, according to the `access_url` column from the `rr.interface` table in the
+		registry database.
+*/
+Ext.create('Ext.data.Store', {
+	storeId: 'servicesStore',
+	autoLoad: true,
+	fields: [
+		{name: 'id', type: 'string'},
+		{name: 'short_name', type: 'string'},
+		{name: 'res_title', type: 'string'},
+		{name: 'ivoid', type: 'string'},
+		{name: 'access_url', type: 'string'},
+		{name: 'table_name', type: 'string'},
+		{name: 'content_type', type: 'string'},
+		{name: 'creator_seq', type: 'string'},
+		{name: 'content_level', type: 'string'},
+		{name: 'reference_url', type: 'string'},
+		{name: 'created', type: 'date', dateFormat: 'c'},
+		{name: 'updated', type: 'date', dateFormat: 'c'},
+		{name: 'nb_results', type: 'integer'},
+		{name: 'info', type: 'string'},
+		{name: 'selected', type: 'boolean'}
+	],
+	proxy: {
+		type: 'ajax',
+		url: 'php/epntap.php',
+		extraParams : {action: 'getServices'}
+	},
+	sorters: [
+		{property: 'nb_results', direction: 'DESC'},
+		{property: 'short_name', direction: 'ASC'}
+	],
+	listeners: {
+		// load: function(record) { console.log(record); }
+	}
+});
+
+/**
+`granulesStore`: An ExtJS Store containing the list of granules of the selected service (on `servicesGrid`), which match
+with the granules filter (the selected data product type, target class and target name).
+
+This list is used to fill the `granulesGrid` table, which is updated by `EpnTapModule` each time a new service is
+selected.
+
+- `num`: the line number, according to the order of the query response and the current page (see `currentPageLb`);
+- `dataproduct_type`: the dataproduct_type EPN-TAP parameter, as defined in
+	https://voparis-confluence.obspm.fr/display/VES/EPN-TAP+V2.0+parameters.
+- `target_name`: the target_name EPN-TAP parameter (ibid);
+- `time_min`: the time_min EPN-TAP parameter (ibid);
+- `time_max`: the time_max EPN-TAP parameter (ibid);
+- `access_format`: the access_format EPN-TAP parameter (ibid);
+- `granule_uid`: the granule_uid EPN-TAP parameter (ibid);
+- `access_estsize`: the access_estsize EPN-TAP parameter (ibid);
+- `access_url`: the access_url EPN-TAP parameter (ibid);
+- `thumbnail_url`: the thumbnail_url EPN-TAP parameter (ibid).
+*/
+Ext.create('Ext.data.Store', {
+	storeId: 'granulesStore',
+	model: 'granulesModel', // Created dynamically
+	buffered: true,
+	leadingBufferZone: 50,
+	autoload: false,
+	pageSize: 50,
+	proxy: {
+		type: 'ajax',
+		url: 'php/epntap.php',
+		reader: { type: 'json', root: 'data'},
+	}, listeners: {
+		'beforeprefetch': function(store, operation) {
+			var servicesStore = Ext.data.StoreManager.lookup('servicesStore');
+			var service = servicesStore.getAt(servicesStore.findExact('selected', true)).data;
+			store.getProxy().extraParams = {
+				'action': 'getGranules',
+				'url': service['access_url'],
+				'tableName': service['table_name'],
+				'targetName': Ext.getCmp('epnTapTargetNameCB').rawValue,
+				'productTypes': Ext.getCmp('epnTapProductTypeCB').value.join(';'),
+				'timeMin': Ext.Date.format(Ext.getCmp('epnTapTimeSelector').getStartTime(), 'd/m/Y H:i:s'),
+				'timeMax': Ext.Date.format(Ext.getCmp('epnTapTimeSelector').getStopTime(), 'd/m/Y H:i:s'),
+				'nbRes': service['nb_results']
+			};
+		},
+		// 'prefetch': function(store, records, successful, operation) {
+			// console.log('(prefetch) operation ' + (successful ? 'success' : 'failed') + ': ', operation);
+		// },
+		'metachange': function(store, meta) {
+			Ext.getCmp('epnTapGranulesGrid').reconfigure(store, meta.columns);
+		}
+	}
+});
+
+/**
+Error are not displayed here, use try/catch each time it's necessary.
+*/
+Ext.define('App.util.Format', {
+	override: 'Ext.util.Format',
+
+	// Utils
+
+	'prettify': function(data) {
+		return data.charAt(0).toUpperCase() + data.replace(/_/g, ' ').substr(1).toLowerCase();
+	},
+
+	// Services grid
+
+	'serviceTooltip': function(value, data) {
+		for (var key in data) {
+			if(typeof data[key] == 'string' && data[key] != '') {
+				data[key] = data[key].replace(/'/g, '&#39;').replace(/"/g, '&#34;');
+			}
+		}
+		var infoColor = data.nb_results == -2 ? 'IndianRed' : 'green';
+		var info = data.info.length > 0 ? '<p style="color:' + infoColor + '">' + data.info + '</p>' : '';
+
+		var colums = ['res_title', 'ivoid', 'access_url', 'table_name', 'content_type', 'creator_seq', 'content_level', 'reference_url', 'created', 'updated'];
+		var details = '';
+		for (var key in colums) {
+			if(data[colums[key]] !== '') {
+				var val = colums[key] === 'content_level' ? data[colums[key]].replace(/#/g, ', ') : data[colums[key]];
+				details += '<li><b>' + Ext.util.Format.prettify(colums[key]) + '</b>: ' + val + '</li>';
+			}
+		}
+		return Ext.String.format("<div data-qtitle='{0}' data-qtip='{1}<ul>{2}</ul>'>{0}</div>", value, info, details);
+	},
+	'service.text': function(data, metadata, record) {
+		return Ext.util.Format.serviceTooltip(data, record.data);
+	},
+	'service.number': function(data, metadata, record) {
+		value = '' + data;
+		if(data < 0) {
+			value = '-';
+		} else if(data >= 1000*1000) {
+			value = (data/(1000*1000)).toPrecision(3) + 'm';
+		} else if(data >= 1000) {
+			value = (data/1000).toPrecision(3) + 'k';
+		}
+		return Ext.util.Format.serviceTooltip(value, record.data);
+	},
+
+	// Granules grid
+
+	'granuleTooltip': function(value, data) {
+		for (var key in data) {
+			if(typeof data[key] == 'string' && data[key] != '') {
+				data[key] = data[key].replace(/'/g, '&#39;').replace(/"/g, '&#34;');
+			}
+		}
+		var tooltip = '<img src="' + data.thumbnail_url + '">';
+		return Ext.String.format("<div data-qtitle='' data-qtip='{0}'>{1}</div>", tooltip, value);
+	},
+	'granule.text': function(data, metadata, record) {
+		return Ext.util.Format.granuleTooltip('<p style="white-space: normal;">' + data + '</p>', record.data);
+	},
+	'granule.link': function(data, metadata, record) {
+		return Ext.util.Format.granuleTooltip('<a style="font-size:150%" target="_blank" href="' + data + '">&#x1F5D7;</a>', record.data);
+	},
+	'granule.img': function(data, metadata, record) {
+		return Ext.util.Format.granuleTooltip('<img width="40px height="40px" src="' + data + '">', record.data);
+	},
+	'granule.type': function(data, metadata, record) {
+		var productTypeDict = Ext.data.StoreManager.lookup('productTypesStore').data.map;
+		return Ext.util.Format.granuleTooltip('<p>' + productTypeDict[data].data.name + '</p>', record.data);
+	},
+	'granule.size': function(data, metadata, record) {
+		var size = parseInt(data);
+		var txt = '';
+		if (isNaN(size)) {
+		} else if (size >= 1024*1024) {
+			txt = (size/(1024*1024)).toPrecision(3) + 'Go';
+		} else if (size >= 1024) {
+			txt = (size/1024).toPrecision(3) + 'Mo';
+		} else {
+			txt = size + 'Ko';
+		}
+		return Ext.util.Format.granuleTooltip('<p>' + txt + '</p>', record.data);
+	},
+	'granule.proc_lvl': function(data, metadata, record) {
+		var levels = {1: 'Raw', 2: 'Edited', 3: 'Calibrated', 4: 'Resampled', 5: 'Derived', 6: 'Ancillary'};
+		return Ext.util.Format.granuleTooltip((data in levels) ? '<p>' + levels[data] + '</p>' : '<em>' + data + '</em>', record.data);
+	},
+	'granule.date': function(data, metadata, record) {
+		if(isNaN(data)) {
+			return '';
+		}
+		var f = Number(data) + 1401 + Math.floor((Math.floor((4 * Number(data) + 274277) / 146097) * 3) / 4) - 38;
+		var e = 4 * f + 3;
+		var g = Math.floor((e % 1461) / 4);
+		var h = 5 * g + 2;
+		var D = Math.floor((h % 153) / 5) + 1;
+		var M = ((Math.floor(h / 153) + 2) % 12) + 1;
+		var Y = Math.floor(e / 1461) - 4716 + Math.floor((12 + 2 - M) / 12);
+		return Ext.util.Format.granuleTooltip('<p>' + Ext.Date.format(new Date(Y, M-1, D), 'Y/m/d') + '</p>', record.data);
+	},
+	'granule.format': function(data, metadata, record) {
+		var mimetypeDict = {
+			'application/fits': 'fits',
+			'application/x-pds': 'pds',
+			'image/x-pds': 'pds',
+			'application/gml+xml': 'gml',
+			'application/json': 'json',
+			'application/octet-stream': 'bin, idl, envi or matlab',
+			'application/pdf': 'pdf',
+			'application/postscript': 'ps',
+			'application/vnd.geo+json': 'geojson',
+			'application/vnd.google-earth.kml+xml': 'kml',
+			'application/vnd.google-earth.kmz': 'kmz',
+			'application/vnd.ms-excel': 'xls',
+			'application/x-asdm': 'asdm',
+			'application/x-cdf': 'cdf',
+			'application/x-cdf-istp': 'cdf',
+			'application/x-cdf-pds4': 'cdf',
+			'application/x-cef1': 'cef1',
+			'application/x-cef2': 'cef2',
+			'application/x-directory': 'dir',
+			'application/x-fits-bintable': 'bintable',
+			'application/x-fits-euro3d': 'euro3d',
+			'application/x-fits-mef': 'mef',
+			'application/x-geotiff': 'geotiff',
+			'application/x-hdf': 'hdf',
+			'application/x-netcdf': 'nc',
+			'application/x-netcdf4': 'nc',
+			'application/x-tar': 'tar',
+			'application/x-tar-gzip': 'gtar',
+			'application/x-votable+xml': 'votable',
+			'application/x-votable+xml;content=datalink': 'votable',
+			'application/zip': 'zip',
+			'image/fits': 'fits',
+			'image/gif': 'gif',
+			'image/jpeg': 'jpeg',
+			'image/png': 'png',
+			'image/tiff': 'tiff',
+			'image/x-fits-gzip': 'fits',
+			'image/x-fits-hcompress': 'fits',
+			'text/csv': 'csv',
+			'text/html': 'html',
+			'text/plain': 'txt',
+			'text/tab-separated-values': 'tsv',
+			'text/xml': 'xml',
+			'video/mpeg': 'mpeg',
+			'video/quicktime': 'mov',
+			'video/x-msvideo': 'avi'
+		};
+		return Ext.util.Format.granuleTooltip((data in mimetypeDict) ? '<p>' + mimetypeDict[data] + '</p>' : '<em>' + data + '</em>', record.data);
+	}
+});
+
+/**
+`EpnTapUI`: The view of the AMDA EPN-TAP module, allowing the user to query and display granules information from
+EPN-TAP services.
+
+Note: The controller part of this module is defined in `js/app/controller/EpnTapModule`.
+*/
+Ext.define('amdaUI.EpnTapUI', {
+	extend: 'Ext.panel.Panel',
+	alias: 'widget.panelEpnTap',
+	requires: ['amdaUI.IntervalUI'],
+
+	/**
+	Method constructor, which basically call the `init()` method to create the EpnTap panel.
+	*/
+	constructor: function(config) {
+		this.init(config);
+		this.callParent(arguments);
+	},
+
+	/**
+	Create all the EpnTapPanel UI elements, and apply the AMDA module `config` (which includes the created items).
+
+	When the panel is correctly rendered, the panel triggers `EpnTapModule.onWindowLoaded()`.
+
+	Note: All the UI elements creation are defined as functions in this init method and not as methods in order to make
+	them private (ie. to avoid `EpnTapUI.createServicesGrid();`, which doesn't make sense).
+	*/
+	init: function(config) {
+		var myConf = {
+			id: 'epntapTab',
+			title: 'EPN-TAP',
+			layout: 'fit',
+			items: [{
+				xtype: 'container',
+				layout: { type: 'vbox', pack: 'start', align: 'stretch'},
+				items: [
+					this.createServiceFilterPanel(),
+					this.createGridsPanel()
+				]
+			}]
+		};
+		Ext.apply(this, Ext.apply(arguments, myConf));
+	},
+
+	/***************************
+	*** Service filter panel ***
+	***************************/
+
+	/**
+	Create `epnTapServiceFilterPanel`, an ExtJS Panel containing two containers:
+	- the left container, containing the combo boxes (for product type, target class and target name)
+		and the navigation panel;
+	- the right container, containing the time selector.
+	*/
+	createServiceFilterPanel: function() {
+		return {
+			xtype: 'form',
+			id: 'epnTapServiceFilterPanel',
+			layout: { type: 'hbox', pack: 'start', align: 'stretch' },
+			region: 'north',
+			defaults: { margin: '5 0 5 5'},
+			items: [{ // Left part
+				xtype : 'container',
+				flex: 1,
+				items: [
+					this.createTargetNameCB(),
+					this.createProductTypeCB()
+				]
+			}, { // Middle part
+				xtype : 'container',
+				flex: 1,
+				items: [
+					this.createTimeSelector()
+				]
+			}, { // Right part
+				xtype : 'container',
+				items: [
+					this.createSendButton()
+				]
+
+			}]
+		};
+	},
+
+		/**
+		Create `epnTapTargetNameCB`, an ExtJS ComboBox, containing a list of target names corresponding to the selected
+		target class, as defined in `targetNamesStore`, which is initilized by `EpnTapModule`.
+
+		The selection of a target name triggers `EpnTapModule.onTargetNameCBChanged()`, which basically updates
+		`granulesGrid`.
+		*/
+		createTargetNameCB: function() {
+			return {
+				xtype: 'combobox',
+				id: 'epnTapTargetNameCB',
+				fieldLabel: 'Target name',
+				emptyText: 'Earth, Saturn, 67P, ...',
+				store: Ext.data.StoreManager.lookup('targetNamesStore'),
+				queryMode: 'remote',
+				queryParam: 'input',
+				displayField: 'name',
+				valueField: 'id',
+				margin: '15 0 5 0',
+				labelWidth: 71,
+				minWidth: 20,
+				minChars: 2,
+				hideTrigger: true,
+				listConfig: {
+					getInnerTpl: function() {
+						return '<div data-qtitle="{name}" data-qtip="<p>type: {type}</p><p>parent: {parent}</p><p>aliases:</p><ul>{aliases}</ul>">{name}</div>';
+					}
+				},
+				listeners: {
+					render: function(cb) {
+						new Ext.ToolTip({
+							target: cb.getEl(),
+							html: 'Start to type a text then select a target name (required).'
+						});
+					}
+				}
+			};
+		},
+
+	/**
+	Create `epnTapProductTypeCB`, an ExtJS ComboBox, containing a list of product types as defined in
+	`epnTapProductTypesStore`, which is initilized by `EpnTapModule`.
+
+	The selection of a produt type triggers `EpnTapModule.onProductTypeCBChanged()`, which basically update
+	`epnTapGranulesGrid`.
+	*/
+	createProductTypeCB: function() {
+		return {
+			xtype: 'combobox',
+			id: 'epnTapProductTypeCB',
+			fieldLabel: 'Product type',
+			emptyText: 'Image, Time series, ...',
+			store: Ext.data.StoreManager.lookup('productTypesStore'),
+			queryMode: 'local',
+			valueField: 'id',
+			multiSelect: true,
+			displayField: 'name',
+			labelWidth: 71,
+			editable: false,
+			listConfig: {
+				getInnerTpl: function() {
+					return '<div data-qtitle="{name}" data-qwidth=200 data-qtip="<p>{desc}</p>">{name}</div>';
+				}
+			},
+			listeners: {
+				change: function(cb, records) {
+					var val = cb.value[cb.value.length - 1];
+					if(val === 'all') {
+						cb.select(cb.store.getRange().slice(2));
+					} else if (val === 'clear') {
+						cb.reset();
+					}
+				},
+				render: function(cb) {
+					new Ext.ToolTip({
+						target: cb.getEl(),
+						html: 'Select one or several data product types (required).'
+					});
+				}
+			}
+		};
+	},
+
+	/**
+	Create `epnTapTimeSelector`, an IntervalUI object, allowing the user to select a time interval (by filling two
+	dates and/or a duration).
+
+	See `js/app/views/IntervalUI.js` for more information about this component.
+	*/
+	createTimeSelector: function() {
+		return {
+			xtype: 'intervalSelector',
+			id: 'epnTapTimeSelector',
+			durationLimit: 99999
+		};
+	},
+
+	/***********************
+	*** Navigation panel ***
+	***********************/
+
+	/**
+	The button used to send the query.
+	*/
+	createSendButton: function() {
+		return {
+			xtype: 'button',
+			id: 'epnTapGetBtn',
+			text: 'Get services',
+			disabled: true,
+			width: 140,
+			height: 50,
+			margin: 10
+		}
+	},
+
+	/************
+	*** Grids ***
+	************/
+
+	/**
+	Create `epnTapGridsPanel`, an ExtJS Panel, containing `epnTapServicesGrid` and `epnTapGranulesGrid`.
+
+	After the rendering of the grids, it triggers `epnTapModule.onWindowLoaded()`, which basically fill
+	`epnTapServicesGrid` for the first time.
+	*/
+	createGridsPanel: function() {
+		return {
+			xtype: 'panel',
+			id: 'epnTapGridsPanel',
+			layout: 'fit',
+			height: 440,
+			region: 'center',
+			items: [{
+				xtype: 'container',
+				layout: { type: 'hbox', pack: 'start', align: 'stretch'},
+				items: [
+					this.createServicesGrid(),
+					this.createGranulesGrid()
+				]
+			}]
+		};
+	},
+
+	/**
+	Create `epnTapServicesGrid`, an ExtJS grid containing the EPN-TAP services matching with the filter form
+	(`serviceFilterPanel`).
+
+	For each service, this grid displays:
+	- the service name;
+	- the number of granules matching with the filter.
+
+	Other informations are available through an ExtJS Tooltip, on each row:
+	- short name;
+	- title;
+	- access URL.
+
+	A click on a service triggers `EpnTapModule.onServiceSelected()`, which basically fills `GranulesGrid` by the
+	service granules.
+	*/
+	createServicesGrid: function() {
+		return {
+			xtype: 'grid',
+			id: 'epnTapServicesGrid',
+			title: 'Services',
+			store: Ext.data.StoreManager.lookup('servicesStore'),
+			flex: 1,
+			columns: [
+				{text: 'Name', dataIndex: 'short_name', flex: 1, renderer: 'service.text'},
+				{text: 'Nb res.', dataIndex: 'nb_results', width: 50, renderer: 'service.number'}
+			],
+			viewConfig: {
+				getRowClass: function(record, index) {
+					var nb_res = record.get('nb_results');
+					if(nb_res == 0 || nb_res == -1) {
+						return 'disabled_row';
+					} else if (nb_res == -2) {
+						return 'error_row';
+					}
+				}
+			}
+		};
+	},
+
+	/**
+	Create `epnTapGranulesGrid`, an ExtJS grid containing the granules of the selected service in
+	`epnTapServicesGrid`.
+
+	For each granule, this grid displays:
+	- the row number;
+	- the dataproduct type;
+	- the target name;
+	- the min and max times;
+	- the format;
+	- the UID (granule identifier);
+	- the estimated size;
+	- the URL;
+	- the thumbnail.
+
+	Each of these information are displayed in a specific rendering to improve user experience.
+	For more information about these parameters, see https://voparis-confluence.obspm.fr/display/VES/EPN-TAP+V2.0+parameters.
+
+	Other informations are available through an ExtJS Tooltip on each row:
+	- currently only the granule thumbnail, in full size.
+
+	A click on a granule triggers `EpnTapModule.onGranuleSelected()`.
+	*/
+	createGranulesGrid: function() {
+		return {
+			xtype: 'grid',
+			id: 'epnTapGranulesGrid',
+			title: 'Granules',
+			store: Ext.data.StoreManager.lookup('granulesStore'),
+			flex: 4,
+			columns: []
+		};
+	}
+});
@@ -100,6 +100,7 @@ Ext.define(&#39;amdaUI.ExplorerUI&#39;, {
         ITEM_KIND_LEAF : 'leaf',
         ITEM_KIND_DIRE : 'dire',
         ITEM_KIND_PARA : 'para',
+        ITEM_KIND_MISS : 'miss'
     },
     initComponent : function (config) {
 /**
  * Project   : AMDA-NG
- * Name      : InteropUI.js
+ * Name	  : InteropUI.js
  * @class   amdaUI.InteropUI
  * @extends Ext.tab.Panel
  * @brief   Interop Module UI definition (View)
  * @author  Benjamin RENARD
  * @version $Id: InteropUI.js 1093 2012-10-03 15:54:26Z elena $
  ******************************************************************************
- *    FT Id     :   Date   : Name - Description
+ *	FT Id	 :   Date   : Name - Description
  ******************************************************************************
- *  :           :23/04/2012: BRE  - file creation
+ *  :		   :23/04/2012: BRE  - file creation
  */
@@ -18,7 +18,7 @@ Ext.define(&#39;amdaUI.InteropUI&#39;, {
         alias: 'widget.panelInterop',
 	requires: [
-	      'amdaUI.ParamsMgrUI'
+		'amdaUI.ParamsMgrUI', 'amdaUI.EpnTapUI'
 	  ],
     	constructor: function(config) {
@@ -103,27 +103,30 @@ Ext.define(&#39;amdaUI.InteropUI&#39;, {
 			};
 		},
-	      init : function(config) {
-
-	    	var me = this;
-
-	    	this.onSwitchConnect = config.onSwitchConnect;
-	    	var activeTab = config.activeTab ? config.activeTab : 0;
-
-	    	var myConf = {
-	                plain : true,
-	    		activeTab: activeTab,
-	    		defaults: {
-	    	            autoHeight: true,
-	    	            layout : 'fit',
-	    	            bodyStyle: { background : '#dfe8f6' }
-	    	        },
-	    	        items: [
-	    	                this.getSampTab(config.clientsStore),
-				{ xtype : 'paramsMgrPanel', baseId : config.baseId, layout : 'hbox'}
-	    	        ]
-	        };
-
-	        Ext.apply (this , Ext.apply (arguments, myConf));
-		}
+	init: function(config) {
+		var me = this;
+
+		this.onSwitchConnect = config.onSwitchConnect;
+		var activeTab = config.activeTab ? config.activeTab : 0;
+
+		var myConf = {
+			plain: true,
+			activeTab: activeTab,
+			defaults: {
+				autoHeight: true,
+				layout: 'fit',
+				bodyStyle: { background: '#dfe8f6' }
+			},
+			items: [
+				this.getSampTab(config.clientsStore),
+				{xtype: 'paramsMgrPanel', baseId: config.baseId, layout: 'hbox'},
+				{xtype: 'panelEpnTap'}
+			],
+			listeners: {
+				afterrender: function() { config.loadTab(this.getActiveTab()); },
+				tabchange: function(tabpanel, tab) { config.loadTab(tab); }
+			}
+		};
+		Ext.apply (this, Ext.apply (arguments, myConf));
+	}
 });
@@ -12,12 +12,14 @@
  ******************************************************************************
  */
-
+/**
+config:
+- durationLimit: The maximum value of the duration days field (9999 by default).
+*/
 Ext.define('amdaUI.IntervalUI', {
     extend: 'Ext.container.Container',
     alias: 'widget.intervalSelector',
-
     activeField : null,
 	constructor: function(config) {
@@ -25,6 +27,12 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
 		this.callParent(arguments);
 	},
+	/**
+	Set the start and stop date, and update the duration field.
+	- startDate: A Extjs Date object representing the new start time.
+	- stopDate: A Extjs Date object representing the new stop time.
+	- return: None.
+	*/
 	setInterval : function(startDate,stopDate)
 	{
 		// get the search form
@@ -43,6 +51,31 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
         this.updateDuration();
 	},
+    /**
+	Set the limits values of both startField and stopField date fields.
+	*/
+	setLimits: function(minValue, maxValue) {
+		var form = this.findParentByType('form').getForm();
+		var startField = form.findField('startDate');
+		var stopField = form.findField('stopDate');
+
+		if (startField != null) {
+			startField.setMinValue(minValue);
+			startField.setMaxValue(maxValue);
+		}
+
+		if (stopField != null) {
+			stopField.setMinValue(minValue);
+			stopField.setMaxValue(maxValue);
+		}
+
+		this.updateDuration();
+	},
+
+    /**
+		Get the start time field value.
+		- return: A Extjs Date object representing the start time (null if the date is not valid).
+	*/
 	getStartTime : function()
 	{
 		// get the search form
@@ -53,6 +86,10 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
         return startField.getValue();
 	},
+	/**
+		Get the stop time field value.
+		- return: A Extjs Date object representing the stop time (null if the date is not valid).
+	*/
 	getStopTime : function()
 	{
 		// get the search form
@@ -63,14 +100,17 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
         return stopField.getValue();
 	},
-    updateDuration: function() {
+	/*
+		#### Private methods from here ####
+	*/
+    updateDuration: function() {
         // get the search form
         var form = this.findParentByType('form').getForm();
         // get start value
-        var start = form.findField('startDate').getValue();
+        var start = this.getStartTime();
         // get stop value
-        var stop = form.findField('stopDate').getValue();
+        var stop = this.getStopTime();
         // if duration computable
         if (stop != null && start != null) {
@@ -81,15 +121,14 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
             var durationDays = Math.floor(diff/86400000);
             // set all duration values
-            form.findField('durationDay').setValue(Ext.String.leftPad(durationDays,4,'0'));
+            form.findField('durationDay').setValue(Ext.String.leftPad(durationDays, ('' + this.durationLimit).length, '0'));
             form.findField('durationHour').setValue(Ext.String.leftPad(Math.floor(diff/3600000 % 24),2,'0'));
             form.findField('durationMin').setValue(Ext.String.leftPad(Math.floor(diff/60000 % 60),2,'0'));
             form.findField('durationSec').setValue(Ext.String.leftPad(Math.floor(diff/1000 % 60),2,'0'));
-            if (durationDays > 9999) {
-                form.findField('durationDay').markInvalid('Maximum interval is 9999 days!');
+            if (durationDays > this.durationLimit) {
+                form.findField('durationDay').markInvalid('Maximum interval is ' + this.durationLimit + ' days!');
             }
-
         }
     },
@@ -105,7 +144,6 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
     },
     updateStop: function() {
-
         // get the time form
         var form = this.findParentByType('form').getForm();
         // get duration value
@@ -150,10 +188,15 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
 			layout: {type: 'hbox', align: 'middle'},
             items: [
                 {
-                    xtype: 'datefield', name: fieldName, format: 'Y/m/d H:i:s',
-                    enforceMaxLength : true,
-                    maxLength: 19,
-                    fieldLabel: fieldText, labelAlign: 'right', labelWidth: 60,
+					xtype: 'datefield',
+					name: fieldName,
+					emptyText: 'YYYY/MM/DD hh:mm:ss',
+					format: 'Y/m/d H:i:s',
+					enforceMaxLength: true,
+					maxLength: 19,
+					fieldLabel: fieldText,
+					labelAlign: 'left',
+					labelWidth: 60,
                     listeners: {
                         change: onChangeField,
                         focus: function(field) {
@@ -168,7 +211,7 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
 	getStartField : function()
 	{
-		return this.getDateField('startDate','Start Time','start',this.onChangeStartField);
+		return this.getDateField('startDate','Start Time','start', this.onChangeStartField);
 	},
 	getStopField : function()
@@ -180,9 +223,12 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
 	{
             return {
             layout: {type: 'hbox', align: 'middle'},
-            height: 45,
+            margin: 0,
             defaults: {
-                xtype: 'textfield', labelAlign: 'top', width: 30,
+                xtype: 'textfield',
+                labelAlign: 'left',
+                width: 35,
+                margin: '0 5 0 0',
                 allowBlank: false, maxLength:2, enforceMaxLength : true,
                 hideTrigger: true,
                 regex: /^[0-9]([0-9])*$/i,
@@ -196,24 +242,26 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
                     focus: function(field) {
                         this.activeField = 'duration';
                     },
+                    render: function(c) {
+                        Ext.create('Ext.tip.ToolTip', {
+                            target: c.getEl(),
+                            html: c.tip
+                        });
+                    },
                     scope : this
                 }
             },
             items:[
-                { xtype: 'displayfield', labelWidth: 60, labelAlign: 'right', width: 60, fieldLabel: '<br>Duration'},
-                { xtype: 'component', width: 5},
-                { name: 'durationDay', fieldLabel: 'Days', width: 45, maxLength: 4},
-                { xtype: 'component', width: 5},
-                { name: 'durationHour', fieldLabel: 'Hrs'},
-                { xtype: 'component', width: 5},
-                { name: 'durationMin', fieldLabel: 'Mins'},
-                { xtype: 'component', width: 5},
-                { name: 'durationSec', fieldLabel: 'Secs'}
+                { name: 'durationDay', tip: 'Days', fieldLabel: 'Duration', labelWidth: 60, emptyText: 'Days', width: 100, maxLength: ('' + this.durationLimit).length},
+                { name: 'durationHour', tip: 'Hours', emptyText: 'Hrs'},
+                { name: 'durationMin', tip: 'Minutes', emptyText: 'Mins'},
+                { name: 'durationSec', tip: 'Seconds', emptyText: 'Secs'}
             ]
         };
 	},
     init : function(config) {
+		this.durationLimit = config.durationLimit == null ? 9999 : config.durationLimit; // Set duration limit to 9999 by default
         var me = this;
@@ -222,7 +270,7 @@ Ext.define(&#39;amdaUI.IntervalUI&#39;, {
                     plain: true,
                     flex: 1,
                     layout: 'anchor',
-                    defaults: { height : 30, xtype : 'container'},
+                    defaults: { margin: '0 0 5 0', xtype : 'container'},
                     items: [
                             me.getStartField(),
@@ -0,0 +1 @@
+/home/nathanael/CDPP/AMDA_CLIENT/ext-4.2.4.1720
 \ No newline at end of file
@@ -488,3 +488,11 @@ p + p {
 	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
 	opacity: 1.0 !important;
 }
+
+.disabled_row {
+	color: gray;
+}
+
+.error_row {
+	color: IndianRed;
+}
@@ -4,14 +4,17 @@
  * @version $Id: VOTableMgr.php 2916 2015-05-19 13:08:33Z elena $
  */
-//set DEBUG_MODE to TRUE to have some log information in user data dir
-define("DEBUG_MODE",FALSE);
-
-
-class VOTableMgr
-{
-  public  $xml = null;
-  private $log, $xp;
+//set DEBUG_MODE to TRUE to have some log information
+define("DEBUG_MODE", FALSE);
+
+class VOTableMgr {
+	public  $xml = null;
+	private $log;
+	private $xp;
+	private $stream; // The stream in the VOTable
+	private $c; // Current character position on the stream
+	private $is_little_endian;
+	private $votable_error = false;
   function __construct()
   {
@@ -27,36 +30,58 @@ class VOTableMgr
   function load($fileName)
   {
-  	 $this->xml =  new DomDocument("1.0");
-    if (!$this->xml->load($fileName))
-    {
-      $this->addLog("Cannot load file ".$fileName."\n");
-      return FALSE;
-    }
-
-    $this->checkIDAttribute();
-    /*if ($this->xml->namespaceURI == '')
-    {
-    	 $this->addLog("File don't have a namespace defined\n");
-      if (!$this->xml->createAttributeNS('http://www.ivoa.net/xml/VOTable/v1.1','xmlns'))
-        $this->addLog("Cannot create namespace attribute\n");
-    }
-
-    $this->addLog($this->xml->namespaceURI."\n");*/
+	$this->is_little_endian = array_values(unpack('L1L', pack('V', 1)))[0] == 1;
+
+	// see http://php.net/manual/en/domdocument.load.php#91384
+	$options = array(
+		'http' => array(
+			'method' => 'GET',
+			'timeout' => '5',
+			'user_agent' => 'PHP libxml agent',
+			// If the query is wrong, epn-tap service returns an HTTP error code 400, along with xml containing some usefull informations.
+			'ignore_errors' => true
+		)
+	);
+	$context = stream_context_create($options);
+	libxml_set_streams_context($context);
+	$this->xml = new DomDocument();
+
+	if (!$this->xml->load($fileName)) {
+		$this->votable_error = 'Can not load xml file.';
+		return false;
+	}
-    $rootNamespace = $this->xml->lookupNamespaceUri($this->xml->namespaceURI);
+	$this->checkIDAttribute();
-    $this->xp = new domxpath($this->xml);
+	$rootNamespace = $this->xml->lookupNamespaceUri($this->xml->namespaceURI);
+	$this->xp = new domxpath($this->xml);
+	$this->xp->registerNameSpace('x', $rootNamespace);
-    $this->xp->registerNameSpace('x', $rootNamespace);
+	return true;
+  }
-    return TRUE;
+  function getVotableError() {
+	  return $this->votable_error;
   }
   function isValidSchema()
   {
-  	 if (!$this->xml)
-  	   return FALSE;
+	if ($this->votable_error != false) {
+		return false;
+	}
+
+	if (!$this->xml) {
+		$this->votable_error = "The returned file is not XML.";
+		return false;
+	}
+
+	$infos = $this->xp->query($this->queryResourceInfo());
+	foreach($infos as $info) {
+		if($info->getAttribute('value') == 'ERROR') {
+			$this->votable_error = $info->textContent;
+			return false;
+		}
+	}
   	 //ToDo - BRE - add validation!!
@@ -117,6 +142,10 @@ class VOTableMgr
   	 return "//x:RESOURCE";
   }
+	protected function queryResourceInfo() {
+		return $this->queryResource()."/x:INFO";
+	}
+
   protected function queryTable()
   {
   	 return $this->queryResource()."/x:TABLE";
@@ -161,6 +190,13 @@ class VOTableMgr
   	 return $this->queryTableData()."/x:TR";
   }
+	protected function queryBinaryData() {
+		return $this->queryData()."/x:BINARY";
+	}
+
+	protected function queryStream() {
+		return $this->queryBinaryData()."/x:STREAM";
+	}
   //
   public function getVersion()
@@ -387,6 +423,147 @@ class VOTableMgr
 		return $this->getFieldInfo($field);
 	}
+	/** Get the size of a row according to datatype array length. */
+	private function get_row_size($field_node) {
+		$datatype = $field_node->getAttribute("datatype");
+
+		if($datatype == 'boolean') {
+			return 1;
+		}
+
+		switch($datatype) {
+			case 'unsignedByte':
+			case 'char':
+				$block_size = 1;
+				break;
+			case 'unicodeChar':
+			case 'short':
+				$block_size = 2;
+				break;
+			case 'int':
+			case 'float':
+				$block_size = 4;
+				break;
+			case 'long':
+			case 'double':
+			case 'float_complex':
+				$block_size = 8;
+				break;
+			case 'double_complex':
+				$block_size = 16;
+			default:
+				$block_size = 0;
+				break;
+		}
+
+		if($field_node->getAttribute("arraysize") == NULL) {
+			$array_size = $block_size;
+		} else if("*" == $field_node->getAttribute("arraysize")) {
+			$array_size = unpack("Ns", substr($this->stream, $this->c, 4))["s"] * $block_size;
+			$this->c+=4;
+		} else {
+			$array_size = (int)($field_node->getAttribute("arraysize")) * $block_size;
+		}
+		return $array_size;
+	}
+
+	/** Get the VOTable stream content.*/
+	public function parseStream() {
+		if (! $this->isValidSchema()) {
+			error_log('There is an error on the VOTable: ' . $this->votable_error);
+			return null;
+		}
+		$data = Array();
+		$fields = $this->xp->query($this->queryFields());
+		$resource = $this->xp->query($this->queryResource());
+		$nb_columns = $fields->length;
+		$row = Array();
+		$n_value = 0; // index of current value
+		$this->c = 0; // initialize cursor position.
+		$query_stream = $this->xp->query($this->queryStream())->item(0);
+		if($query_stream == NULL) {
+			$this->votable_error = "There is no STREAM node in the VOTable file.";
+			return null;
+		}
+		$this->stream = base64_decode($query_stream->textContent);
+		$stream_len = strlen($this->stream);
+		if($stream_len == 0) {
+			$this->votable_error = "no result";
+			return null;
+		}
+		while($this->c < strlen($this->stream)) {
+			$col_id = $n_value % $nb_columns;
+			$field_node = $fields->item($col_id);
+
+			if($col_id == 0) {
+				$row = Array();
+			}
+			$row[$field_node->getAttribute("ID")] = $this->process_datablock($field_node);
+			if($col_id == $nb_columns-1) {
+				array_push($data, $row);
+			}
+			$n_value+=1;
+		}
+		return $data;
+	}
+
+	private function JDTodate($jd) {
+		list($month, $day, $year) = split('/', JDToGregorian($jd));
+		return "$day/$month/$year";
+	}
+
+	private function process_datablock($field_node) {
+		$data_type = $field_node->getAttribute("datatype");
+		$row_size = $this->get_row_size($field_node);
+		$substr = substr($this->stream, $this->c, $row_size);
+
+		switch ($data_type) {
+			case 'boolean':
+			case 'unsignedByte':
+				$b = $substr;
+				$res = $b == 'T' || $b == 't' || $b == '1';
+				break;
+			case 'char':
+				$res = $row_size !=0 ? utf8_encode($substr) : NULL;
+			case 'unicodeChar':
+				$res = $row_size !=0 ? utf8_encode(str_replace("\0", '', $substr)) : NULL;
+				break;
+			case 'short':
+				$res = unpack('ss', $substr)['s'];
+				$res = is_nan($res) ? NULL : $res;
+				break;
+			case 'int':
+				$res = unpack('Ns', $substr)['s'];
+				$res = is_nan($res) ? NULL : $res;
+				break;
+			case 'long':
+				$res = unpack('Js', $substr)['s'];  // /!\ J -> PHP 5.6 only
+				$res = is_nan($res) ? NULL : $res;
+				break;
+			case 'float':
+				$res = unpack('fs', $substr)['s'];
+				// If machine is little endian:
+				if($this->is_little_endian) {
+					$res = unpack('f1f', strrev(pack('f', $res)))['f'];
+				}
+				$res = is_nan($res) ? NULL : $res;
+				break;
+			case 'double':
+				$res = unpack('ds', $substr)['s'];
+				// If machine is little endian:
+				if($this->is_little_endian) {
+					$res = unpack('d1d', strrev(pack('d', $res)))['d'];
+				}
+				$res = is_nan($res) ? NULL : $res;
+				break;
+			default:
+				$res = NULL;
+				error_log("Unknown datatype: $data_type");
+				break;
+		}
+		$this->c+=$row_size;
+		return $res;
+	}
 	public function getFieldInfo($field)
 	{
@@ -0,0 +1,218 @@
+<?php
+
+include(realpath(dirname(__FILE__) . "/config.php"));
+include(CLASSPATH . "VOTableMgr.php");
+
+$action = preg_replace("/[^a-zA-Z]+/", "", filter_var($_GET['action'], FILTER_SANITIZE_STRING));
+
+switch ($action) {
+	case 'resolver':
+		$response = resolver();
+		break;
+	case 'getServices':
+		$response = getServices();
+		break;
+	case 'getNbResults':
+		$response = getNbResults();
+		break;
+	case 'getGranules':
+		$response = getGranules();
+		break;
+	default:
+		$response = ['success' => false, 'msg' => 'Unknown action: ' . $action];
+		break;
+}
+echo json_encode($response);
+
+function resolver() {
+	$input = filter_var($_GET['input'], FILTER_SANITIZE_URL);
+	$resolver_url = "http://voparis-registry.obspm.fr/ssodnet/1/autocomplete?q=%22$input%22";
+
+	$response = ['success' => true, 'metaData' => ['root' => 'data', 'messageProperty' => 'msg']];
+	try {
+		$content = file_get_contents($resolver_url);
+	} catch (Exception $e) {
+		error_log('Resolver access error: ' . $e);
+		$response['success'] = false;
+		$response['msg'] = "Resolver unreachable on $resolver_url.";
+	}
+	try {
+		$result = json_decode($content, true);
+		$targets = array();
+		foreach($result['hits'] as $e) {
+			$aliases = '<li>' . join('</li><li>', $e['aliases']) . '</li>';
+			$target = array('name' => $e['name'], 'type' => $e['type'], 'parent' => $e['parent'], 'aliases' => $aliases);
+			array_push($targets, $target);
+		}
+		$response['data'] = $targets;
+	} catch (Exception $e) {
+		error_log('Resolver type error: ' . $e);
+		$response['success'] = false;
+		$response['msg'] = 'The resolver returned a bad result.';
+	}
+	return $response;
+}
+
+function request($access_url, $query) {
+	$votMgr = new VOTableMgr;
+	$params = 'FORMAT=votable&LANG=ADQL&REQUEST=doQuery';
+	$url = $access_url . '/sync?' . $params . '&QUERY=' . urlencode(preg_replace('/\s+/', ' ', $query)); // remove also multiple whitespaces
+
+	$votMgr->load($url);
+	$data = $votMgr->parseStream();
+	$error = $votMgr->getVotableError();
+
+	$response = ['query' => $query, 'metaData' => ['root' => 'data', 'messageProperty' => 'msg']];
+	if($error) {
+		$response['success'] = false;
+		$response['msg'] = $error;
+	} else {
+		$response['success'] = true;
+		$response['data'] = $data;
+	}
+	return $response;
+}
+
+/* Return the list of available services by querying some usual registries. */
+function getServices() {
+	$registriesURL = ["http://registry.euro-vo.org/regtap/tap", "http://dc.zah.uni-heidelberg.de/tap", "http://gavo.aip.de/tap", "http://reg.g-vo.org/tap"];
+	$columns = ['short_name', 'res_title', 'ivoid', 'access_url', 'table_name', 'content_type', 'creator_seq', 'content_level', 'reference_url', 'created', 'updated'];
+	$query = "SELECT DISTINCT " . implode(', ', $columns) . " FROM rr.resource
+			NATURAL JOIN rr.res_schema NATURAL JOIN rr.res_table NATURAL JOIN rr.interface NATURAL JOIN rr.res_detail NATURAL JOIN rr.capability
+			WHERE standard_id='ivo://ivoa.net/std/tap' AND intf_type='vs:paramhttp' AND detail_xpath='/capability/dataModel/@ivo-id'
+			AND 1=ivo_nocasematch(detail_value, 'ivo://vopdc.obspm/std/EpnCore%') AND table_name LIKE '%.epn_core' ORDER BY short_name, table_name";
+
+	$regNumber = 0;
+	for(; $regNumber<count($registriesURL) ; $regNumber++) {
+		$response = request($registriesURL[$regNumber], $query);
+		if($response['success']) {
+			// Add several other parameters and remove AMDA
+			for($j=0 ; $j<count($response['data']) ; $j++) {
+				$response['data'][$j]['id'] = generateServiceId($response['data'][$j]);
+				$response['data'][$j]['nb_results'] = -1;
+				$response['data'][$j]['info'] = 'Please make a query.';
+				if($response['data'][$j]['id'] == 'cdpp/amda/amdadb') {
+					array_splice($response['data'], $j, 1);
+					$j-=1;
+				}
+			}
+			if(isset($lastErrorMesage)) {
+				$response['msg'] = $lastErrorMesage;
+			}
+			break;
+		} else {
+			$lastErrorMesage = 'Last tried registry (' . $registriesURL[$regNumber] . ') returned this error: ' . $response['msg'] . '.';
+		}
+	}
+	if(!$response['success']) {
+		$response['msg'] = 'Can not access any of these registries: ' . implode(', ', $registriesURL) . ', last error message is ' . $lastErrorMesage;
+	}
+	return $response;
+}
+
+function getNbResults() {
+	$url = filter_var($_GET['url'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$tableName = filter_var($_GET['tableName'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$targetName = filter_var($_GET['targetName'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$productTypes = filter_var($_GET['productTypes'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$timeMin = filter_var($_GET['timeMin'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$timeMax = filter_var($_GET['timeMax'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+
+	$query = "SELECT COUNT(*) AS nb_rows FROM $tableName" . createFilter($targetName, $productTypes, $timeMin, $timeMax);
+	$response = request($url, $query);
+	if($response['success']) {
+		$response['success'] = false;
+		$response['msg'] = 'The service returned a bad value, can not get the number of results.';
+		if(count($response['data']) < 1) {
+			error_log('getNbResults error: Too few returned raws.');
+		} else if(count($response['data']) > 1) {
+			error_log('getNbResults error: Too many returned raws.');
+		} else if(!array_key_exists(0, $response['data'])) {
+			error_log('getNbResults error: cant find raw item 0');
+		} else if(is_null($response['data'][0])) {
+			error_log('getNbResults error: The returned raw is null.');
+		} else if(!array_key_exists("nb_rows", $response['data'][0])) {
+			error_log('getNbResults error: cant find nb_rows.');
+		} else if(!is_numeric($response['data'][0]['nb_rows'])) {
+			error_log('getNbResults error: The returned value is not a number.');
+		} else {
+			$response['success'] = true;
+			$response['data'] = (int)($response['data'][0]['nb_rows']);
+			$response['msg'] = 'The service returned ' . ($response['data'] == 0 ? 'no' : $response['data']) . ' result' . ($response['data'] > 1 ? 's' : '') . ' for the given query.';
+		}
+	}
+	return $response;
+}
+
+function getGranules() {
+	// TODO: simplify this
+	$url = filter_var($_GET['url'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$tableName = filter_var($_GET['tableName'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$targetName = filter_var($_GET['targetName'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$productTypes = filter_var($_GET['productTypes'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$timeMin = filter_var($_GET['timeMin'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$timeMax = filter_var($_GET['timeMax'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$start = filter_var($_GET['start'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$limit = filter_var($_GET['limit'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+	$nbRes = filter_var($_GET['nbRes'], FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_LOW);
+
+	$filter = createFilter($targetName, $productTypes, $timeMin, $timeMax);
+	$query = "SELECT TOP $limit * FROM $tableName $filter OFFSET $start";
+	// error_log('getGranules query: ' . $query);
+	$response = request($url, $query);
+	if($response['success']) {
+		$visibleColumns = ['granule_gid', 'obs_id', 'dataproduct_type', 'time_min', 'time_max', 'instrument_name', 'processing_level', 'access_estsize', 'thumbnail_url', 'access_url']; // rest are hidden
+		$names = ['granule_gid' => 'GID', 'dataproduct_type' => 'Type', 'processing_level' => 'Proc. lvl', 'access_estsize' => 'Size', 'access_url' => 'URL']; // default: pretty printed key name
+		$renderers = ['dataproduct_type' => 'type', 'time_min' => 'date', 'time_max' => 'date', 'processing_level' => 'proc_lvl',
+			'access_estsize' => 'size', 'thumbnail_url' => 'img', 'access_url' => 'link', 'access_format' => 'format']; // default: text
+		$widths = ['obs_id' => 75, 'time_min' => 75, 'time_max' => 75, 'instrument_name' => 75, 'processing_level' => 60]; // default: 50
+
+		$fields = array();
+		$columns = array();
+		foreach($response['data'][0] as $key => $value) {
+			$fields[] = ['name' => $key, 'type' => 'string'];
+			$columns[] = [
+				'dataIndex' => $key,
+				'text' => array_key_exists($key, $names) ? $names[$key] : ucfirst(str_replace('_', ' ', $key)),
+				'width' => array_key_exists($key, $widths) ? $widths[$key] : 50,
+				'hidden' => !in_array($key, $visibleColumns),
+				'renderer' => 'granule.' . (array_key_exists($key, $renderers) ? $renderers[$key] : 'text')
+			];
+		}
+
+		$response['total'] = $nbRes;
+		$response['metaData']['fields'] = $fields;
+		$response['metaData']['columns'] = $columns;
+	}
+	return $response;
+}
+
+// ----- utils -----
+
+function createFilter($targetName, $productTypes, $timeMin, $timeMax) {
+	$filter = array();
+	if($targetName) {
+		array_push($filter, "target_name = '$targetName'");
+	}
+	if($productTypes) {
+		array_push($filter, "dataproduct_type IN ('" . join("', '", explode(';', $productTypes)) . "')");
+	}
+	if($timeMin) {
+		array_push($filter, "time_min >= " . dateToJD($timeMin));
+	}
+	if($timeMax) {
+		array_push($filter, "time_max <= " . dateToJD($timeMax));
+	}
+	return (count($filter) > 0 ? ' WHERE ' . join(' AND ', $filter) : '');
+}
+
+/* Generate a unique service identifier from the service ivoid and the table name. */
+function generateServiceId($service) {
+	return str_replace(['ivo://', '.epn_core'], '', $service['ivoid'] . '/' . $service['table_name']);
+}
+
+function dateToJD($gregorian_date) {
+	list($day, $month, $year, $hours, $minutes, $seconds) = preg_split('/[\s\/:]+/', $gregorian_date);
+	return GregorianToJD($month, $day, $year) + $hours/24 + $minutes/(24*60) + $seconds/(24*60*60);
+}
+?>