diff --git a/src/res/css/extra_styles.css b/src/res/css/extra_styles.css
index 3a880eccf9974a2ea3d0aaa301712996d8e74209..82f035c9b53fa6c29a1e7b7471e654954633b3b2 100644
--- a/src/res/css/extra_styles.css
+++ b/src/res/css/extra_styles.css
@@ -96,7 +96,7 @@ label.perspective-panel-show-slice-views:hover
[darktheme="true"] a
{
- color:#337ab7;
+ color:#d7e6f4;
}
label.perspective-panel-show-slice-views:before
@@ -108,6 +108,11 @@ label.perspective-panel-show-slice-views:before
color: #337ab7;
}
+[darktheme="true"] label.perspective-panel-show-slice-views:before
+{
+ color: #d7e6f4;
+}
+
[darktheme="true"] .scale-bar-container
{
color:#f2f2f2;
@@ -139,4 +144,4 @@ markdown-dom pre code
.glyphicon-none
{
width:1em;
-}
\ No newline at end of file
+}
diff --git a/src/ui/citation/citations.component.ts b/src/ui/citation/citations.component.ts
index 36dd3368d98704812d9fada1688c64d6ba5ca08a..c516754468d86ed80ed08dc959643d99136cdc88 100644
--- a/src/ui/citation/citations.component.ts
+++ b/src/ui/citation/citations.component.ts
@@ -3,7 +3,7 @@ import { Property } from "../../services/stateStore.service";
@Component({
- selector : 'citations',
+ selector : 'citations-component',
templateUrl : './citations.template.html',
styleUrls : [
'./citations.style.css'
diff --git a/src/ui/citation/citations.style.css b/src/ui/citation/citations.style.css
index b0db950b0adac1f6343efdde9acf8a26e2524907..9eaed9b36632a460022148d9b49a7ccad53911f7 100644
--- a/src/ui/citation/citations.style.css
+++ b/src/ui/citation/citations.style.css
@@ -5,9 +5,15 @@
display:block;
white-space: normal;
padding-bottom:0px;
+ margin-top:1em;
}
:host > div[citationContainer]:not(:first-child)
{
padding-top: 0px;
}
+
+div[publicationContainer]
+{
+ margin-top:1em;
+}
\ No newline at end of file
diff --git a/src/ui/fileviewer/dedicated/dedicated.component.ts b/src/ui/fileviewer/dedicated/dedicated.component.ts
index 73f0904ddf0179c69f36d1cadc5726244978a411..c0a4e773b0ee2a727741f13ac0a7f84acd25c6d6 100644
--- a/src/ui/fileviewer/dedicated/dedicated.component.ts
+++ b/src/ui/fileviewer/dedicated/dedicated.component.ts
@@ -2,7 +2,6 @@ import { Component, OnDestroy, Input } from "@angular/core";
import { Store, select } from "@ngrx/store";
import { DedicatedViewState, File, ADD_NG_LAYER, REMOVE_NG_LAYER, NgViewerStateInterface } from "../../../services/stateStore.service";
import { Observable, Subscription } from "rxjs";
-import { filter, map } from "rxjs/operators";
import { getActiveColorMapFragmentMain } from "../../nehubaContainer/nehubaContainer.component";
diff --git a/src/ui/fileviewer/dedicated/dedicated.style.css b/src/ui/fileviewer/dedicated/dedicated.style.css
index f8288c5581c3a4e783bfb5529b5ce2a69ff19639..8f54fa6f02a82636b5735c6a65a1a35b80cdfb1e 100644
--- a/src/ui/fileviewer/dedicated/dedicated.style.css
+++ b/src/ui/fileviewer/dedicated/dedicated.style.css
@@ -1,20 +1,4 @@
-.well
+a
{
- border-radius:0;
- border:0;
- width:calc(100% - 2em);
- box-sizing:border-box;
- margin:1em;
- overflow-x:auto;
-}
-.obstructedText
-{
- display:inline-block;
- margin:0 1em;
- width : calc(100% - 2em);
-}
-
-:host-context([darktheme="true"]) .well
-{
- background-color:rgba(0,0,0,0.2);
+ margin: 0 1em;
}
\ No newline at end of file
diff --git a/src/ui/fileviewer/dedicated/dedicated.template.html b/src/ui/fileviewer/dedicated/dedicated.template.html
index 4b4fd2b39b9bba46dafff4fa23be6a9f7e94c33a..f1481940c1fd4127bd67908d9b89bc9d3e5d16a4 100644
--- a/src/ui/fileviewer/dedicated/dedicated.template.html
+++ b/src/ui/fileviewer/dedicated/dedicated.template.html
@@ -1,14 +1,14 @@
-<span
- (click) = "showDedicatedView()"
- *ngIf = "!isShowing"
- class = "btn btn-link">
+<a
+ href = "#"
+ (click) = "$event.preventDefault();showDedicatedView()"
+ *ngIf = "!isShowing">
show this dataset in the viewer
-</span>
-<span
- (click) = "removeDedicatedView()"
- *ngIf = "isShowing"
- class = "btn btn-link">
+</a>
+<a
+ href = "#"
+ (click) = "$event.preventDefault();removeDedicatedView()"
+ *ngIf = "isShowing">
clear this dataset from the viewer
-</span>
\ No newline at end of file
+</a>
\ No newline at end of file
diff --git a/src/ui/fileviewer/fileviewer.component.ts b/src/ui/fileviewer/fileviewer.component.ts
index 4bb4fa988f3ff90fe122c445bcc4dc23424f58f9..7ad43ca02cf943a4b2bb75df913c7683f45c925e 100644
--- a/src/ui/fileviewer/fileviewer.component.ts
+++ b/src/ui/fileviewer/fileviewer.component.ts
@@ -31,7 +31,6 @@ export class FileViewer implements OnChanges,OnDestroy,OnInit{
}
ngOnInit(){
- console.log('ng onchanges',this.searchResultFile)
this.createUrls()
}
ngOnChanges(){
@@ -47,13 +46,14 @@ export class FileViewer implements OnChanges,OnDestroy,OnInit{
null
}
+ /* TODO require better way to check if a chart exists */
private createUrls(){
const timer$ = interval(50)
const timerSet$ = timer$.pipe(
switchMap(()=>from(new Promise((rs,rj)=>{
if(!this.childChart)
- rj('childChart not yet defined')
+ rj('chart not defined after 500ms')
this.childChart.canvas.nativeElement.toBlob((blob)=>{
blob ? rs(blob) : rj('blob is undefined')
@@ -66,7 +66,7 @@ export class FileViewer implements OnChanges,OnDestroy,OnInit{
timerSet$.subscribe((blob)=>{
this._pngDownloadUrl = URL.createObjectURL(blob)
- },(err)=>console.error('error',err))
+ },(err)=>console.warn('warning',err))
if(!this.searchResultFile.url && this.searchResultFile.data){
diff --git a/src/ui/fileviewer/fileviewer.style.css b/src/ui/fileviewer/fileviewer.style.css
index 096b468eade90db8549688d6edef4575880658ee..6d80a20c307119b5fe6d6b08f52b6d6fc980a962 100644
--- a/src/ui/fileviewer/fileviewer.style.css
+++ b/src/ui/fileviewer/fileviewer.style.css
@@ -20,4 +20,9 @@ img
max-width: 100%;
box-sizing: border-box;
padding: 0.5em 1em;
+}
+
+div[anchorContainer]
+{
+ padding:0.2em 1em;
}
\ No newline at end of file
diff --git a/src/ui/fileviewer/fileviewer.template.html b/src/ui/fileviewer/fileviewer.template.html
index 7dc5acf3705b8d847d2f352004585ec6d422d6ce..82b0c4e555f5645a1bb1411aa29e57a155ac059b 100644
--- a/src/ui/fileviewer/fileviewer.template.html
+++ b/src/ui/fileviewer/fileviewer.template.html
@@ -3,11 +3,11 @@
</div>
<!-- citation -->
-<citations
+<citations-component
citationContainer
- *ngIf = "searchResultFile"
+ *ngIf = "searchResultFile && !searchResultFile.kgID"
[properties] = "searchResultFile.datasetProperties">
-</citations>
+</citations-component>
<!-- file viewer -->
<div
@@ -72,10 +72,10 @@
</small>
</readmore>
-<div *ngIf = "downloadUrl">
- <a [href]="downloadUrl" target = "_blank" class = "btn btn-link" download>Download File</a>
+<div anchorContainer *ngIf = "downloadUrl">
+ <a [href]="downloadUrl" target = "_blank" download>Download File</a>
</div>
-<div *ngIf = "downloadPng">
- <a [href] = "downloadPng" target = "_blank" class = "btn btn-link" download>Download Chart as Image</a>
+<div anchorContainer *ngIf = "downloadPng">
+ <a [href] = "downloadPng" target = "_blank" download>Download Chart as Image</a>
</div>
diff --git a/src/ui/nehubaContainer/nehubaContainer.style.css b/src/ui/nehubaContainer/nehubaContainer.style.css
index 5efeba62de1de0358c8c16a304d85e6c38a32101..83626740a863fcb0fe0935da2d6b6e0def360d04 100644
--- a/src/ui/nehubaContainer/nehubaContainer.style.css
+++ b/src/ui/nehubaContainer/nehubaContainer.style.css
@@ -101,4 +101,10 @@ small[onHoverSegment]
hr
{
margin : 0.2em 2em;
+}
+
+div[linksContainer]
+{
+ display:inline-block;
+ margin-left:1em;
}
\ No newline at end of file
diff --git a/src/ui/nehubaContainer/nehubaContainer.template.html b/src/ui/nehubaContainer/nehubaContainer.template.html
index 60ae0793390e1088541747590f340895cf4eb474..0e22c32670f78cf2a0dd46398550e90fff6b7eda 100644
--- a/src/ui/nehubaContainer/nehubaContainer.template.html
+++ b/src/ui/nehubaContainer/nehubaContainer.template.html
@@ -66,32 +66,29 @@
*ngIf = "viewerLoaded">
<div statusCard>
- <citations
+ <citations-component
*ngIf = "selectedParcellation.properties"
[properties] = "selectedParcellation.properties"
citationContainer>
- </citations>
- <citations
+ </citations-component>
+ <citations-component
[properties] = "selectedTemplate.properties"
*ngIf = "showCitation"
citationContainer>
- </citations>
+ </citations-component>
- <hr
- *ngIf = "showCitation" />
+ <hr *ngIf = "showCitation" />
- <span
- class = "btn btn-link"
- (click)="statusPanelRealSpace = !statusPanelRealSpace">
- {{statusPanelRealSpace ? 'RealSpace' : 'VoxelSpace'}}
- </span>
-
- <span
- (click) = "resetNavigation()"
- class = "btn btn-link">
- reset navigation
- </span>
+ <div linksContainer>
+ <a href = "#" (click)="$event.preventDefault();statusPanelRealSpace = !statusPanelRealSpace">
+ {{statusPanelRealSpace ? 'real space' : 'voxel space'}}
+ </a>
+
+ <a href = "#" (click) = "$event.preventDefault();resetNavigation()">
+ reset navigation
+ </a>
+ </div>
<br />
<div textContainer>