Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
nomad-lab
encyclopedia-gui
Commits
62fb27c5
Commit
62fb27c5
authored
Feb 04, 2019
by
Martin Kuban
Committed by
Markus Scheidgen
Apr 08, 2019
Browse files
fixed positioning and info system display for similar materials
parent
c0614540
Changes
3
Show whitespace changes
Inline
Side-by-side
client/bundle.js
View file @
62fb27c5
This source diff could not be displayed because it is too large. You can
view the blob
instead.
client/src/material-mod/Overview.view.js
View file @
62fb27c5
...
@@ -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>
Spin <span style='font-size: 1.1em'>⇧</span>
<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
)
}
}
}
}
...
...
client/src/material-mod/Similarity.js
View file @
62fb27c5
...
@@ -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: 2
5
0px;
'
container
.
style
=
'
width: 2
0
0px;
'
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;
"
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment