display cone-search params ra, dec and radius in result

client/src/app/instance/search/components/result/cone-search-parameters.html

+<accordion [isAnimated]="true" *ngIf="coneSearch">
+    <accordion-group #cs panelClass="abstract-accordion lead" [isOpen]="true" class="mt-2">
+        <button class="btn btn-link btn-block clearfix pb-1" accordion-heading>
+            <div class="pull-left float-left font-weight-bold">
+                Cone-search parameters
+                &nbsp;
+                <span *ngIf="cs.isOpen">
+                    <span class="fas fa-chevron-up"></span>
+                </span>
+                <span *ngIf="!cs.isOpen">
+                    <span class="fas fa-chevron-down"></span>
+                </span>
+            </div>
+        </button>
+
+        <!-- cone-search  parameters -->
+        <ul>
+            <li> ra: {{coneSearch.ra}}</li>
+            <li> dec: {{coneSearch.dec}}</li>
+            <li> radius: {{ coneSearch.radius}}</li>
+        </ul>
+    </accordion-group>
+</accordion>
\ No newline at end of file

client/src/app/instance/search/components/result/cone-search-parameters.ts

+import { Component, Input } from "@angular/core";
+import { ConeSearch } from "src/app/instance/store/models";
+
+@Component({
+    selector: 'app-cone-search-parameters',
+    templateUrl: 'cone-search-parameters.html',
+    styleUrls: ['cone-search-parameters.scss']
+})
+
+export class ConeSearchParameters {
+    @Input() coneSearch: ConeSearch;
+
+}
\ No newline at end of file

client/src/app/instance/search/components/result/index.ts

@@ -7,6 +7,7 @@ import { ConeSearchPlotComponent } from './cone-search-plot.component';
 import { CriteriaListComponent } from './criteria-list.component';
 import { RendererComponent } from './renderer.component';
 import { rendererComponents } from './renderer';
+import { ConeSearchParameters } from './cone-search-parameters';
 
 export const resultComponents = [
     UrlDisplayComponent,
@@ -17,5 +18,6 @@ export const resultComponents = [
     DownloadResultComponent,
     CriteriaListComponent,
     RendererComponent,
+    ConeSearchParameters,
     rendererComponents
 ];

client/src/app/instance/search/containers/result.component.html

@@ -27,10 +27,14 @@
                         <span *ngIf="(criteriaList | async).length > 0">
                             with <span class="font-weight-bold">{{ (criteriaList | async).length }}</span> search criteria.
                         </span>
+                        <app-cone-search-parameters *ngIf="coneSearch | async"
+                        [coneSearch]="coneSearch | async ">    
+                        </app-cone-search-parameters>
                         <app-criteria-list *ngIf="(criteriaList | async).length > 0"
                             [criteriaList]="criteriaList | async"
                             [attributeList]="attributeList | async">
                         </app-criteria-list>
+                    
                     </div>
                     <div class="lead mt-4">
                         <app-download-result