Commit da7db610 authored by Lauri Himanen's avatar Lauri Himanen
Browse files

Updated methodology page to have header for links and improved layout for filtering options.

parent cacf5e75
Pipeline #80960 skipped with stage
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -3,10 +3,10 @@ window.nomadEnv = {
//guiRoot: "https://labdev-nomad.esc.rzg.mpg.de/dev/nomad/encyclopedia-api/",
//userCookieDomain: ".esc.rzg.mpg.de",
//userCookieDomain: ".nomad-lab.eu",
//apiRoot: "https://nomad-lab.eu/prod/rae/api/encyclopedia/",
apiRoot: "https://nomad-lab.eu/prod/rae/api/encyclopedia/",
//guiRoot: "https://nomad-lab.eu/prod/rae/encyclopedia/",
guiRoot: "http://localhost:3000/gui/",
apiRoot: "http://localhost:8000/fairdi/nomad/latest/api/encyclopedia/",
//apiRoot: "http://localhost:8000/fairdi/nomad/latest/api/encyclopedia/",
userCookieDomain: ".localhost",
guestUserToken: 'eyJhbGciOiJIUzI1NiIsImlhdCI6MTUyMzg4MDE1OSwiZXhwIjoxNjgxNTYwMTU5fQ.ey'+
'JpZCI6ImVuY2d1aSJ9.MsMWQa3IklH7cQTxRaIRSF9q8D_2LD5Fs2-irpWPTp4',
......
......@@ -58,7 +58,7 @@ class FilterInGroupsComponent {
this.filtersOn = [];
this.folded = true;
this.element.innerHTML+=`
<div>
<div style="padding: 0rem 2.5rem">
<div style="display: flex; justify-content: flex-end;">
<div class="filter-groups-c-folded" >
<span style="vertical-align: top;">Filtering &nbsp;&nbsp;</span>
......@@ -68,27 +68,25 @@ class FilterInGroupsComponent {
<!--<button class="on">filter</button> -->
</div>
</div>
<div class="filter-groups-c-unfolded" style="display: none">
<div class="filter-groups-c-unfolded" style="display: none; padding-bottom: 1rem">
<table style="width: 100%;">
<thead>
<tr>
<th style="width: 12%;"> </th>
<th style="width: 16%;">
<th style="width: 20%;">
<span>Type</span>
</th>
<th style="width: 18%;">
<th style="width: 20%;">
<span info-sys-data="functional-type">Density functional</span>
</th>
<th style="width: 12%;">
<th style="width: 20%;">
<span info-sys-data="code-name">Code</span>
</th>
<th style="width: 16%;">
<th style="width: 20%;">
<span info-sys-data="pseudopotential-type">Potential</span>
</th>
<th style="width: 11%;">
<th style="width: 20%;">
<span info-sys-data="basis-set-type">Basis set</span>
</th>
<!-- <th style="width: 9%;"> </th> -->
</tr>
</thead>
<tbody>
......@@ -98,7 +96,6 @@ class FilterInGroupsComponent {
</div>
</div>
`;
//this.foldedPanel = this.element.querySelector('.filter-groups-c-folded');
this.unfoldedPanel = this.element.querySelector('.filter-groups-c-unfolded');
this.filterItemsRow = this.element.querySelector('#filter-items-row');
......@@ -108,7 +105,6 @@ class FilterInGroupsComponent {
this.folded = !this.folded;
this.foldBtn.src = (this.folded ? util.IMAGE_DIR+'folded.png' :
util.IMAGE_DIR+'unfolded.png');
//this.foldedPanel.style.display = (this.folded ? 'block' : 'none');
this.unfoldedPanel.style.display = (this.folded ? 'none' : 'block');
});
......@@ -144,7 +140,7 @@ class FilterInGroupsComponent {
if (!lBasicSetMap.has(c.basis_set_type))
lBasicSetMap.set(c.basis_set_type, c.basis_set_type);
});
this.filterItemsRow.innerHTML = '<td></td>'; // calculation Id column
this.filterItemsRow.innerHTML = '';
this.filtersOn = [];
this.addGroupItems(lCalcTypesMap);
this.addGroupItems(lDensityFunctionalMap);
......@@ -227,14 +223,9 @@ class MethodologyDetails extends DetailsViewBase {
<span info-sys-data="basis-set-type">Basis set</span>
<span class="sorting-button"></span>
</th>
<!-- <th style="width: 8%;">
<th style="width: 4%;">
<span info-sys-data="basis-set-type">Link</span>
</th>
<th style="width: 8%;">
<span info-sys-data="basis-set-type">RV</span>
</th> -->
</tr>
</thead>
<tbody>
......
Supports Markdown
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