commit 97355fcd1c37b654fe812517fa04a03a0e8d9d9c Author: Marc NICOLAS Date: Tue Jun 9 15:17:21 2015 +0200 Ajout du services client pour le cube explorer diff --git a/hesiod/js/workspace/client-user/js/components/datasetServices/viewCubeService.js b/hesiod/js/workspace/client-user/js/components/datasetServices/viewCubeService.js new file mode 100644 index 0000000..d4c3761 --- /dev/null +++ b/hesiod/js/workspace/client-user/js/components/datasetServices/viewCubeService.js @@ -0,0 +1,88 @@ +/******************************************************************************* + * Copyright 2010-2013 CNES - CENTRE NATIONAL d'ETUDES SPATIALES + * + * This file is part of SITools2. + * + * SITools2 is free software: you can redistribute it and/or modify it under the + * terms of the GNU General Public License as published by the Free Software + * Foundation, either version 3 of the License, or (at your option) any later + * version. + * + * SITools2 is distributed in the hope that it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR + * A PARTICULAR PURPOSE. See the GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License along with + * SITools2. If not, see . + ******************************************************************************/ +/*global Ext, sitools, ID, i18n, document, showResponse, alertFailure, LOCALE, ImageChooser, loadUrl, extColModelToStorage, SitoolsDesk, WARNING_NB_RECORDS_PLOT*/ + +Ext.namespace('sitools.user.component.dataviews.services'); + +/** + * service used to show the plot + * + * @required datasetId + * @required datasetUrl + * @cfg {Ext.data.JsonStore} the store where nodes are saved + * @class sitools.user.component.dataviews.services.addSelectionService + * @extends Ext.Window + */ +sitools.user.component.dataviews.services.viewCubeService = {}; + +Ext.reg('sitools.user.component.dataviews.services.viewCubeService', sitools.user.component.dataviews.services.viewCubeService); + +sitools.user.component.dataviews.services.viewCubeService.getParameters = function () { + return []; +}; + +sitools.user.component.dataviews.services.viewCubeService.getDefaultParameters = function () { + console.log("Je suis dans le sitools.user.component.dataviews.services.viewCubeService "); + return [{ + name : "featureType", + value : "URL" + }, { + name : "columnAlias", + value : "cube" + }]; +}; + +sitools.user.component.dataviews.services.viewCubeService.executeAsService = function (config) { + + var grid = config.dataview; + var datasetId = grid.datasetId; + var datasetUrl = grid.sitoolsAttachementForUsers; + var datasetName = grid.datasetName; + //var sortInfo = grid.getSortInfo(); + var colModel = config.columnModel; + + + /* Ext.each(config.parameters, function (param) { + if (param.name === "columnAlias") { + columnAlias = param.value; + } + }, this); + */ + var jsObj = sitools.user.component.viewCubeService; + var componentCfg = { + dataUrl : datasetUrl, + datasetName : datasetName, + datasetId : datasetId, + componentType : "viewCube", + preferencesPath : "/" + datasetName, + preferencesFileName : "viewCube", + dataview : config.dataview, + columnAlias : config.columnAlias, + record : config.record, + columnModel : colModel + }; + var windowConfig = { + id : "viewCube" + datasetId, + title : "View cube : " + datasetName, + iconCls : "viewCube", + datasetName : datasetName, + type : "viewCube", + saveToolbar : true, + }; + SitoolsDesk.addDesktopWindow(windowConfig, componentCfg, jsObj); +}; diff --git a/hesiod/js/workspace/client-user/js/components/viewCube/viewCubeFits.js b/hesiod/js/workspace/client-user/js/components/viewCube/viewCubeFits.js new file mode 100644 index 0000000..e1162d7 --- /dev/null +++ b/hesiod/js/workspace/client-user/js/components/viewCube/viewCubeFits.js @@ -0,0 +1,745 @@ +/*************************************** +* Copyright 2010-2013 CNES - CENTRE NATIONAL d'ETUDES SPATIALES +* +* This file is part of SITools2. +* +* SITools2 is free software: you can redistribute it and/or modify +* it under the terms of the GNU General Public License as published by +* the Free Software Foundation, either version 3 of the License, or +* (at your option) any later version. +* +* SITools2 is distributed in the hope that it will be useful, +* but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +* GNU General Public License for more details. +* +* You should have received a copy of the GNU General Public License +* along with SITools2. If not, see . +***************************************/ +/*global Ext, sitools, projectGlobal, commonTreeUtils, showResponse, DEFAULT_PREFERENCES_FOLDER, + document, i18n, $, Flotr, userLogin, SitoolsDesk, sql2ext, loadUrl,SitoolsDesk,, + SITOOLS_DATE_FORMAT, SITOOLS_DEFAULT_IHM_DATE_FORMAT, DEFAULT_LIVEGRID_BUFFER_SIZE*/ +/* + * @include "../viewDataDetail/viewDataDetail.js" + * @include "../../sitoolsProject.js" + * @include "../../desktop/desktop.js" + * @include "../../desktop/navProfile/fixed.js" + */ +/** + * + * [3313793]
+ * 16/06/2011 m.gond {Display the right number of data plotted}
+ * + * ExtJS layout for plotting data + */ + +Ext.namespace('sitools.user.component'); +/** + * @cfg {String} dataUrl the dataset url attachment + * @cfg {} columnModel the dataset's column model + * @cfg {} filters the list of filters to apply (filters from the dataview) + * @cfg {String} selections the selections as a String to add to the URL (selections from the dataview) + * @cfg {String} datasetName the name of the dataset + * @cfg {} formParam list of parameters from a query form + * @cfg {} formMultiDsParams list of parameters from a multidataset query form + * @cfg {String} datasetId the id of the dataset + * @cfg {string} componentType Should be "plot" + * @requires sitools.user.component.viewDataDetail + * @class sitools.user.component.viewCubeService + * @extends Ext.Panel + */ + +sitools.user.component.viewCubeService = function (config) { + + Ext.apply(this, config); + + this.datasetName = config.datasetName; + this.datasetId = config.datasetId; + this.columnModel = config.columnModel; + var mapCanvasID,selCanvasID,canHistoID,sliderColorID,controlHistoID; + + var rec; + if (Ext.isEmpty(this.record)) { + rec = config.dataview.getSelections()[0]; + }else{ + rec = this.record; + } + + var naxis1, naxis2, naxis3, sizePix; + + var selectionType = "pixel"; + var slice; + var imageSlice; + var limitVal = []; + var pixelSelected = []; + var colors = []; + + this.tabPanel = new Ext.TabPanel({ name:'tabPanel',region : 'center',autoScroll : true}); + var itemsTab = []; + + this.panels = new Ext.Panel({ name:'panels', title: 'Cube Explorer', layout: 'table', layoutConfig: {columns:2},autoScroll : true }); + var itemsPanels = []; + + // Searching for primary key name + var primaryKeyName = ""; + Ext.each(rec.fields.items, function (field) { + if (field.primaryKey) { primaryKeyName = field.name; } + }); + var primaryKeyValue = rec.get(primaryKeyName); + var request = "?1=1&p[0]=LISTBOXMULTIPLE|" + primaryKeyName + "|" + primaryKeyValue + "|"; + + Ext.Ajax.on('beforerequest', function(connection,options){ Ext.getBody().mask('Retrieving data from fits file...'); }); + Ext.Ajax.on('requestcomplete', function(connection,options){ Ext.getBody().unmask(); }); + Ext.Ajax.on('requestexception', function(connection,options){ Ext.getBody().unmask(); }); + + Ext.Ajax.request({ + url : this.dataview.sitoolsAttachementForUsers+"/plugin/getFitsDataSpectro"+request, + method : "GET", + scope : this, + waitMsg : 'Processing your request...', + success : function (ret) { + var json = Ext.decode(ret.responseText); + naxis1 = json.NAXIS1; + naxis2 = json.NAXIS2; + naxis3 = json.NAXIS3; + var imageWidth, imageHeight; + var margin = 0; + var destopHeight = Ext.get("x-desktop").getHeight() - 50 - 4*margin; + var destopWidth = Ext.get("x-desktop").getWidth(); + var controlHeight = 200; + var controlWidth = 400; + var imageHeightWanted = destopHeight - controlHeight; + + sizePix = Math.floor(imageHeightWanted/naxis2); + imageWidth = naxis1 * sizePix; + imageHeight = naxis2 * sizePix; + slice = parseInt(naxis3/2); + var layersZone = ""; + // layer for map + mapCanvasID = "mapCanvas"+getAnId(); + layersZone = layersZone + ''; + // layer for selection tool + selCanvasID = "selCanvas"+getAnId(); + layersZone = layersZone + ''; + + var map = new Ext.Panel({ + id: 'panelImage', + region: 'west', + html: layersZone, + width: imageWidth, + height: imageHeight, + }); + itemsPanels.push(map); + + var spectrum = new Ext.Panel({ + id: 'panelSpectrum', + rowspan: 2, + width: destopWidth-Math.max(controlWidth,imageWidth), + height: destopHeight, + }); + itemsPanels.push(spectrum); + + var sliderDepth = new Ext.Slider({ + id: 'sliderDepthID', + width: 114, + minValue: 0, + maxValue: json.WAVE.length-1, + value: parseInt(naxis3/2), + listeners : { + change: function(slider){ + slice = slider.getValue(); + plotColorHisto(slice,json,0,100); + Ext.getCmp('sliderColorID').setValue(0,0,false); + Ext.getCmp('sliderColorID').setValue(1,100,false); + drawMap(sizePix,json,slice,false,[]); + Ext.getCmp('wave').setValue(''+slice+' - '+json.WAVE[slice].toFixed(2)+' ('+json.UNIT_WAVE+')'); + plotSpectra(pixelSelected,selectionType,json,spectrum,slice); + }, + dragend: function(slider){ + slice = slider.getValue(); + limitVal = [];//plotColorHisto(slice,json,0,100); + plotColorHisto(slice,json,0,100); + drawMap(sizePix,json,slice,false,[]); + } + } + }); + canHistoID= "canHisto"+getAnId(); + var colorHisto = new Ext.Panel({ + html: '', + width: 120, + height: 50 + }); + sliderColorID = "sliderColor"+getAnId(); + var sliderColor = new Ext.slider.MultiSlider({ + id: sliderColorID, + width: 114,//parseInt(imageWidth/4), + minValue: 0, + maxValue: 100, + values: [0,100], + listeners : { + change: function(slider){ + limitVal = plotColorHisto(slice,json,slider.thumbs[0].value,slider.thumbs[1].value); + drawMap(sizePix,json,slice,false,limitVal); + }, + dragend: function(slider){ + limitVal = plotColorHisto(slice,json,slider.thumbs[0].value,slider.thumbs[1].value); + drawMap(sizePix,json,slice,false,limitVal); + } + } + }); + controlHistoID = "controlHisto"+getAnId(); + var controlHisto = new Ext.Panel({ + id: controlHistoID, + fieldLabel: "Slice color scale", + heigth: controlHeight, + xtype: 'compositefield', + items : [ sliderColor, colorHisto ] + }); + controlPanelID = "controlPanel"+getAnId(); + var controlForm = new Ext.form.FormPanel({ + id: controlPanelID, + heigth: controlHeight, + width: controlWidth, + items : [{ + fieldLabel: 'Coordinates', + xtype: 'compositefield', + items: [{ xtype: 'displayfield', value: 'RA'}, + { xtype: 'displayfield', id: 'ra_field', name : 'ra', width: 75 }, + { xtype: 'displayfield', value: 'DEC'}, + { xtype: 'displayfield', id: 'dec_field', name : 'dec', width: 75 }] + }, + { + fieldLabel: 'Selection Type', + xtype: 'compositefield', + padding: '5px', + items: [{xtype: 'radiogroup', + width: parseInt(imageWidth/2), + listeners: { + change:function( radiogroup, newValue ) { + selectionType = newValue.inputValue; +// ORIGINAL can = document.getElementById('selCanvas'); + can = document.getElementById(selCanvasID); + clearArea(can); + pixelSelected = []; + plotSpectra(pixelSelected,selectionType,json,spectrum,slice); + drawSelectionPlot(sizePix,spectrum,json,selectionType); + } + }, + items: [{ inputValue: 'pixel', boxLabel: 'Pixel(s)', name: 'radioGroup', checked: true}, + { inputValue: 'line', boxLabel: 'Line', name: 'radioGroup' }/*,*/ + ] + },{ + xtype: 'button', + width: 50, + height: 30, + text: 'Clear', + handler: function(){ + // ORIGINAL can = document.getElementById('selCanvas'); + can = document.getElementById(selCanvasID); + clearArea(can); + pixelSelected = []; + plotSpectra(pixelSelected,selectionType,json,spectrum,slice); + } + } + ] + },{ + fieldLabel: 'Cube Depth Index', + xtype: 'compositefield', + items: [sliderDepth,{id: 'wave', xtype: 'displayfield',value: ''+sliderDepth.getValue()+' - '+json.WAVE[sliderDepth.getValue()].toFixed(2)+' ('+json.UNIT_WAVE+')'/*,*/}] + }, + controlHisto + ] + }); + itemsPanels.push(controlForm); + this.panels.add(itemsPanels); + this.panels.doLayout(); + itemsTab.push(this.panels); + var headerPanel = new Ext.Panel({ + title: 'Header(s)', + id: 'headerPanel', + autoScroll: true, + layout: 'accordion', + width: imageWidth+(imageHeight+controlHeight), + height: imageHeight+controlHeight, + }); + + itemsAccordion = []; + nbreHDUs = json.HDUs; + for (var i=0; i"+i+" - "+extensionName+" - "+extension+"", + autoScroll: true, + layout: 'fit', + store : storeHeader, + colModel: new Ext.grid.ColumnModel({ + columns: [{header: 'Key', width: 200, dataIndex: 'key', sortable: true}, + {header: 'Value', width: 300, dataIndex: 'value'}, + {header: 'Description', width: 600, dataIndex: 'description'}, + ] + }) + }); + itemsAccordion.push(gridHeader); + } + headerPanel.add(itemsAccordion); + itemsTab.push(headerPanel); + this.tabPanel.add(itemsTab); + this.tabPanel.setActiveTab(0); + this.tabPanel.doLayout(); + + plotColorHisto(slice,json,0,100); + drawMap(sizePix,json,slice,true,limitVal); + plotSpectra(pixelSelected,selectionType,json,spectrum,slice); + + drawSelectionPlot(sizePix,spectrum,json,selectionType); + + }, + failure: function(){ alert("Ajax Request Failed !"); } + }); + this.items = [this.tabPanel]; + + function getImageSlice(jSON,slice,limitValues) { + imageSlice = []; + for (var x = 0; x < naxis1; x++) { + for (var y = 0; y < naxis2; y++) { + b = jSON.SPECTRUM[x][(naxis2-1)-y][slice]; + if (limitValues.length==0){ + if (b!="NaN"){ imageSlice.push(b); } + } else { + if (b!="NaN" && b>limitValues[0] && b'+deg_to_dms(ra)+''); + Ext.getCmp('dec_field').setValue(''+deg_to_dms(dec)+''); + } + + function allreadySelected(array,x,y){ + for ( var pix = 0; pix0) { y = Math.floor(slope*(x-Math.min(startX,endX))) + Math.min(startY,endY); } + else { y = Math.floor(slope*(x-Math.min(startX,endX))) + Math.max(startY,endY); } + if (jSON.SPECTRUM[x][(naxis2-1)-y][parseInt(naxis3/2)]!="NaN" ){ + color = hexaDecimalColor(colors.length); + colors.push(color); + ctx.strokeStyle = color; + ctx.strokeRect(x*sizeRec+1,y*sizeRec+1,sizeRec-1,sizeRec-1); + pixelSelected.push([x,y]); + } + } + + slope = (endX-startX)/(endY-startY); + for (var y = Math.min(startY,endY); y <= Math.max(startY,endY); y++) { + if (slope>0) { x = Math.floor(slope*(y-Math.min(startY,endY))) + Math.min(startX,endX); } + else { x = Math.floor(slope*(y-Math.min(startY,endY))) + Math.max(startX,endX); } + if (jSON.SPECTRUM[x][(naxis2-1)-y][parseInt(naxis3/2)]!="NaN" && allreadySelected(pixelSelected,x,y)==-1){ + //color = '#'+Math.floor(Math.random()*16777215).toString(16); + color = hexaDecimalColor(colors.length); + colors.push(color); + ctx.strokeStyle = color; + ctx.strokeRect(x*sizeRec+1,y*sizeRec+1,sizeRec-1,sizeRec-1); + pixelSelected.push([x,y]); + } + } + } + plotSpectra(pixelSelected,selectionType,jSON,containerSpec,slice); + } + + } + + function plotSpectra(pixelSelected,selectionType,jSON,containerSpec,slice){ + + //Spectrum + var spec = []; + var zero = []; + + var minF, maxF, xFits, yFits, titlePlot = ""; + + var trunc = 3; + + zero.push([parseFloat(jSON.WAVE[trunc]),0]); + zero.push([parseFloat(jSON.WAVE[jSON.WAVE.length-trunc]),0]); + + var unitWave = "("+jSON.UNIT_WAVE+")"; + var unitFlux = "("+jSON.UNIT_QTTY+")"; + var infoFlux = jSON.INFO_QTTY; + var infoWave = jSON.INFO_WAVE; + + if (selectionType=="rect" || selectionType=="circ") { + var specLine = []; + for ( var i = trunc; i <= jSON.WAVE.length - trunc; i++) { + var fluxXY = 0; + var nbPix = 0; + for ( var pixel = 0; pixelmaxF && !isNaN(fluxXY)){maxF = fluxXY;} + waveXY = parseFloat(jSON.WAVE[i]); + specLine.push([waveXY,fluxXY]); + } + + titlePlot = "Average "+infoFlux+" "+unitFlux+" for all selected pixel(s)"; + spec.push(specLine); + } + + + if (selectionType=="line" || selectionType=="pixel" ){ + for ( var pixel = 0; pixelmaxF && !isNaN(fluxXY)){maxF = fluxXY;} + waveXY = parseFloat(jSON.WAVE[i]); + specLine.push([waveXY,fluxXY]); + } + spec.push(specLine); + + } + + titlePlot = infoFlux+" "+unitFlux+" for each selected pixel(s)"; + } + + margeF = 0.1*(maxF-minF); + + var sliceLine = []; + sliceLine.push([parseFloat(jSON.WAVE[slice]),minF-margeF]); + sliceLine.push([parseFloat(jSON.WAVE[slice]),maxF+margeF]); + + options = { + HtmlText: true, + xaxis: { title: infoWave+" "+unitWave, noTicks: 4 }, + yaxis: { min: minF-margeF, max: maxF+margeF, base: Math.E, + tickFormatter: function(x) { + return parseFloat(x).toExponential(); + } + }, + lines: { show: true }, + points: { show: false },//{ show: true, radius: 1 }, + selection: { mode: 'xy', fps: 50 }, + title: titlePlot, + subtitle: "Click on pixel(s) to display spectra - Select plot area to zoom on - Click to unzoom", + mouse: { track: true, relative: true } + }; + + container = $(containerSpec.body.id); + + function drawGraph(spectralData,opts) { + var o = Flotr._.extend(Flotr._.clone(options), opts || {}); + varToPlot = []; + varToPlot.push( + { + data: zero, + color: '#FC0000', + }); +/* varToPlot.push( + { + data: sliceLine, + color: '#FC0000', + });*/ + if (spectralData.length!=0) { + for (var i = 0; i<=spectralData.length;i++){ + varToPlot.push( + { + data: spectralData[i], + color: colors[i] + }); + } + } + Flotr.draw(container, varToPlot, o); + + } + drawGraph(spec); + + Flotr.EventAdapter.observe(container, 'flotr:select', function(area) { + drawGraph(spec,{ + xaxis: { min: area.x1, max: area.x2 }, + yaxis: { min: area.y1, max: area.y2 } + }); + }); + + Flotr.EventAdapter.observe(container, 'flotr:click', function() { + drawGraph(spec); + }); + + } + + function plotColorHisto(slice,jSON,sliderL,sliderR){ + + imageSlice = getImageSlice(jSON,slice,[]); + + var nbrBin = 100; + + var minS = Math.min.apply(Math, imageSlice); + var maxS = Math.max.apply(Math, imageSlice); + var binSize = (maxS-minS)/nbrBin; + + histo = []; + for (var x = 0; x < nbrBin; x++) { histo.push(0);} + for (var x = 0; x < imageSlice.length; x++) { histo[Math.floor((imageSlice[x]-minS)/binSize)-1] += 1; } + + var maxHisto = Math.max.apply(Math, histo); + + console.log("histo.length :"+histo.length+" maxHisto : "+maxHisto+" minS : "+minS+" maxS :"+maxS+" binSize : "+binSize); + // ORIGINAL canHisto = document.getElementById(canHistoID); + canHisto = document.getElementById(canHistoID); + ctxHisto = canHisto.getContext('2d'); + + ctxHisto.clearRect(0, 0, ctxHisto.canvas.width, ctxHisto.canvas.height); + + ctxHisto.strokeStyle = 'black'; + ctxHisto.lineWidth = 1; + var c = Math.floor((ctxHisto.canvas.height-10)/maxHisto); + + for (var x = 0; x < histo.length; x++){ + if(c == 0) c=1; + // ORIGINAL ctxHisto.strokeRect( 6+x, ctxHisto.canvas.height-5, 1, (-1)*histo[x]*Math.floor((ctxHisto.canvas.height-10)/maxHisto) ); + ctxHisto.strokeRect( 6+x, ctxHisto.canvas.height-5, 1, (-1)*histo[x]*c ); + } + ctxHisto.strokeStyle = 'red'; + ctxHisto.strokeRect( 6+sliderL, ctxHisto.canvas.height-5, 1, (-1)*(ctxHisto.canvas.height-10) ); + ctxHisto.strokeRect( 6+sliderR, ctxHisto.canvas.height-5, 1, (-1)*(ctxHisto.canvas.height-10) ); + + return [minS+sliderL*binSize, minS+sliderR*binSize]; + + } + + function getAnId(){ + var id = Ext.id(); + id = parseInt(id.replace("ext-gen", "")); + return id; + } + //*********************************************************************************************************************************************************** + /* + * Constructor call + */ + sitools.user.component.viewCubeService.superclass.constructor.call(this, Ext.apply({ + id : 'viewCube-panel', + datasetName : config.datasetName, + layout : 'border', + autoScroll : true, + items : [ this.tabPanel ] + }, config)); + +}; + +Ext.extend(sitools.user.component.viewCubeService, Ext.Panel, { + /** + * Must be implemented to save window Settings + * @return {} + */ + _getSettings : function () { + return { + datasetName : this.datasetName, + preferencesPath : this.preferencesPath, + preferencesFileName : this.preferencesFileName + }; + }, + /** + * Load the userPreferences... + */ + afterRender : function () { + sitools.user.component.viewCubeService.superclass.afterRender.call(this); + }, + +}); + +Ext.reg('sitools.user.component.viewCubeService', sitools.user.component.viewCubeService); +