feat: how-to-cite quick tour

common/constants.js

@@ -128,5 +128,15 @@
     TOP_MENU: `These icons provide access to plugins, pinned datasets, and user documentation. Use the profile icon to login with your EBRAINS account.`,
     LAYER_SELECTOR: `This is the atlas layer browser. If an atlas supports multiple template spaces or parcellation maps, you will find them here.`,
     STATUS_CARD: `This is the coordinate navigator. Expand it to manipulate voxel and physical coordinates, to reset the view, or to create persistent links to the current view for sharing.`,
+    CITATION: `You will find a "chip" shaped label at the bottom-left of the screen (next to the layer selector) which indicates your currently selected parcellation map, e.g. Julich-Brain Cytoarchitectonic Maps 2.9. Click on (i), which will subsequently open up a description box with an "Explore" button (box-and-arrow icon) at the bottom. Click on this button, which will lead you to the EBRAINS Knowledge Graph webpage for the complete parcellation map dataset. Here you can click on the "How to cite" option on the left to access the appropriate citation for your selected parcellation/template. In addition, don't forget to also cite the siibra-explorer website: https://atlases.ebrains.eu/viewer/`,
+  }
+
+  exports.QUICKTOUR_DESC_MD = {
+    CITATION: `
+## How to cite from siibra-explorer
+
+You will find a "chip" shaped label at the bottom-left of the screen (next to the layer selector) which indicates your currently selected parcellation map, e.g. _Julich-Brain Cytoarchitectonic Maps 2.9_. Click on (i), which will subsequently open up a description box with an "Explore" button (box-and-arrow icon) at the bottom. Click on this button, which will lead you to the EBRAINS Knowledge Graph webpage for the complete parcellation map dataset. Here you can click on the "How to cite" option on the left to access the appropriate citation for your selected parcellation/template. In addition, don't forget to also cite the _siibra-explorer_ website: <https://atlases.ebrains.eu/viewer/>
+
+`
   }
 })(typeof exports === 'undefined' ? module.exports : exports)

docs/releases/v2.6.5.md

-# v2.6.4
+# v2.6.5
 
 ## Feature
 
 - Re-enabled autoradiographs for receptor datasets
+- Added how-to-cite as a part of quick tour (#1085)

src/environments/environment.common.ts

@@ -5,7 +5,7 @@ export const environment = {
   PRODUCTION: true,
   BACKEND_URL: null,
   DATASET_PREVIEW_URL: 'https://hbp-kg-dataset-previewer.apps.hbp.eu/v2',
-  BS_REST_URL: 'https://siibra-api-latest.apps-dev.hbp.eu/v1_0',
+  BS_REST_URL: 'https://siibra-api-rc.apps.hbp.eu/v1_0',
   SPATIAL_TRANSFORM_BACKEND: 'https://hbp-spatial-backend.apps.hbp.eu',
   MATOMO_URL: null,
   MATOMO_ID: null,

src/ui/quickTour/constrants.ts

@@ -10,6 +10,7 @@ type TCustomPosition = {
 export interface IQuickTourData {
     order: number
     description: string
+    descriptionMd?: string
     tourPosition?: TPosition
     overwritePosition?: IQuickTourOverwritePosition
     overwriteArrow?: TemplateRef<any> | string

src/viewerModule/viewerStateBreadCrumb/breadcrumb/breadcrumb.component.ts

 import { Component, EventEmitter, Output, Pipe, PipeTransform } from "@angular/core";
 import { IQuickTourData } from "src/ui/quickTour";
-import { CONST, ARIA_LABELS, QUICKTOUR_DESC } from 'common/constants'
+import { CONST, ARIA_LABELS, QUICKTOUR_DESC, QUICKTOUR_DESC_MD } from 'common/constants'
 import { select, Store } from "@ngrx/store";
 import { viewerStateContextedSelectedRegionsSelector, viewerStateGetOverlayingAdditionalParcellations, viewerStateParcVersionSelector, viewerStateSelectedParcellationSelector } from "src/services/state/viewerState/selectors";
 import { distinctUntilChanged, map } from "rxjs/operators";
@@ -36,6 +36,12 @@ export class ViewerStateBreadCrumb {
     description: QUICKTOUR_DESC.CHIPS,
   }
 
+  public quickTourCitation: IQuickTourData = {
+    order: 5.1,
+    description: QUICKTOUR_DESC.CITATION,
+    descriptionMd: QUICKTOUR_DESC_MD.CITATION,
+  }
+
   public clearViewKeys$ = this.store$.pipe(
     select(ngViewerSelectorClearViewEntries)
   )

src/viewerModule/viewerStateBreadCrumb/breadcrumb/breadcrumb.template.html

@@ -187,6 +187,10 @@
         fontSet="fas"
         fontIcon="fa-info-circle"
         iav-stop="click"
+        quick-tour
+        [quick-tour-description]="quickTourCitation.description"
+        [quick-tour-description-md]="quickTourCitation.descriptionMd"
+        [quick-tour-order]="quickTourCitation.order"
         iav-dataset-show-dataset-dialog
         [iav-dataset-show-dataset-dialog-name]="originDatainfo.name"
         [iav-dataset-show-dataset-dialog-description]="originDatainfo.description"