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;
}
hr {
width: 100%;
}
main {
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 += `
<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>
`;
html += `
<div id="plot" class="column col-8 mt-2">
</div>
`;
// TODO plots...
const spectra = resource['Analysis Spectra'][0];
const rawData = await this.fetchFileUrl(spectra['Spectrum Raw Data']);
const interpreted = await this.fetchFileUrl(spectra['Spectrum Interpreted Data']);
const interpLink = this.BASE_URL + resource['Analysis Spectra'][0]['Spectrum Interpreted Data'];
html += `
<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;
}

2
js/resmap.js
View File

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

2
report/index.html
View File

@ -62,7 +62,7 @@
</div>
<div class="columns mt-2" id="res-after">
</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>
</main>