niu/cbs-dsp-frontpage
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

commit 2023/05/29 version.

Browse Source
This commit is contained in:
Yoshihiro OKUMURA 2023-05-29 17:07:25 +09:00
parent 0be2e13e33
commit 0fdd85e745
3 changed files with 40 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -3,3 +3,4 @@
.orig .orig
.org .org
s/ s/
embed/

60
index.html
View File

@ -78,11 +78,11 @@
<div class="cbs-dsp-section"> <div class="cbs-dsp-section">
<h1 class="w3-text-orange">CBS Data Sharing Platform</h1> <h1 class="w3-text-orange">CBS Data Sharing Platform</h1>
<p class="w3-large w3-text-white">We aim to achieve an analysis platform for the open neuroscience data to expand the research field for each individual in CBS. CBS-DSP provides comprehensive data collection, which allows CBS scientists to generate and stimulate data-driven cross-modal neuroscience. We also plan to expand the platform for all RIKEN, which we expect for CBS researchers to broaden their research field beyond neuroscience.</p> <p class="w3-large w3-text-white">We aim to achieve an analysis platform for the open neuroscience data to expand the research field for each individual in CBS. CBS-DSP provides comprehensive data collection, which allows CBS scientists to generate and stimulate data-driven cross-modal neuroscience. We also plan to expand the platform for all RIKEN, which we expect for CBS researchers to broaden their research field beyond neuroscience.</p>
<div class="w3-row-padding w3-center"> <div class="w3-row-padding w3-center">
<div class="w3-col l3 m3 w3-margin-bottom"> <div class="w3-col l3 m3 w3-margin-bottom">
<a href="https://neurodata.riken.jp/mdrs/manager/"> <a href="https://neurodata.riken.jp/mdrs/manager/">
<div class="w3-card w3-white w3-centered"> <div class="w3-card w3-white w3-centered">
<br> <br />
<i class="fas fa-upload w3-margin-bottom w3-jumbo"></i> <i class="fas fa-upload w3-margin-bottom w3-jumbo"></i>
<h2>Upload data set</h2> <h2>Upload data set</h2>
</div> </div>
@ -106,39 +106,49 @@
</a> </a>
</div> </div>
<div class="w3-col l3 m3 w3-margin-bottom"> <div class="w3-col l3 m3 w3-margin-bottom">
<div class="w3-card w3-white"> <a href="https://neurodata.riken.jp/id/">
<br /> <div class="w3-card w3-white">
<i class="fas fa-file-alt w3-margin-bottom w3-jumbo"></i> <br />
<h2>Data for papers</h2> <i class="fas fa-file-alt w3-margin-bottom w3-jumbo"></i>
</div> <h2>Data for papers</h2>
</div>
</a>
</div> </div>
</div> </div>
<div class="w3-row-padding"> <div class="w3-row-padding">
<div class="w3-col l4 m4 w3-margin-bottom"> <div class="w3-col l4 w3-margin-bottom">
<div class="w3-card w3-white"> <div class="w3-card w3-white">
<div class="w3-container"> <div class="w3-container">
<div class="w3-left"><h2 class="w3-section w3-margin-right"><i class="fas fa-chart-bar"></i> Data Volume </h2></div> <div class="w3-left"><h4 class="w3-section"><i class="fas fa-chart-bar"></i> Data Volume </h4></div>
<div class="w3-right"><h2 class="w3-section"><span id="vol"></span></h2></div> <div class="w3-right"><h4 class="w3-section"><span id="volume_bytes"></span></h4></div>
</div> </div>
</div> </div>
</div> </div>
<div class="w3-col l4 m4 w3-margin-bottom"> <div class="w3-col l3 w3-margin-bottom">
<div class="w3-card w3-white"> <div class="w3-card w3-white">
<div class="w3-container"> <div class="w3-container">
<div class="w3-left"><h2 class="w3-section w3-margin-right"><i class="fas fa-folder"></i> Folders </h2></div> <div class="w3-left"><h4 class="w3-section"><i class="fas fa-folder"></i> Folders </h4></div>
<div class="w3-right"><h2 class="w3-section"><span id="dir"></span></h2></div> <div class="w3-right"><h4 class="w3-section"><span id="dir_num"></span></h4></div>
</div> </div>
</div> </div>
</div> </div>
<div class="w3-col l4 m4 w3-margin-bottom"> <div class="w3-col l3 w3-margin-bottom">
<div class="w3-card w3-white"> <div class="w3-card w3-white">
<div class="w3-container"> <div class="w3-container">
<div class="w3-left"><h2 class="w3-section"><i class="fas fa-users"></i> Users </h2></div> <div class="w3-left"><h4 class="w3-section"><i class="fas fa-file"></i> Files </h4></div>
<div class="w3-right"><h2 class="w3-section"><span id="user"></span></h2></div> <div class="w3-right"><h4 class="w3-section"><span id="file_num"></span></h4></div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="w3-col l2 w3-margin-bottom">
<div class="w3-card w3-white">
<div class="w3-container">
<div class="w3-left"><h4 class="w3-section"><i class="fas fa-users"></i> Users </h4></div>
<div class="w3-right"><h4 class="w3-section"><span id="user_num"></span></h4></div>
</div>
</div>
</div>
</div>
</div> </div>
</section> </section>
@ -232,14 +242,16 @@
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script> <script>
function getSummary() { function getSummary() {
axios.get('https://neurodata.riken.jp/api/v2/statistics/summary/' , { mode: 'no-cors' }) axios.get('https://neurodata.riken.jp/api/v2/summary/top/' , { mode: 'no-cors' })
.then(res => { .then(res => {
const vol = document.getElementById('vol'); const volumeBytes = document.getElementById('volume_bytes');
vol.textContent = formatBytes(res.data.summary.volume_bytes); volumeBytes.textContent = formatBytes(res.data.volume_bytes);
const dir = document.getElementById('dir'); const dirNum = document.getElementById('dir_num');
dir.textContent = addComma(res.data.summary.dir_num); dirNum.textContent = addComma(res.data.dir_num);
const user = document.getElementById('user'); const fileNum = document.getElementById('file_num');
user.textContent = addComma(res.data.summary.user_num); fileNum.textContent = addComma(res.data.file_num);
const userNum = document.getElementById('user_num');
userNum.textContent = addComma(res.data.user_num);
}) })
.catch(err => console.error(err)) .catch(err => console.error(err))
} }