Commit 62fb27c5 authored by Martin Kuban's avatar Martin Kuban Committed by Markus Scheidgen
Browse files

fixed positioning and info system display for similar materials

parent c0614540
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -156,17 +156,23 @@ class Overview { ...@@ -156,17 +156,23 @@ class Overview {
<div style="clear: both;"></div> <div style="clear: both;"></div>
<div class="spin-legend" style="font-size: 0.9em; padding: 6px 30px 10px; display: block"> <table style="width: 100%">
<tr>
<td class="spin-legend" style="font-size: 0.9em; padding: 6px 30px 10px; display: none;">
<svg width="15px" height="10px"> <polyline points="0,5 15,5" class="plotSpin1"/></svg> <svg width="15px" height="10px"> <polyline points="0,5 15,5" class="plotSpin1"/></svg>
Spin <span style='font-size: 1.1em'>⇧</span> &nbsp;&nbsp;&nbsp; Spin <span style='font-size: 1.1em'>⇧</span> &nbsp;&nbsp;&nbsp;
<svg width="15px" height="10px"> <polyline points="0,5 15,5" class="plotSpin2"/></svg> <svg width="15px" height="10px"> <polyline points="0,5 15,5" class="plotSpin2"/></svg>
Spin <span style='font-size: 1.1em'>⇩</span> Spin <span style='font-size: 1.1em'>⇩</span>
<div style="float: right; width: 60%; " class="similarity-finder"> </td>
<div style="clear: both;"></div> <td class = "similarity-data-field">
</div> <div style="float: right; padding: 6px 60px 10px 30px; " class="similarity-finder">
</div> </div>
</td>
</tr>
</table>
</div> </div>
<div style="clear: both;"></div>
<!-- <!--
<div class="footer"> <div class="footer">
...@@ -208,7 +214,6 @@ class Overview { ...@@ -208,7 +214,6 @@ class Overview {
this.structTypeField= this.element.querySelector('.structure-type-field'); this.structTypeField= this.element.querySelector('.structure-type-field');
this.structTypeValue= this.element.querySelector('.structure-type-value'); this.structTypeValue= this.element.querySelector('.structure-type-value');
//this.band_gap = this.element.getElementsByClassName('e-struct-field')[0]; //this.band_gap = this.element.getElementsByClassName('e-struct-field')[0];
//fields= this.element.getElementsByClassName('method-field'); //fields= this.element.getElementsByClassName('method-field');
this.functional= this.element.querySelector('.functional-field');//fields[0]; this.functional= this.element.querySelector('.functional-field');//fields[0];
this.code= this.element.querySelector('.code-field');//fields[1]; this.code= this.element.querySelector('.code-field');//fields[1];
...@@ -324,6 +329,9 @@ class Overview { ...@@ -324,6 +329,9 @@ class Overview {
this.similarityFinder.setSimilarityData(data.similarity); this.similarityFinder.setSimilarityData(data.similarity);
similarityFinderContainer.appendChild(this.similarityFinder.element); similarityFinderContainer.appendChild(this.similarityFinder.element);
} }
this.similartyDataField = this.element.querySelector('.similarity-data-field');
InfoSys.addToInfoSystem(this.similartyDataField)
} }
} }
......
...@@ -7,11 +7,11 @@ class SimilarityFinder { ...@@ -7,11 +7,11 @@ class SimilarityFinder {
this.element = document.createElement('div'); this.element = document.createElement('div');
//this.element.className = className; //this.element.className = className;
this.element.style = "float : right;"
this.element.innerHTML+=` this.element.innerHTML+=`
<div > <span style=" vertical-align: 30%;" info-sys-data="similar-materials">Similar materials</span>
<span style=" vertical-align: 30%;" info-sys-data="space-group">Similar materials</span>
<img style="cursor: pointer" src="${util.IMAGE_DIR}folded.png" /> <img style="cursor: pointer" src="${util.IMAGE_DIR}folded.png" />
</div>
<div class="vr-download-panel" style="position: relative; display: none"> <div class="vr-download-panel" style="position: relative; display: none">
...@@ -65,7 +65,7 @@ class SimilarityFinder { ...@@ -65,7 +65,7 @@ class SimilarityFinder {
const container = document.createElement('table') const container = document.createElement('table')
container.setAttribute('class','similar-materials-panel-unfolded') container.setAttribute('class','similar-materials-panel-unfolded')
container.style='width: 250px;' container.style='width: 200px;'
this.foldingPanel.appendChild(container) this.foldingPanel.appendChild(container)
const sim_table_header = document.createElement('tr') const sim_table_header = document.createElement('tr')
sim_table_header.style = "padding: 5px; " sim_table_header.style = "padding: 5px; "
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment