@@ -105,21 +105,20 @@ A sample javascript, which builds up on the examples below is in
105105Create an image viewer and place it into the ` < div> ` id ` plotHere` .
106106
107107` ` ` html
108- < div id= " plotHere " style= " width: 350px; height: 350px;" >< / div>
108+ < div id= " imageHere " style= " width: 350px; height: 350px;" >< / div>
109109` ` `
110110
111111` ` ` js
112112 function onFireflyLoaded () {
113- var iv2= firefly .makeImageViewer (" plotHere" );
114- iv2 .plot ({
115- " id" : " FileFromExternalTask" ,
116- " launcher" : " python" ,
117- " task" : " someImageTask" ,
118- " taskParams" : {" p1" : 1 ," p2" : 2 },
119- " Title" : " Example FITS Image'" ,
120- " ColorTable" : " 16" ,
121- " RangeValues" : firefly .serializeRangeValues (" Sigma" ,- 2 ,8 ," Linear" )
122- });
113+ var req = {
114+ id : ' FileFromExternalTask' ,
115+ launcher : ' python' ,
116+ task : ' someImageTask' ,
117+ taskParams : {p1: 1 ,p2: 2 },
118+ Title : ' FITS from Python task' ,
119+ ColorTable : 2
120+ };
121+ firefly .showImage (' imageHere' , req);
123122 }
124123` ` `
125124
@@ -135,12 +134,11 @@ The table is plotted in the `<div>` id `tableHere`.
135134
136135` ` ` js
137136 function onFireflyLoaded () {
138- var tableData= { " processor" : " TableFromExternalTask" ,
139- " launcher" : " python" ,
140- " task" : " TestTask3" ,
141- " taskParams" : { " param1" : " first arg" , " param2" : " second arg" }
142- };
143- firefly .showTable (tableData, " tableHere" );
137+ var tblReq = firefly .util .table .makeTblRequest (' TableFromExternalTask' , ' Table from Python task' ,
138+ { launcher : ' python' , task : ' TableTask' , taskParams : {p1: 1 , p2: 2 } }, // search parameters
139+ { pageSize: 15 } // table options
140+ );
141+ firefly .showTable (' tableHere' , tblReq);
144142 }
145143` ` `
146144
@@ -157,21 +155,23 @@ In this example, we get the histogram data from an exernal task and feed them to
157155
158156` ` ` js
159157 function onFireflyLoaded () {
160- var launcher = ' python' ;
161- var task = ' JsonTaskToGetHistogramData' ;
162- var taskParams = { ' numbins' : bins };
163- firefly .getJsonFromTask (launcher, task, taskParams)
164- .then (
165- function (histdata ) {
166- firefly .showHistogram (
167- {' descr' : ' Histogram data returned from python JSON task' ,
168- ' binColor' : ' #3d3033' ,
169- ' height' : 350 ,
170- ' data' : histdata}, ' chartHere' );
171- }
172- ).catch (function (reason ) {
173- console .log (' Error fetching JSON data from ' + launcher+ ' task ' + task+ ' : ' + reason);
174- }
175- );
158+ var launcher = ' python' ;
159+ var task = ' JsonTaskToGetHistogramData' ;
160+ var taskParams = {' numbins' : 10 };
161+ firefly .getJsonFromTask (launcher, task, taskParams)
162+ .then (function (histdata ) {
163+ console .log (' Returned JSON: ' + JSON .stringify (histdata));
164+ firefly .util .renderDOM (" chartHere" , firefly .ui .Histogram ,
165+ {
166+ desc: ' Histogram data from Python JSON task' ,
167+ binColor: ' #3d3033' ,
168+ height: 350 ,
169+ data: histdata
170+ });
171+ })
172+ .catch (function (reason ) {
173+ console .error (' Error fetching JSON data from ' + launcher + ' task ' + task + ' : ' + reason);
174+ document .getElementById (' chartHere' ).innerHTML = ' <p style="color:red">' + reason+ ' </p>' ;
175+ });
176176 }
177177` ` `
0 commit comments