' ) }); var expander2 = new Ext.grid.RowExpander({ id: 'testexp2', width: 30, tpl : new Ext.Template( '
Remark: {remark}
'
)
});
var pstore = new Ext.data.Store({
root:'products',
autoLoad:false,
proxy: new Ext.data.HttpProxy({
url: 'json-list.php',
method: 'GET'
}),
reader: new Ext.data.JsonReader({
root: 'products',
id: 'id'
}, [
{name: 'id', type: 'int'},
{name: 'locations'},
{name: 'wfo'},
{name: 'year'},
{name: 'area', type: 'float'},
{name: 'significance'},
{name: 'phenomena'},
{name: 'eventid', type: 'int'},
{name: 'issued'},
{name: 'expired'}
])
});
var ustore = new Ext.data.Store({
root:'ugcs',
autoLoad:false,
proxy: new Ext.data.HttpProxy({
url: 'json-ugc.php',
method: 'GET'
}),
reader: new Ext.data.JsonReader({
root: 'ugcs',
id: 'id'
}, [
{name: 'id'},
{name: 'ugc'},
{name: 'name'},
{name: 'status'},
{name: 'issue'},
{name: 'expire'}
])
});
var jstore = new Ext.data.Store({
autoLoad:false,
proxy: new Ext.data.HttpProxy({
url: 'json-lsrs.php',
method: 'GET'
}),
reader: new Ext.data.JsonReader({
root: 'lsrs',
id: 'id'
}, [
{name: 'id'},
{name: 'valid'},
{name: 'type'},
{name: 'event'},
{name: 'magnitude'},
{name: 'city'},
{name: 'county'},
{name: 'remark'}
])
});
var jstore2 = new Ext.data.Store({
autoLoad:false,
proxy: new Ext.data.HttpProxy({
url: 'json-lsrs.php',
method: 'GET'
}),
reader: new Ext.data.JsonReader({
root: 'lsrs',
id: 'id'
}, [
{name: 'id'},
{name: 'valid'},
{name: 'type'},
{name: 'event'},
{name: 'magnitude'},
{name: 'city'},
{name: 'county'},
{name: 'remark'}
])
});
wfo_selector = new Ext.form.ComboBox({
hiddenName:'wfo',
store: new Ext.data.SimpleStore({
fields: ['abbr', 'wfo'],
data : iemdata.wfos
}),
valueField:'abbr',
width:180,
fieldLabel: 'Issuing Office',
displayField: 'wfo',
typeAhead: true,
tpl: '
'+ jsonData.data[0].report +'', xtype : 'panel', autoScroll : true, tbar : [ { text : 'Print Text', icon : 'icons/print.png', cls : 'x-btn-text-icon', handler : function(){ Ext.getCmp("textTabPanel").getActiveTab().getEl().print(); } } ] }); for ( var i = 0; i < jsonData.data[0].svs.length; i++ ){ textTabPanel.add({ title: 'Update '+ (i+1), html: '
'+ jsonData.data[0].svs[i] +'', xtype: 'panel', autoScroll:true, tbar : [ { text : 'Print Text', icon : 'icons/print.png', cls : 'x-btn-text-icon', handler : function(){ Ext.getCmp("textTabPanel").getActiveTab().getEl().print(); } } ] }); } textTabPanel.activate(i); textTabPanel.isLoaded=true; } }); } lsrGridPanel = new Ext.grid.GridPanel({ id:'lsrGridPanel', isLoaded:false, store: jstore, disabled:true, loadMask: {msg:'Loading Data...'}, cm: new Ext.grid.ColumnModel([ expander, {header: "Time", sortable: true, dataIndex: 'valid'}, {header: "Event", width: 100, sortable: true, dataIndex: 'event'}, {header: "Magnitude", sortable: true, dataIndex: 'magnitude'}, {header: "City", width: 200, sortable: true, dataIndex: 'city'}, {header: "County", sortable: true, dataIndex: 'county'} ]), stripeRows: true, title:'Storm Reports within SBW', plugins: expander, autoScroll:true }); lsrGridPanel.on('activate', function(q){ if (! this.isLoaded){ p = getVTEC(); p.sbw = "1"; this.getStore().load({ params:p }); this.isLoaded=true; } }); allLsrGridPanel = new Ext.grid.GridPanel({ id:'allLsrGridPanel', title: 'All Storm Reports', isLoaded:false, store: jstore2, disabled:true, loadMask: {msg:'Loading Data...'}, cm: new Ext.grid.ColumnModel([ expander2, {header: "Time (UTC)", sortable: true, dataIndex: 'valid'}, {header: "Event", width: 100, sortable: true, dataIndex: 'event'}, {header: "Magnitude", sortable: true, dataIndex: 'magnitude'}, {header: "City", width: 200, sortable: true, dataIndex: 'city'}, {header: "County", sortable: true, dataIndex: 'county'} ]), stripeRows: true, plugins: expander2, autoScroll:true }); allLsrGridPanel.on('activate', function(q){ if (! this.isLoaded){ this.getStore().load({ params:getVTEC() }); this.isLoaded=true; } }); geoPanel = new Ext.grid.GridPanel({ id:'ugc-grid', store: ustore, loadMask: {msg:'Loading Data...'}, cm: new Ext.grid.ColumnModel([ {header: "UGC", width: 50, sortable: true, dataIndex: 'ugc'}, {header: "Name", width: 200, sortable: true, dataIndex: 'name'}, {header: "Status", width: 50, sortable: true, dataIndex: 'status'}, {header: "Issue (UTC)", sortable: true, dataIndex: 'issue'}, {header: "Expire (UTC)", sortable: true, dataIndex: 'expire'} ]), stripeRows: true, autoScroll:true, disabled:true, title:'Geography Included', collapsible: false, animCollapse: false }); geoPanel.on('activate', function(q){ if (! this.isLoaded){ this.getStore().load({ params:getVTEC()+"&sbw=1" }); this.isLoaded=true; } }); /* * GridPanel that displays the events for a WFO,Phenomena,Signifcance */ eventsPanel = new Ext.grid.GridPanel({ id : 'products-grid', store : pstore, saveme : true, disabled : false, loadMask : {msg:'Loading Data...'}, cm : new Ext.grid.ColumnModel([ {header: "Event", width: 40, sortable: true, dataIndex: 'eventid'}, {header: "Issued (UTC)", width: 140, sortable: true, dataIndex: 'issued'}, {header: "Expired (UTC)", width: 140, sortable: true, dataIndex: 'expired'}, {header: "Area km**2", width: 70, sortable: true, dataIndex: 'area'}, {header: "Locations", id:"locations", width: 250, sortable: true, dataIndex: 'locations'} ]), plugins : filters, stripeRows : true, autoScroll : true, title : 'List Events', collapsible : false, animCollapse : false, listeners : { rowclick: function(self, rowIndex){ record = self.getStore().getAt(rowIndex); Ext.getCmp("eventid").setValue( record.get("eventid") ); Ext.getCmp('mainbutton').fireEvent('click', {}); }, activate: function(q){ if (! this.isLoaded){ this.getStore().load({ params:getVTEC() }); this.isLoaded=true; } } } }); function getX(){ if (metastore.getCount() == 0) return -95; return metastore.getAt(0).data.x1; } function getY(){ if (metastore.getCount() == 0) return 42; return metastore.getAt(0).data.y1; } getNexradTime=function() { if (cachedNexradTime) return cachedNexradTime; var ts; var ts2; if (metastore.getCount() == 0){ ts = new date(); ts = ts.add(Date.MINUTE, ts.format("Z")); } else { ts = metastore.getAt(0).data.issue; } roundDown = parseInt(ts.format('i')) % 5; ts2 = ts.add(Date.MINUTE, 0 - roundDown); cachedNexradTime = ts2; return ts2; } CustomGetTileUrl=function(a,b,c) { if (typeof(window['this.myMercZoomLevel'])=="undefined") this.myMercZoomLevel=0; if (typeof(window['this.myStyles'])=="undefined") this.myStyles="default"; var lULP = new GPoint(a.x*256,(a.y+1)*256); var lLRP = new GPoint((a.x+1)*256,a.y*256); var lUL = G_NORMAL_MAP.getProjection().fromPixelToLatLng(lULP,b,c); var lLR = G_NORMAL_MAP.getProjection().fromPixelToLatLng(lLRP,b,c); // switch between Mercator and DD if merczoomlevel is set if (this.myMercZoomLevel!=0 && map.getZoom() < this.myMercZoomLevel) { var lBbox=dd2MercMetersLng(lUL.lngDegrees)+","+dd2MercMetersLat(lUL.latDegrees)+","+dd2MercMetersLng(lLR.lngDegrees)+","+dd2MercMetersLat(lLR.latDegrees); var lSRS="EPSG:54004"; } else { var lBbox=lUL.x+","+lUL.y+","+lLR.x+","+lLR.y; var lSRS="EPSG:4326"; } var ts = new Date(); var lURL=this.myBaseURL; lURL+="&REQUEST=GetMap"; lURL+="&SERVICE=WMS"; lURL+="&reaspect=false&VERSION=1.1.1"; lURL+="&LAYERS="+this.myLayers; lURL+="&STYLES="+this.myStyles; lURL+="&FORMAT="+this.myFormat; lURL+="&BGCOLOR=0xFFFFFF"; lURL+="&TRANSPARENT=TRUE"; lURL+="&SRS="+lSRS; lURL+="&TIME="+ (new Date(tslider.getValue())).format('Y-m-d\\TH:i:\\0\\0\\Z'); lURL+="&BBOX="+lBbox; lURL+="&WIDTH=256"; lURL+="&HEIGHT=256"; lURL+="&GroupName="+this.myLayers; lURL+="&bogus="+ts.getTime(); return lURL; } tileNEX= new GTileLayer(new GCopyrightCollection(''),1,17); tileNEX.myLayers='nexrad-n0r-wmst'; tileNEX.myFormat='image/png'; tileNEX.myBaseURL='http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r-t.cgi?'; tileNEX.getTileUrl=CustomGetTileUrl; tileNEX.getOpacity = function(){ return nexradOpacity; } var layer4=[G_NORMAL_MAP.getTileLayers()[0],tileNEX]; var custommap4 = new GMapType(layer4, G_SATELLITE_MAP.getProjection(), 'Nexrad', G_SATELLITE_MAP); function setNEXRADOpacity(val) { nexradOpacity = val; Ext.getCmp('mygpanel').gmap.removeMapType( custommap4 ); Ext.getCmp('mygpanel').gmap.addMapType( custommap4 ); Ext.getCmp('mygpanel').gmap.setMapType( custommap4 ); } googlePanel = new Ext.ux.GMapPanel({ gmapType: 'map', title: 'Google Map', id:'mygpanel', disabled:true, zoomLevel: 14, tbar: [new Ext.Button({ text: 'Hide Storm Reports', handler: function(){ if (lsrkml.isHidden()){ lsrkml.show(); this.setText('Hide Storm Reports'); } else { lsrkml.hide(); this.setText('Show Storm Reports'); } } }), new Ext.Button({ text: 'Show County Intersection', handler: function(){ if (borderkml.initial == 1){ Ext.getCmp('mygpanel').gmap.addOverlay(borderkml); this.setText('Hide County Intersection'); } else if (borderkml.isHidden()){ this.setText('Hide County Intersection'); borderkml.show(); } else { borderkml.hide(); this.setText('Show County Intersection'); borderkml.hide(); } borderkml.initial = 0; } }), new Ext.Toolbar.TextItem({ text: 'NEXRAD Opacity' }), new Ext.ux.form.Spinner({ name: 'opacity', id: 'opacity', width: 60, value: 1, strategy: new Ext.ux.form.Spinner.NumberStrategy({minValue:'0', maxValue:'1', incrementValue: 0.1}), listeners: { spin: function( spn ) { if(!delayedTaskSpinner){ delayedTaskSpinner = new Ext.util.DelayedTask(function() { setNEXRADOpacity( spn.getValue() ); delayedTaskSpinner = null; }); delayedTaskSpinner.delay(500); } } } }) ], mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'], mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'] }); googlePanel.on('activate', function(){ resetGmap(); googlePanel.gmap.addMapType(custommap4); }); function sbwgenerator(){ switch ( phenomena_selector.getValue() ){ case 'TO': break; case 'SV': break; case 'MA': break; case 'FF': break; default: return "
Storm Based Warning history unavailable
"; } return "