\r\n \r\n
\r\nFormat Type List
\r\n\r\n
\r\n\r\n","import { Component } from '@angular/core'\r\n\r\n@Component({\r\n selector: 'app-not-found',\r\n templateUrl: './not-found.component.html',\r\n styleUrls: ['./not-found.component.css']\r\n})\r\n\r\nexport class NotFoundComponent {\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import { HttpClient } from \"@angular/common/http\";\r\nimport { AfterViewInit, Component, OnInit, ViewChild, AfterViewChecked, OnDestroy, ChangeDetectorRef } from \"@angular/core\";\r\nimport { Router } from \"@angular/router\";\r\nimport { jqxWindowModule } from \"jqwidgets-ng/jqxwindow\";\r\nimport { AlertService, MessageSeverity } from \"../../services/alert.service\";\r\nimport { ViewMapService } from \"../../services/view-map.service\";\r\nimport { Core } from \"../../shared/core\";\r\nimport { AuthService } from '../../services/auth.service';\r\nimport OlMap from 'ol/Map';\r\nimport OlView from 'ol/View';\r\nimport Zoom from 'ol/control/Zoom';\r\nimport Overlay from 'ol/Overlay';\r\nimport { fromLonLat } from 'ol/proj';\r\nimport { transform } from 'ol/proj';\r\nimport { get } from 'ol/proj';\r\nimport { getBottomLeft } from 'ol/extent';\r\nimport { getTopRight } from 'ol/extent';\r\nimport GeoJSON from 'ol/format/GeoJSON';\r\nimport OlVector from 'ol/source/Vector';\r\nimport OlTileLayer from 'ol/layer/Tile';\r\nimport OlVectorLayer from 'ol/layer/Vector';\r\nimport OlXYZ from 'ol/source/XYZ';\r\nimport VectorSource from 'ol/source/Vector';\r\nimport WKT from 'ol/format/WKT';\r\nimport WMS from 'ol/source/TileWMS';\r\nimport Draw, { createBox } from 'ol/interaction/Draw';\r\nimport { ViewMapShowReferenceLayerComponent } from './viewMap-showReferenceLayer.component';\r\nimport { MapLayer } from '../../models/mapLayer.model';\r\nimport { MapExternalLayer } from '../../models/mapExternalLayer.model';\r\nimport { jqxWindowComponent } from 'jqwidgets-ng/jqxwindow';\r\n\r\n\r\n@Component({\r\n selector: 'app-viewMap-dateCondition',\r\n templateUrl: './viewMap-dateCondition.component.html'\r\n})\r\n\r\nexport class ViewMapDateConditionComponent implements AfterViewInit, OnInit, OnDestroy {\r\n @ViewChild('dateConditionWindow') dateConditionWindow: jqxWindowComponent;\r\n startDateConditionsText: string = '';\r\n endDateConditionsText: string = '';\r\n @ViewChild('startYear') private startYear;\r\n @ViewChild('endYear') private endYear;\r\n @ViewChild('startMonth') private startMonth;\r\n @ViewChild('endMonth') private endMonth;\r\n @ViewChild('startDay') private startDay;\r\n @ViewChild('endDay') private endDay;\r\n @ViewChild('startHour') private startHour;\r\n @ViewChild('endHour') private endHour;\r\n @ViewChild('startMinute') private startMinute;\r\n @ViewChild('endMinute') private endMinute;\r\n\r\n public notifyAddDateConditions: () => void;\r\n\r\n ngOnInit() {\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n\r\n }\r\n\r\n\r\n constructor(http: HttpClient, private router: Router, private alertService: AlertService, private viewMapService: ViewMapService) {\r\n }\r\n\r\n ngOnDestroy() {\r\n }\r\n\r\n open(startDate: string, endDate: string) {\r\n this.clearAllDateCondition();\r\n if (startDate.length > 0) {\r\n if (startDate.substring(0, 4) > \"1800\")\r\n this.startYear.nativeElement.value = startDate.substring(0, 4).replace('-', '').replace(':', '');\r\n if (startDate.substring(5, 7) > \"00\")\r\n this.startMonth.nativeElement.value = startDate.substring(5, 7).replace('-', '').replace(':', '');\r\n if (startDate.substring(8, 10) > \"00\")\r\n this.startDay.nativeElement.value = startDate.substring(8, 10).replace('-', '').replace(':', '');\r\n if (startDate.substring(11, 13) > \"00\")\r\n this.startHour.nativeElement.value = startDate.substring(11, 13).replace('-', '').replace(':', '');\r\n if (startDate.substring(14, 16) > \"00\")\r\n this.startMinute.nativeElement.value = startDate.substring(14, 16).replace('-', '').replace(':', '');\r\n }\r\n\r\n if (endDate.length > 0) {\r\n if (endDate.substring(0, 4) > \"1800\")\r\n this.endYear.nativeElement.value = endDate.substring(0, 4).replace('-', '').replace(':', '');\r\n if (endDate.substring(5, 7) > \"00\")\r\n this.endMonth.nativeElement.value = endDate.substring(5, 7).replace('-', '').replace(':', '');\r\n if (endDate.substring(8, 10) > \"00\")\r\n this.endDay.nativeElement.value = endDate.substring(8, 10).replace('-', '').replace(':', '');\r\n if (endDate.substring(11, 13) > \"00\")\r\n this.endHour.nativeElement.value = endDate.substring(11, 13).replace('-', '').replace(':', '');\r\n if (endDate.substring(14, 16) > \"00\")\r\n this.endMinute.nativeElement.value = endDate.substring(14, 16).replace('-', '').replace(':', '');\r\n }\r\n\r\n this.dateConditionWindow.open();\r\n }\r\n\r\n close() {\r\n this.dateConditionWindow.close();\r\n }\r\n\r\n getWidth(): any {\r\n return '99%';\r\n }\r\n\r\n clearAllDateCondition() {\r\n this.startDateConditionsText = '';\r\n this.endDateConditionsText = '';\r\n this.startYear.nativeElement.value = '';\r\n this.endYear.nativeElement.value = '';\r\n this.startMonth.nativeElement.value = '';\r\n this.endMonth.nativeElement.value = '';\r\n this.startDay.nativeElement.value = '';\r\n this.endDay.nativeElement.value = '';\r\n this.startHour.nativeElement.value = '';\r\n this.endHour.nativeElement.value = '';\r\n this.startMinute.nativeElement.value = '';\r\n this.endMinute.nativeElement.value = '';\r\n }\r\n\r\n\r\n AddDateCondition() {\r\n this.startDateConditionsText = '';\r\n this.endDateConditionsText = '';\r\n if (this.startYear.nativeElement.value != '')\r\n this.startDateConditionsText = this.startYear.nativeElement.value;\r\n\r\n if (this.startMonth.nativeElement.value != '') {\r\n if (this.startMonth.nativeElement.value.length == 1)\r\n this.startMonth.nativeElement.value = '0' + this.startMonth.nativeElement.value;\r\n\r\n if (this.startDateConditionsText != '')\r\n this.startDateConditionsText += '-' + this.startMonth.nativeElement.value;\r\n else\r\n this.startDateConditionsText = '****-' + this.startMonth.nativeElement.value;\r\n }\r\n\r\n if (this.startDay.nativeElement.value != '') {\r\n if (this.startDay.nativeElement.value.length == 1)\r\n this.startDay.nativeElement.value = '0' + this.startDay.nativeElement.value;\r\n\r\n if (this.startDateConditionsText != '') {\r\n if (this.startDateConditionsText.length < 5)\r\n this.startDateConditionsText += '-**'\r\n this.startDateConditionsText += '-' + this.startDay.nativeElement.value;\r\n }\r\n else\r\n this.startDateConditionsText = '****-**-' + this.startDay.nativeElement.value;\r\n }\r\n\r\n if (this.startHour.nativeElement.value != '') {\r\n if (this.startHour.nativeElement.value.length == 1)\r\n this.startHour.nativeElement.value = '0' + this.startHour.nativeElement.value;\r\n\r\n if (this.startDateConditionsText != '') {\r\n if (this.startDateConditionsText.length < 5)\r\n this.startDateConditionsText += '-**-**';\r\n if (this.startDateConditionsText.length < 9)\r\n this.startDateConditionsText += '-**';\r\n this.startDateConditionsText += ' ' + this.startHour.nativeElement.value;\r\n }\r\n else\r\n this.startDateConditionsText = '****-**-** ' + this.startHour.nativeElement.value;\r\n }\r\n\r\n if (this.startMinute.nativeElement.value != '') {\r\n if (this.startMinute.nativeElement.value.length == 1)\r\n this.startMinute.nativeElement.value = '0' + this.startMinute.nativeElement.value;\r\n\r\n if (this.startDateConditionsText != '') {\r\n if (this.startDateConditionsText.length < 5)\r\n this.startDateConditionsText += '-**-** **';\r\n if (this.startDateConditionsText.length < 9)\r\n this.startDateConditionsText += '-**';\r\n if (this.startDateConditionsText.length < 11)\r\n this.startDateConditionsText += ' **';\r\n\r\n this.startDateConditionsText += ':' + this.startMinute.nativeElement.value;\r\n }\r\n else\r\n this.startDateConditionsText = '****-**-** **:' + this.startMinute.nativeElement.value;\r\n }\r\n\r\n if (this.endYear.nativeElement.value != '')\r\n this.endDateConditionsText = this.endYear.nativeElement.value;\r\n\r\n if (this.endMonth.nativeElement.value != '') {\r\n if (this.endMonth.nativeElement.value.length == 1)\r\n this.endMonth.nativeElement.value = '0' + this.endMonth.nativeElement.value;\r\n\r\n if (this.endDateConditionsText != '')\r\n this.endDateConditionsText += '-' + this.endMonth.nativeElement.value;\r\n else\r\n this.endDateConditionsText = '****-' + this.endMonth.nativeElement.value;\r\n }\r\n\r\n if (this.endDay.nativeElement.value != '') {\r\n if (this.endDay.nativeElement.value.length == 1)\r\n this.endDay.nativeElement.value = '0' + this.endDay.nativeElement.value;\r\n\r\n if (this.endDateConditionsText != '') {\r\n if (this.endDateConditionsText.length < 5)\r\n this.endDateConditionsText += '-**'\r\n this.endDateConditionsText += '-' + this.endDay.nativeElement.value;\r\n }\r\n else\r\n this.endDateConditionsText = '****-**-' + this.endDay.nativeElement.value;\r\n }\r\n\r\n if (this.endHour.nativeElement.value != '') {\r\n if (this.endHour.nativeElement.value.length == 1)\r\n this.endHour.nativeElement.value = '0' + this.endHour.nativeElement.value;\r\n\r\n if (this.endDateConditionsText != '') {\r\n if (this.endDateConditionsText.length < 5)\r\n this.endDateConditionsText += '-**-**';\r\n if (this.endDateConditionsText.length < 9)\r\n this.endDateConditionsText += '-**';\r\n this.endDateConditionsText += ' ' + this.endHour.nativeElement.value;\r\n }\r\n else\r\n this.endDateConditionsText = '****-**-** ' + this.endHour.nativeElement.value;\r\n }\r\n\r\n if (this.endMinute.nativeElement.value != '') {\r\n if (this.endMinute.nativeElement.value.length == 1)\r\n this.endMinute.nativeElement.value = '0' + this.endMinute.nativeElement.value;\r\n\r\n if (this.endDateConditionsText != '') {\r\n if (this.endDateConditionsText.length < 5)\r\n this.endDateConditionsText += '-**-** **';\r\n if (this.endDateConditionsText.length < 9)\r\n this.endDateConditionsText += '-**';\r\n if (this.endDateConditionsText.length < 11)\r\n this.endDateConditionsText += ' **';\r\n\r\n this.endDateConditionsText += ':' + this.endMinute.nativeElement.value;\r\n }\r\n else\r\n this.endDateConditionsText = '****-**-** **:' + this.endMinute.nativeElement.value;\r\n \r\n }\r\n \r\n\r\n this.notifyAddDateConditions();\r\n this.close();\r\n }\r\n\r\n cancel() {\r\n this.close();\r\n }\r\n}\r\n","Page not found
\r\n\r\n Date condition\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n Geographical filter(s)\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\nTotal events: ' + this.tagView[i].totalEvents.toLocaleString();\r\n treeMapViews.push(tmv);\r\n }\r\n }\r\n }\r\n else {\r\n if (this.treeMapLevel == 0) {\r\n this.treeMapLevel = 1;\r\n var list: any[] = this.themeView.filter(\r\n s => s.tag == parent\r\n );\r\n colorIndex = 0;\r\n for (var i = 0; i < this.tagView.length; i++) {\r\n if (this.tagView[i].tag == parent)\r\n break;\r\n colorIndex++;\r\n }\r\n this.currentColorIndex = colorIndex;\r\n if (list != null) {\r\n for (var i = 0; i < list.length; i++) {\r\n var tmv = new TreeMapViewModel();\r\n tmv.label = list[i].theme;\r\n tmv.data = new TreeMapDataModel();\r\n //tmv.value = list[i].totalYears;\r\n tmv.value = list[i].themeID;\r\n tmv.color = this.brightColor(colorList[colorIndex], 10 * (i + 1));\r\n tmv.data.firstYear = list[i].firstYear;\r\n tmv.data.lastYear = list[i].lastYear;\r\n tmv.data.totalYears = list[i].totalYears;\r\n tmv.data.totalEvents = list[i].totalEvents.toLocaleString();\r\n tmv.data.link = this.router.url + '?themeid=' + list[i].themeID;\r\n tmv.label += ',
Total events: ' + list[i].totalEvents.toLocaleString();\r\n treeMapViews.push(tmv);\r\n }\r\n }\r\n }\r\n else\r\n if (this.treeMapLevel == 1) {\r\n this.treeMapLevel = 2;\r\n var list: any[] = this.datasetView.filter(\r\n s => s.theme == parent\r\n );\r\n\r\n if (list != null) {\r\n for (var i = 0; i < list.length; i++) {\r\n var tmv = new TreeMapViewModel();\r\n tmv.label = list[i].dataset;\r\n tmv.data = new TreeMapDataModel();\r\n //tmv.value = list[i].totalYears;\r\n tmv.value = list[i].datasetID;\r\n tmv.color = this.brightColor(colorList[this.currentColorIndex], 10 * (i + 1));\r\n tmv.data.firstYear = list[i].firstYear;\r\n tmv.data.lastYear = list[i].lastYear;\r\n tmv.data.totalYears = list[i].totalYears;\r\n tmv.data.totalEvents = list[i].totalEvents.toLocaleString();\r\n tmv.data.link = this.router.url + '?datasetid=' + list[i].datasetID;\r\n tmv.label += ',
Total events: ' + list[i].totalEvents.toLocaleString();\r\n treeMapViews.push(tmv);\r\n }\r\n }\r\n }\r\n }\r\n if (treeMapViews.length > 0) {\r\n let source: any =\r\n {\r\n datatype: 'json',\r\n datafields: [\r\n { name: 'label', type: 'string' },\r\n { name: 'value', type: 'string' },\r\n { name: 'color', type: 'string' },\r\n { name: 'data' }\r\n ],\r\n localdata: treeMapViews\r\n };\r\n this.treeMapData = new jqx.dataAdapter(source);\r\n this.treeMapDataIsChanged = true;\r\n\r\n }\r\n }\r\n\r\n\r\n brightColor(color, percent) {\r\n var ctx = document.createElement('canvas').getContext('2d');\r\n ctx.fillStyle = color;\r\n ctx.fillRect(0, 0, 1, 1);\r\n var co = ctx.getImageData(0, 0, 1, 1);\r\n var r = co.data[0] - Math.floor(percent / 100 * 255);\r\n if (r < 0)\r\n r = 0;\r\n var g = co.data[1] - Math.floor(percent / 100 * 255);\r\n if (g < 0)\r\n g = 0;\r\n var b = co.data[2] - Math.floor(percent / 100 * 255);\r\n if (b < 0)\r\n b = 0;\r\n return 'rgb(' + r + ',' + g + ',' + b + ')';\r\n }\r\n\r\n\r\n groupBy(arr, key) {\r\n var newArr = [], types = {}, newItem, i, j, cur;\r\n for (i = 0, j = arr.length; i < j; i++) {\r\n cur = arr[i];\r\n if (!(cur[key] in types)) {\r\n types[cur[key]] = { type: cur[key], data: [] };\r\n newArr.push(types[cur[key]]);\r\n }\r\n types[cur[key]].data.push(cur);\r\n }\r\n return newArr;\r\n }\r\n\r\n backHome() {\r\n this.createTreeMap(\"\");\r\n this.currentTreemapLevel = 0;\r\n this.currentTheme = '';\r\n var topicLinksHome = document.getElementById('topicLinksHome');\r\n topicLinksHome.setAttribute(\"style\", \"visibility:hidden;\");\r\n var topicLinksTheme = document.getElementById('topicLinksTheme');\r\n topicLinksTheme.setAttribute(\"style\", \"visibility:hidden;\");\r\n }\r\n\r\n backTheme() {\r\n var topicLinksTheme = document.getElementById('topicLinksTheme');\r\n topicLinksTheme.setAttribute(\"style\", \"visibility:hidden;\");\r\n this.treeMapLevel = 0;\r\n this.createTreeMap(this.currentTheme);\r\n this.currentTreemapLevel = 1;\r\n }\r\n\r\n BindingComplete() {\r\n if (this.treeMapDataIsChanged) {\r\n for (var i = 0; i < this.treeMap.elementRef.nativeElement.childNodes[0].childNodes.length; i++) {\r\n this.listenerFN.push(this.rend.listen(this.treeMap.elementRef.nativeElement.childNodes[0].childNodes[i], 'click',\r\n (evt) => {\r\n this.treeMapClick(evt);\r\n }));\r\n }\r\n this.treeMapDataIsChanged = false;\r\n }\r\n }\r\n\r\n treeMapClick(arg: any): void {\r\n var str = arg.currentTarget.firstChild.childNodes[2].childNodes[0].childNodes[0].data.trimLeft().split(\",\", 2);\r\n if (!(\r\n (arg.originalTarget != undefined && arg.originalTarget.className == \"fa fa-search-plus\") ||\r\n (arg.originalTarget != undefined && arg.originalTarget.firstChild != undefined && arg.originalTarget.firstChild.className == \"fa fa-search-plus\") ||\r\n (arg.toElement != undefined && arg.toElement.className == \"fa fa-search-plus\") ||\r\n (arg.toElement != undefined && arg.toElement.localName == \"input\") ||\r\n (arg.originalTarget != undefined && arg.originalTarget.localName == \"input\") ||\r\n (arg.target != undefined && arg.target.className == \"fa fa-search-plus\") ||\r\n (arg.target != undefined && arg.target.localName == \"input\")\r\n\r\n ))\r\n return;\r\n if ((arg.originalTarget != undefined && arg.originalTarget.className == \"fa fa-search-plus\")\r\n || (arg.originalTarget != undefined && arg.originalTarget.firstChild != undefined && arg.originalTarget.firstChild.className == \"fa fa-search-plus\")\r\n || (arg.toElement != undefined && arg.toElement.className == \"fa fa-search-plus\")\r\n || (arg.target != undefined && arg.target.className == \"fa fa-search-plus\")\r\n ) {\r\n if (str.length == 2)\r\n this.createTreeMap(str[0]);\r\n\r\n if (this.currentTreemapLevel < 2) {\r\n this.msgNotification.closeAll();\r\n this.msgNotification.open();\r\n this.currentTreemapLevel++;\r\n if (this.currentTreemapLevel == 1) {\r\n var topicLinksHome = document.getElementById('topicLinksHome');\r\n topicLinksHome.setAttribute(\"style\", \"visibility:visible;\");\r\n //this.topicLinksHome.nativeElement.children[0].childNodes[0].nodeValue = str[0];\r\n this.currentTheme = str[0];\r\n }\r\n if (this.currentTreemapLevel == 2) {\r\n var topicLinksTheme = document.getElementById('topicLinksTheme');\r\n topicLinksTheme.setAttribute(\"style\", \"visibility:visible;\");\r\n this.topicLinksTheme.nativeElement.children[0].childNodes[0].nodeValue = this.currentTheme;\r\n\r\n }\r\n }\r\n }\r\n else\r\n if ((arg.toElement != undefined && arg.toElement.localName == \"input\") ||\r\n (arg.originalTarget != undefined && arg.originalTarget.localName == \"input\") ||\r\n (arg.target != undefined && arg.target.localName == \"input\")\r\n ) {\r\n var check;\r\n if (arg.toElement != undefined && arg.toElement.localName == \"input\")\r\n check = arg.toElement.checked;\r\n else\r\n if (arg.originalTarget != undefined && arg.originalTarget.localName == \"input\")\r\n check = arg.originalTarget.checked;\r\n else\r\n if (arg.target != undefined && arg.target.localName == \"input\")\r\n check = arg.target.checked;\r\n\r\n\r\n if (this.currentTreemapLevel == 0) {\r\n var themes: any[] = this.themeView.filter(\r\n s => s.tag == str[0]\r\n );\r\n if (themes != null) {\r\n for (var i = 0; i < themes.length; i++) {\r\n var datasets: any[] = this.datasetView.filter(\r\n s => s.themeID == themes[i].themeID\r\n );\r\n if (datasets != null) {\r\n for (var j = 0; j < datasets.length; j++) {\r\n var rows = this.datasetGrid.getrows();\r\n for (var k = 0; k < rows.length; k++) {\r\n if (rows[k].datasetID == datasets[j].datasetID)\r\n if (check)\r\n this.datasetGrid.selectrow(rows[k].uid);\r\n else\r\n this.datasetGrid.unselectrow(rows[k].uid);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n else\r\n if (this.currentTreemapLevel == 1) {\r\n var datasets: any[] = this.datasetView.filter(\r\n s => s.theme == str[0]\r\n );\r\n if (datasets != null) {\r\n for (var j = 0; j < datasets.length; j++) {\r\n var rows = this.datasetGrid.getrows();\r\n for (var k = 0; k < rows.length; k++) {\r\n if (rows[k].datasetID == datasets[j].datasetID)\r\n if (check)\r\n this.datasetGrid.selectrow(rows[k].uid);\r\n else\r\n this.datasetGrid.unselectrow(rows[k].uid);\r\n }\r\n }\r\n }\r\n\r\n }\r\n else\r\n if (this.currentTreemapLevel == 2) {\r\n var rows = this.datasetGrid.getrows();\r\n for (var k = 0; k < rows.length; k++) {\r\n if (rows[k].dataset == str[0])\r\n if (check)\r\n this.datasetGrid.selectrow(rows[k].uid);\r\n else\r\n this.datasetGrid.unselectrow(rows[k].uid);\r\n }\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n renderCallbacks: any =\r\n {\r\n '*': (elementObject: any, dataElement: any) => {\r\n var foreColor = 'White';\r\n elementObject.css({\r\n color: foreColor\r\n });\r\n //TODO: check condition list when select a theme for double check\r\n\r\n\r\n //elementObject.html('' + dataElement.label + ' ');\r\n //elementObject.html('' + dataElement.label + '
![](\"/image/themes/Biodiveristy.png\")
');\r\n var checkStatus = false;\r\n var html = \"\";\r\n if (this.currentTreemapLevel == 0) {\r\n html =\r\n ' ' +\r\n '![](\"/image/themes/')
' +\r\n '
' +\r\n ' ' +\r\n ' ' + dataElement.label + '
' +\r\n '' +\r\n '
' +\r\n '' +\r\n ' ' + dataElement.label + '
0) {\r\n var datasets: any[] = this.selectedDatasets.filter(\r\n s => s.dataset == dataElement.label.split(\",\")[0]\r\n );\r\n if (datasets != null && datasets.length != 0)\r\n checkStatus = true;\r\n }\r\n html =\r\n '
' +\r\n ' ' +\r\n '' +\r\n '
' +\r\n ' ' + dataElement.label + '
' +\r\n '
',\r\n position: 'mouse',\r\n autoHideDelay: 6000\r\n });\r\n }\r\n return true;\r\n }\r\n };\r\n\r\n public notifyUpdateMap: () => void;\r\n public notifyStartUpdateMap: () => void;\r\n public notifyviewMapSearchAddReferenceLayers: (url: string, layerDefs: string) => void;\r\n public notifyviewMapSearchRemoveReferenceLayers: (url: string, layerDefs: string) => void;\r\n\r\n\r\n\r\n UpdateSearchMap() {\r\n this.validationErrorMessage = \"\";\r\n this.validationWarningMessage = \"\";\r\n this.addCondition();\r\n this.pointLayerIndex = 0;\r\n this.polygonLayerIndex = 0;\r\n this.externalLayerIndex = 0;\r\n var len = this.mapLayers.length;\r\n this.mapLayers = [];\r\n\r\n this.getDateCondition();\r\n this.getDateCriteriaCondition();\r\n this.getBoundaryCondition();\r\n this.getReferenceLayerCondition();\r\n this.getwktGeometryConditions();\r\n\r\n if (this.validationErrorMessage != \"\") {\r\n this.alertService.showMessage(this.validationErrorMessage, \"\", MessageSeverity.error);\r\n return;\r\n }\r\n\r\n if (this.validationWarningMessage != \"\") {\r\n if (!window.confirm(this.validationWarningMessage))\r\n return;\r\n }\r\n\r\n\r\n this.close();\r\n var index = 0;\r\n for (var i = 0; i < this.PointSource.length; i++)\r\n this.PointSource[i].clear();\r\n for (var i = 0; i < this.PolygonSource.length; i++)\r\n this.PolygonSource[i].clear();\r\n for (var i = 0; i < this.externalSource.length; i++) {\r\n this.externalSource[i].setUrl('');\r\n this.externalSource[this.externalLayerIndex].updateParams({});\r\n }\r\n\r\n for (var i = 2; i < this.layers.length; i++)\r\n this.layers[i].setVisible(false);\r\n\r\n var list = this.viewMapShowGeographicalBox.mapLayers.filter(s => s.visible);\r\n if (list.length == 0)\r\n this.mainIndex = 2;\r\n else {\r\n for (var i = 0; i < list.length; i++)\r\n this.notifyviewMapSearchAddReferenceLayers(list[i].mapExternalLayers[0].url, list[i].mapExternalLayers[0].filter);\r\n this.mainIndex = list.length + 2;\r\n }\r\n\r\n if (this.viewMapShowGeographicalBox.source != undefined) {\r\n var mapLayer = new MapLayer();\r\n mapLayer.visible = true;\r\n mapLayer.sourceType = 1;\r\n mapLayer.layerIndex = this.polygonLayerIndex;\r\n this.polygonLayerIndex++;\r\n mapLayer.mainIndex = this.totalExternalLayer + mapLayer.layerIndex + 2;\r\n this.mainIndex++\r\n var feature = this.viewMapShowGeographicalBox.source.getFeatures();\r\n this.PolygonSource[mapLayer.layerIndex].addFeatures(feature);\r\n this.mapLayers.push(mapLayer);\r\n this.layers[mapLayer.mainIndex].setVisible(true);\r\n this.layers[mapLayer.mainIndex].setStyle(feature.style);\r\n }\r\n\r\n interface IInterface {\r\n run(feature: any);\r\n }\r\n this.downloadCondition = [];\r\n this.estimateLoading();\r\n this.loadingCount = this.selectedDatasets.length;\r\n if (this.selectedDatasets.length > 0)\r\n if (this.loadingMessage != '')\r\n this.alertService.startLoadingMessage(this.loadingMessage);\r\n else\r\n this.alertService.startLoadingMessage();\r\n this.notifyStartUpdateMap();\r\n\r\n for (let item of this.selectedDatasets) {\r\n let wkt = new WKT();\r\n var condition = new MapCondition();\r\n condition.formatTypeID = item.formatTypeID;\r\n condition.sessionID = this.sessionId;\r\n var conditionString = \"\";\r\n var dataCriteriaCondition = \"\";\r\n var geoCondition = \"\";\r\n for (let co of item.conditions)\r\n if (co.text != undefined && co.text != \"\") {\r\n if (co.conditionTypeID != 5 && co.conditionTypeID != 2) {\r\n conditionString = conditionString + co.text + \" and \";\r\n if (co.conditionTypeID == 3)\r\n dataCriteriaCondition = dataCriteriaCondition + co.text + \" and \";\r\n }\r\n else\r\n if (co.conditionTypeID == 5) {\r\n conditionString = conditionString + \" (GeometryType <> 0 or geometry::STGeomFromText('\" + co.text + \"', 4326).STContains(geometry::Point(Longitude, Latitude, 4326)) = 1) and \";\r\n geoCondition = co.text;\r\n }\r\n else\r\n if (co.conditionTypeID == 2) {\r\n conditionString = conditionString + \" (GeometryType <> 0 or \" + co.text + \") and \";\r\n geoCondition = \" GEOMETRYCOLLECTION(\" + co.description + \") \";\r\n }\r\n\r\n }\r\n\r\n conditionString = conditionString.substring(0, conditionString.length - 5);\r\n if (dataCriteriaCondition.length > 0)\r\n dataCriteriaCondition = dataCriteriaCondition.substring(0, dataCriteriaCondition.length - 5);\r\n condition.ids.push(conditionString);\r\n condition.conditionText = JSON.stringify(item.conditions);\r\n condition.dataCriteriaCondition = dataCriteriaCondition;\r\n condition.datasetID = item.datasetID;\r\n this.downloadCondition.push(condition);\r\n item.firstYear = 2100;\r\n item.lastYear = 1800;\r\n item.totalEvents = 0;\r\n\r\n this.viewMapService.getSummaryData(item.formatTypeID, conditionString, this.zoom, this.left, this.right, this.bottom, this.top).pipe(timeout(3600000)).subscribe(\r\n resultData => {\r\n var listData = ' +\r\n dataElement.label +\r\n '
First year: ' + dataElement.data.firstYear +\r\n '
Last year: ' + dataElement.data.lastYear +\r\n '
Years with data: ' + dataElement.data.totalYears +\r\n '
First year: ' + dataElement.data.firstYear +\r\n '
Last year: ' + dataElement.data.lastYear +\r\n '
Years with data: ' + dataElement.data.totalYears +\r\n '
\r\n \r\n
\r\n\r\n Select Reference Layers\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\nList of downloads
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n","import { Component, OnInit, Injectable, Inject, ViewChild, AfterViewInit } from \"@angular/core\";\r\nimport { AlertService, MessageSeverity, MessageType } from \"../services/alert.service\";\r\nimport { AuthService } from \"../services/auth.service\";\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport { Route, Router, ActivatedRoute } from \"@angular/router\";\r\nimport { Core } from \"../shared/core\";\r\nimport { jqxGridComponent } from \"jqwidgets-ng/jqxgrid\";\r\nimport { DownloadService } from '../services/download.service';\r\nimport { jqxWindowComponent } from 'jqwidgets-ng/jqxwindow';\r\n\r\n\r\n@Component({\r\n selector: 'app-downloads',\r\n templateUrl: './downloads.component.html',\r\n styleUrls: ['./downloads.component.css']\r\n})\r\n\r\n\r\n@Injectable()\r\nexport class DownloadsComponent implements OnInit, AfterViewInit {\r\n dataAdapter: any;\r\n columns: any[];\r\n guid: string = '';\r\n @ViewChild(\"downloadGrid\") downloadGrid: jqxGridComponent;\r\n \r\n baseURL: any;\r\n @ViewChild('email') private email;\r\n // @ViewChild('emailStore', { static: false }) private emailStore;\r\n @ViewChild('sendNotificationWindow') sendNotificationWindow: jqxWindowComponent;\r\n\r\n emailAddress: string;\r\n\r\n ngOnInit() {\r\n\r\n \r\n }\r\n\r\n //TODO: Set timer to update for\r\n \r\n\r\n constructor(private authService: AuthService, private router: Router, @Inject('BASE_URL') url: string, private alertService: AlertService, private route: ActivatedRoute, private downloadService: DownloadService) {\r\n this.alertService.startLoadingMessage();\r\n this.route.queryParams.subscribe(params => {\r\n if (params['guid'] != '')\r\n this.guid = params['guid'];\r\n });\r\n\r\n this.baseURL = url;\r\n\r\n if (this.authService.currentUser != undefined && this.authService.currentUser.email != \"\")\r\n this.emailAddress = this.authService.currentUser.email;\r\n\r\n this.refreshData();\r\n\r\n setInterval(() => {\r\n this.refreshData();\r\n }, 10000);\r\n\r\n \r\n this.alertService.stopLoadingMessage();\r\n }\r\n\r\n refreshData() {\r\n if (this.downloadService == undefined) return;\r\n this.downloadService.getdownloads(this.guid).subscribe(\r\n download => {\r\n if (download.localdata.length == 0) {\r\n var container = document.getElementById('container');\r\n container.setAttribute(\"style\", \"visibility:hidden;width: 0px; height:0px;\");\r\n this.alertService.showMessage('Information', 'This link is not active anymore', MessageSeverity.information);\r\n return;\r\n }\r\n this.dataAdapter = new jqx.dataAdapter(download);\r\n this.columns =\r\n [\r\n { text: 'partguid', datafield: 'partGUID', hidden: true },\r\n { text: 'Theme', datafield: 'theme', width: 250 },\r\n { text: 'Dataset', datafield: 'dataset', width: 250},\r\n { text: 'Status', datafield: 'downloadStatus', width: 100 },\r\n { text: 'Time period', datafield: 'date', width: 250 },\r\n { text: 'Data Criteria', datafield: 'dataCriteria'},\r\n { text: 'Download', datafield: 'downloadStatusID', width: 80, cellsrenderer: this.downloadRender }\r\n ];\r\n\r\n var container = document.getElementById('container');\r\n container.setAttribute(\"style\", \"visibility:visible;width: 100%; height:800px;\");\r\n var downloadAllbtn = document.getElementById('downloadAllbtn');\r\n downloadAllbtn.setAttribute(\"style\", \"visibility:visible;\");\r\n var sendNotificationbtn = document.getElementById('sendNotificationbtn');\r\n var isFinished = true;\r\n for (var i = 0; i < download.localdata.length; i++) {\r\n if (download.localdata[i].email != \"\" && download.localdata[i].email != null)\r\n sendNotificationbtn.setAttribute(\"style\", \"visibility:hidden;\");\r\n if (download.localdata[i].downloadStatusID == 1) {\r\n downloadAllbtn.setAttribute(\"style\", \"visibility:hidden;\");\r\n isFinished = false;\r\n }\r\n }\r\n\r\n if (isFinished)\r\n sendNotificationbtn.setAttribute(\"style\", \"visibility:hidden;\");\r\n },\r\n error => {\r\n this.alertService.showMessage('Unable to load download parts', Core.getHttpResponseMessage('', error), MessageSeverity.error);\r\n }\r\n )\r\n }\r\n\r\n Cellclick(event: any): void {\r\n // Do Something\r\n var args = event.args;\r\n var rowBoundIndex = args.rowindex;\r\n var columnindex = args.columnindex;\r\n var rowdata = this.downloadGrid.getrowdata(rowBoundIndex);\r\n if (columnindex == 6 && rowdata.downloadStatusID == 2) {\r\n window.location.href = this.baseURL + 'Download/' + rowdata.partGUID\r\n }\r\n }\r\n\r\n\r\n ngAfterViewChecked(): void {\r\n \r\n }\r\n\r\n\r\n downloadRender(row, datafield, value) {\r\n if (value == 2)\r\n return '';\r\n else\r\n return '';\r\n\r\n\r\n }\r\n downloadAll() {\r\n window.location.href = this.baseURL + 'Download/' + this.guid;\r\n }\r\n\r\n ngAfterViewInit() {\r\n \r\n }\r\n\r\n showSendNotificationWindow() {\r\n this.sendNotificationWindow.open();\r\n }\r\n\r\n closeSendNotificationWindow() {\r\n this.sendNotificationWindow.close();\r\n }\r\n\r\n sendNotification() {\r\n if (this.emailAddress == \"\") {\r\n this.alertService.showMessage('Email Address is required', '', MessageSeverity.error);\r\n return;\r\n }\r\n //else\r\n // if (this.emailAddress != \"\" && !this.emailStore.value) {\r\n // this.alertService.showMessage('Please accept to store the email at ICES Dataportal', '', MessageSeverity.error);\r\n // return;\r\n // }\r\n this.downloadService.sendNotification(this.guid, this.emailAddress).subscribe(\r\n download => {\r\n this.sendNotificationWindow.close();\r\n this.refreshData();\r\n this.alertService.showRemainMessage('Success', 'You have successfully submitted a request to get notification. When the data have been extracted, you will get an e-mail with a link to download data.', MessageSeverity.information);\r\n\r\n },\r\n error => {\r\n this.alertService.showMessage('Unable to register email for download', Core.getHttpResponseMessage('', error), MessageSeverity.error);\r\n }\r\n );\r\n\r\n \r\n\r\n\r\n }\r\n\r\n\r\n getWidth(): any {\r\n return '100%';\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","\r\n
\r\n\r\n
\r\nDownload list
\r\n\r\n Here is the list of dataset(s) you have selected to download.\r\n If you have any problems with downloading, please contact accessions@ices.dk\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n})\r\n\r\nexport class HomeComponent {\r\n constructor() {\r\n }\r\n\r\n \r\n}\r\n","import { Component, OnInit, OnDestroy, Input, Injectable } from '@angular/core'\r\nimport { Router, Route, ActivatedRoute } from '@angular/router'\r\nimport { AuthService } from '../services/auth.service';\r\nimport { IUser } from '../models/account/user.model'\r\nimport { UserLogin } from '../models/account/user-login.model';\r\nimport { AlertService, MessageType, MessageSeverity } from '../services/alert.service';\r\nimport { Core } from '../shared/core';\r\nimport { MsalService, MsalBroadcastService, MSAL_GUARD_CONFIG, MsalGuardConfiguration } from '@azure/msal-angular';\r\nimport { AuthenticationResult, InteractionStatus, InteractionType, PopupRequest, RedirectRequest } from '@azure/msal-browser';\r\nimport { LoginResponse } from '../models/account/login-response.model';\r\nimport { map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\n\r\n@Injectable()\r\nexport class LoginComponent implements OnInit, OnDestroy {\r\n currentUser: IUser;\r\n returnUrl: string;\r\n userLogin = new UserLogin();\r\n isLoading = false;\r\n\r\n constructor(private authService: AuthService, private router: Router, private route: ActivatedRoute, private alertService: AlertService, private msalService: MsalService) {\r\n \r\n }\r\n\r\n ngOnInit() {\r\n \r\n }\r\n\r\n ngOnDestroy() {\r\n\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.returnUrl = this.route.snapshot.queryParams['return'] || '/';\r\n if (this.msalService.instance.getActiveAccount() == null) {\r\n this.alertService.startLoadingMessage('', 'Attempting login...');\r\n this.authService.loginUser().subscribe((response: AuthenticationResult) => {\r\n this.msalService.instance.setActiveAccount(response.account);\r\n this.authService.getLoginEndpoint\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n","export class UserLogin {\r\n constructor(userID?: string, userName?: string, email?: string) {\r\n this.userID = userID;\r\n this.userName = userName;\r\n this.email = email;\r\n }\r\n\r\n public userID: string;\r\n public userName: string;\r\n public email: string;\r\n}\r\n","export class TreeMapViewModel \r\n{\r\n public label: string;\r\n public value: number;\r\n public color: string;\r\n public data: TreeMapDataModel;\r\n}\r\n\r\nexport class TreeMapDataModel {\r\n constructor() {\r\n this.firstYear = 3000;\r\n this.lastYear = 0;\r\n this.totalYears = 0;\r\n this.totalEvents = 0;\r\n this.link = '';\r\n \r\n }\r\n public firstYear: number;\r\n public lastYear: number;\r\n public totalYears: number;\r\n public totalEvents: number;\r\n public link: string;\r\n}\r\n","export class FormatType {\r\n public id: number\r\n public name: string\r\n public active: boolean;\r\n public formatTypeStatus: string;\r\n public formatTypeStatusID: number;\r\n public theme: string;\r\n public themeID: number;\r\n public downloadType: string;\r\n public downloadTypeID: number;\r\n public loopLimit: number;\r\n public contactEmail: string;\r\n public comment: string;\r\n public mapStyle: string;\r\n}\r\n\r\n\r\n\r\n","export class MapCondition {\r\n public formatTypeID: number\r\n public datasetID: number;\r\n public sessionID: string;\r\n public conditionText: string;\r\n public dataCriteriaCondition: string;\r\n public ids: string[] = []\r\n}\r\n","export class MapDatasetCondition {\r\n\r\n public firstYear: number\r\n public lastYear: number\r\n public totalYears: number\r\n public totalEvents: number\r\n public formatTypeID: number\r\n public themeID: number\r\n public theme: string\r\n public datasetID: number\r\n public dataset: string\r\n public layerTypeID: number\r\n public layerType: string\r\n public conditions: Condition[] = [];\r\n}\r\n\r\nexport class Condition {\r\n public conditionTypeID: number //0: DatasetID 1: DateCondition 2:RefernceLayer 3: DataCriteria 4: GeoBoundaryCondition 5:wktGeometryConditions\r\n public text: string\r\n public description: string\r\n}\r\n","export class MapExternalLayer {\r\n public url: string;\r\n public layer: string;\r\n public filter: string;\r\n public value: string;\r\n public style: string;\r\n public ids: string[] = [];\r\n}\r\n","import { MapExternalLayer } from './mapExternalLayer.model';\r\n\r\nexport class MapLayer {\r\n public formatTypeID: number;\r\n public datasetID: number;\r\n public layerIndex: number;\r\n public mainIndex: number;\r\n public visible: boolean;\r\n //0: point 1: polygon 2: external\r\n public sourceType: number;\r\n public legends: HTMLTableRowElement[] = [];\r\n public mapExternalLayers: MapExternalLayer[] = [];\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable()\r\nexport class Const {\r\n public static readonly CurrentUser = 'CurrentUser';\r\n public static readonly RememberMe = 'RememberMe';\r\n\r\n}\r\n","import { Injectable } from '@angular/core'\r\nimport { Subject, Observable } from 'rxjs';\r\n\r\n\r\nexport enum MessageType{\r\n alert,\r\n confirm,\r\n prompt\r\n}\r\n\r\nexport enum MessageSeverity {\r\n default,\r\n information,\r\n error,\r\n warning,\r\n success,\r\n wait\r\n}\r\n\r\nexport class Dialog {\r\n constructor(\r\n public message: string,\r\n public type: MessageType,\r\n public okCallback: (val?: any) => any,\r\n public cancelCallback: () => any,\r\n public defaultValue: string,\r\n public okLabel: string,\r\n public cancelLabel: string) { }\r\n}\r\n\r\nexport class Message {\r\n constructor(\r\n public severity: MessageSeverity,\r\n public summary: string,\r\n public detail: string,\r\n public showClose: boolean = true\r\n ) { }\r\n}\r\n\r\n@Injectable()\r\nexport class AlertService {\r\n private isLoading = false;\r\n private messages = new Subject\r\n \r\n \r\n
\r\n - \r\n
- Format type \r\n
- \r\n Users\r\n
- \r\n
- User list \r\n
\r\n
\r\n
\r\n