Fix the scrollbar bug

Nathanael Jourdane
1 parent 494949bb
Showing 2 changed files with 10 additions and 22 deletions Show diff stats
js/app/controllers/EpnTapModule.js
js/app/views/EpnTapUI.js
@@ -198,17 +198,13 @@ Ext.define(&#39;amdaDesktop.EpnTapModule&#39;, {
 		this.lastPageBtn = Ext.getCmp('epnTapLastPageBtn');
 		this.epnTapPanel = this.productTypeCB.findParentByType('panelEpnTap');
  
-		for(var i = 0; i < 30; i++) {
-			Ext.getCmp('epnTapServicesGrid').getStore().add({});
-		}
-
 		// Update productTypeCB
 		this.productTypeCB.getStore().add({'id': 'all', 'name': 'All data product types'});
 		for (var productTypeId in this.metadata) {
 			if (productTypeId in productTypeDict) {
 				this.productTypeCB.getStore().add({'id': productTypeId, 'name': this.prettify(productTypeDict[productTypeId])});
 			} else {
-				console.log('Unknown data product type "' + productTypeId + '"');
+				// console.log('Unknown data product type "' + productTypeId + '"');
 			}
 		}
  
@@ -460,7 +456,7 @@ Ext.define(&#39;amdaDesktop.EpnTapModule&#39;, {
 	for debug purposes only.
 	*/
 	onGranuleSelected: function(granule) {
-		// console.log('selected granule: ' + granule['target_name']);
+		// console.log('selected granule: ', granule);
 	},
  
 	/**********************
@@ -578,6 +574,7 @@ Ext.define(&#39;amdaDesktop.EpnTapModule&#39;, {
 	Among other things, update the `epnTapCurrentPageLb` label (see `EpnTapUI.createNavigationPanel()`).
 	*/
 	updateNbRows: function(nb_results) {
+		// console.log(nb_results + ' granules found.')
 		var totalPages = Math.ceil(Number(nb_results) / Ext.getCmp('epnTapRowsPerPageNf').value);
  
 		Ext.getCmp('epnTapCurrentPageLb').setText(totalPages == 0 ? '-' : '1');
@@ -605,7 +602,7 @@ Ext.define(&#39;amdaDesktop.EpnTapModule&#39;, {
 				Ext.getCmp('epnTapGranulesGrid').getStore().removeAll();
 				Ext.getCmp('epnTapGranulesGrid').getStore().add(granules);
 			} catch( e ) {
-				console.log('Can not add granules: ' + e);
+				// console.log('Can not add granules: ' + e);
 			}
 		}
 		Ext.getCmp('epnTapServicesGrid').setDisabled(false);
@@ -89,7 +89,7 @@ Ext.create(&#39;Ext.data.Store&#39;, {
  
 /**
 `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).
+with tge 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.
@@ -170,10 +170,7 @@ Ext.define(&#39;amdaUI.EpnTapUI&#39;, {
 				title: 'Services',
 				store: Ext.data.StoreManager.lookup('servicesStore'),
 				flex: 1,
-				// layout: 'fit',
-				// scroll: 'vertical',
-				// autoScroll: 'auto',
-				height: 530,
+				height: 405,
 				columns: [
 					{text: 'Name', dataIndex: 'id', flex: 3},
 					{text: 'Results', dataIndex: 'nbResults', flex: 2}
@@ -231,27 +228,21 @@ Ext.define(&#39;amdaUI.EpnTapUI&#39;, {
 		*/
 		var createGranulesGrid = function() {
 			var txtRender = function(val) {
-				console.log('txtRender: ' + val);
 				return '<p style="white-space: normal;">' + val + '</p>';
 			};
 			var linkRender = function(val) {
-				console.log('linkRender: ' + val);
 				return '<a href="' + val + '">data</a>';
 			};
 			var imgRender = function(val) {
-				console.log('imgRender: ' + val);
 				return '<img width="40px height="40px" src="' + val + '">';
 			};
 			var dptRender = function(val) {
-				console.log('dptRender: ' + val);
 				return (val in mod.productTypeDict) ? '<p style="white-space: normal;">' + mod.productTypeDict[val] + '</p>' : '<em>' + val + '</em>';
 			};
 			var formatRender = function(val) {
-				console.log('formatRender: ' + val);
 				return (val in mod.mimetypeDict) ? mod.mimetypeDict[val] : '<em style="white-space: normal;">' + val + '</em>';
 			};
 			var sizeRender = function(val) {
-				console.log('sizeRender: ' + val);
 				var size = parseInt(val);
 				if (isNaN(size)) {
 					return '';
@@ -272,7 +263,7 @@ Ext.define(&#39;amdaUI.EpnTapUI&#39;, {
 				// layout: 'fit',
 				// scroll: 'vertical',
 				// autoScroll: 'auto',
-				// height: 500,
+				height: 405,
 				columns: [
 					{ text: 'Num',  dataIndex: 'num', flex: 1, renderer: txtRender },
 					// { text: 'Type',  dataIndex: 'dataproduct_type', flex: 2, renderer: dptRender },
@@ -286,7 +277,7 @@ Ext.define(&#39;amdaUI.EpnTapUI&#39;, {
 					{ text: 'Thumb.', dataIndex: 'thumbnail_url', flex: 1, renderer: imgRender}
 				],
 				listeners: {
-					'cellclick': function(grid, td, cellIndex, record) { mod.onGranuleSelected(record.data); }
+					'cellclick': function(grid, td, cellIndex, record) { mod.onGranuleSelected(record.data['id']); }
 				},
 				renderTo: Ext.getBody()
 			});
@@ -318,8 +309,8 @@ Ext.define(&#39;amdaUI.EpnTapUI&#39;, {
 			return new Ext.panel.Panel({
 				id: 'epnTapGridsPanel',
 				region: 'center',
-				layout: { type: 'hbox', pack: 'start', align: 'stretch' },
-				// height: 530,
+				layout: { type: 'hbox' },
+				height: 530,
 				items: [
 					createServicesGrid(),
 					createGranulesGrid()