nicolo/ds-front-test
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Complete analysis report in Sample

Browse Source
This commit is contained in:
Nicolò P 2023-04-21 13:33:48 +02:00
parent 46c8257a25
commit 9a71df1e7f
4 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/ds.css
View File

@ -18,6 +18,9 @@ header span.btn
{ {
color: #333 !important; color: #333 !important;
} }
hr {
width: 100%;
}
main { main {
background-color: #ebeef0; background-color: #ebeef0;
} }

28
js/ds.js
View File

@ -190,21 +190,37 @@ DataSpace.renderAnalysisReport = async function (resource, type)
} }
} }
const rawDataLink = this.BASE_URL + resource['Analysis Spectra'][0]['Spectrum Raw Data'];
html += ` html += `
<div class="column col-12 mt-2"> <div class="column col-12 mt-2">
<h4 class="pl-2">Spectrum - Raw Data</h4> <h4 class="pl-2">Spectrum</h4>
<table class="table table-hover table-sample mt-2">
<tr>
<td class="text-bold key">Technique</td>
<td>${resource['Analysis Spectra'][0]['Spectrum Technique']}</td>
</tr>
<tr>
<td class="text-bold key">Raw data</td>
<td><a target="_blank" href="${rawDataLink}">Download raw data (text file)</a></td>
</tr>
</table>
</div> </div>
`; `;
html += ` html += `
<div id="plot" class="column col-8 mt-2"> <div id="plot" class="column col-8 mt-2">
</div> </div>
`; `;
// TODO plots... const interpLink = this.BASE_URL + resource['Analysis Spectra'][0]['Spectrum Interpreted Data'];
const spectra = resource['Analysis Spectra'][0];
const rawData = await this.fetchFileUrl(spectra['Spectrum Raw Data']); html += `
const interpreted = await this.fetchFileUrl(spectra['Spectrum Interpreted Data']); <div class="column col-8 pl-2">
<p class="text-bold pl-2">Interpreted Data</p>
<img class="img-responsive c-hand spotlight p-2" src="${interpLink}" />
</div>
<div class="column col-6"></div>
`;
return html; return html;
} }

2
js/resmap.js
View File

@ -97,7 +97,7 @@ ANALYSIS_REPORT.set(
ANALYSIS_REPORT.set( ANALYSIS_REPORT.set(
'after-gallery', 'after-gallery',
{ {
"Analysis Spectrum" : { "Analysis Spectra" : {
"Spectrum Raw Data" : null, "Spectrum Raw Data" : null,
"Spectrum Technique" : null, "Spectrum Technique" : null,
"Spectrum Interpreted Data" : null, "Spectrum Interpreted Data" : null,

2
report/index.html
View File

@ -62,7 +62,7 @@
</div> </div>
<div class="columns mt-2" id="res-after"> <div class="columns mt-2" id="res-after">
</div> </div>
<div id="analysis" class="d-hide columns mt-2 mb-2 pb-2"> <div id="analysis" class="d-hide columns mb-2 pb-2">
</div> </div>
</div> </div>
</main> </main>