openaire-library/searchPages/searchUtils/searchDataproviderMap.compo...

56 lines
2.4 KiB
TypeScript
Raw Normal View History

import {Component, Input, ViewChild} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {AlertModal} from '../../utils/modal/alert';
import {ErrorCodes} from '../../utils/properties/errorCodes';
@Component({
selector: 'search-dataprovider-map',
template: `
<!-- <a class="uk-icon" [href]="mapUrl" target="_blank"> -->
<a *ngIf="mapUrl && searchUtils.status != errorCodes.LOADING"
[attr.uk-tooltip]="''" [title]="'Show all '+mapTooltipType+' in map'"
(click)="openMapModal()" class="clickable">
<span class="uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="location" ratio="1"><path fill="none" stroke="#000" stroke-width="1.01" d="M10,0.5 C6.41,0.5 3.5,3.39 3.5,6.98 C3.5,11.83 10,19 10,19 C10,19 16.5,11.83 16.5,6.98 C16.5,3.39 13.59,0.5 10,0.5 L10,0.5 Z"></path><circle fill="none" stroke="#000" cx="10" cy="6.8" r="2.3"></circle></svg>
</span>
</a>
<span *ngIf="mapUrl && (!loadPaging && oldTotalResults > 0 && searchUtils.status == errorCodes.LOADING)"
class="cursor-not-allowed ">
<span class="uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="location" ratio="1"><path fill="none" stroke="#000" stroke-width="1.01" d="M10,0.5 C6.41,0.5 3.5,3.39 3.5,6.98 C3.5,11.83 10,19 10,19 C10,19 16.5,11.83 16.5,6.98 C16.5,3.39 13.59,0.5 10,0.5 L10,0.5 Z"></path><circle fill="none" stroke="#000" cx="10" cy="6.8" r="2.3"></circle></svg>
</span>
</span>
<!-- </a> -->
<modal-alert #AlertModalMap>
<i-frame [url]="mapUrl" width="100%" height="900"></i-frame>
</modal-alert>
`
})
export class SearchDataproviderMapComponent {
@Input() searchUtils;
@Input() oldTotalResults:number = 0;
@Input() loadPaging: boolean = true;
@Input() totalResults:number = 0;
@Input() mapUrl: string;
@Input() mapTooltipType: string ="";
@ViewChild(AlertModal) alertModalMap;
public errorCodes:ErrorCodes = new ErrorCodes();
constructor (private route: ActivatedRoute) {}
ngOnInit() {}
ngOnDestroy() {}
openMapModal() {
this.alertModalMap.isOpen = true;
this.alertModalMap.cancelButton = true;
this.alertModalMap.okButton = false;
this.alertModalMap.alertTitle = "Map of Content Providers";
this.alertModalMap.message = "";
this.alertModalMap.cancelButtonText = "Close";
}
}