-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #250 from AuScope/AUS-3908
Aus 3908 Custom KML Layers
- Loading branch information
Showing
9 changed files
with
10,193 additions
and
9,144 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,74 +1,32 @@ | ||
<!-- Custom Layer Input --> | ||
<!-- Custom Layer Input for WMS service --> | ||
<div class="form-group"> | ||
<label class="control-label" for="inputSuccess1"><small class="white">WMS Service URL</small></label> | ||
<label class="control-label" for="inputSuccess1"><small class="white">KML URL or OGC WMS Service URL</small></label> | ||
<div class="input-group"> | ||
<input type="text" class="form-control" [(ngModel)] = "searchUrl" > | ||
<div class="input-group-append" title="Add WMS service URL layer to map" (click)="search()"> | ||
<div class="input-group-append" title="Add KML or OGC WMS service URL layer to map" (click)="search()"> | ||
<button class="btn btn-light" type="button" [disabled]="!searchUrl || searchUrl.trim() === ''"> | ||
<i *ngIf="!loading" class="fa fa-search"></i> | ||
<i *ngIf="loading" class="fa fa-spinner fa-spin fa-fw"></i> | ||
</button> | ||
</div> | ||
</div> | ||
<span class="help-block small" [innerHTML]="statusmsg"> | ||
<span class="help-block small" [innerHTML]="statusMsg"> | ||
</span> | ||
</div> | ||
<!-- Once a URL has been selected and processed, its available layers are shown here --> | ||
<layer-group layerGroup [layerGroups]="urlLayerGroups"></layer-group> | ||
|
||
|
||
<!-- Custom Layer Controls --> | ||
<li class="active" *ngFor="let layerGroup of layerGroups | getKey"> | ||
<a href="javascript:;"> | ||
<i class="ti-angle-down float-right"></i> | ||
{{layerGroup.key}} | ||
</a> | ||
<ul> | ||
<li *ngFor="let layer of layerGroup.value" [ngClass]="{'active': layer.expanded}"> | ||
<a (click)="layer.expanded = !layer.expanded"> | ||
<div> | ||
<!-- | ||
<span *ngIf="getUILayerModel(layer.id).statusMap.getRenderStarted()" class="float-right project-percentage hasEvent light-blue"> | ||
<u (click)="openStatusReport(getUILayerModel(layer.id)); $event.stopPropagation();">{{getUILayerModel(layer.id).statusMap.getCompletePercentage()}} | ||
<i *ngIf="getUILayerModel(layer.id).statusMap.getContainsError()" class="fa fa-warning text-warning"></i> | ||
</u> | ||
</span> | ||
--> | ||
<div> | ||
<i *ngIf="getUILayerModel(layer.id).statusMap.getRenderStarted()" class="fa fa-times red" (click) = "removeLayer(layer);$event.stopPropagation();"></i> | ||
{{layer.name}} | ||
<i *ngIf="layer.expanded && !getUILayerModel(layer.id).statusMap.getRenderStarted()" class="fa fa-arrow-circle-down"></i> | ||
<i *ngIf="getUILayerModel(layer.id).statusMap.getRenderStarted() && !getUILayerModel(layer.id).statusMap.getRenderComplete()" class="float-right light-blue fa fa-spin fa-spinner"></i> | ||
<i *ngIf="getUILayerModel(layer.id).statusMap.getRenderStarted() && getUILayerModel(layer.id).statusMap.getContainsError()" class="fa fa-warning text-warning"></i> | ||
</div> | ||
<!-- | ||
<div *ngIf="getUILayerModel(layer.id).statusMap.getRenderStarted()" class="progress progress-xs" style="height: 5px"> | ||
<div class="progress-bar bg-gradient-blue-purple" [style.width]="getUILayerModel(layer.id).statusMap.getCompletePercentage()" role="progressbar"></div> | ||
</div> | ||
--> | ||
</div> | ||
</a> | ||
<div [hidden]="!layer.expanded" class="sidebar-card-menu-show"> | ||
<div class="card card-info card-with-tabs layer-card animated slideInRight"> | ||
<div class = "rh_info_wrap"> | ||
<div class="card-header"> | ||
<ul id="card-tab" class="nav nav-tabs float-right"> | ||
<li (click)="selectTabPanel(layer.id,'filterpanel')" [ngClass]="{'active': getUILayerModel(layer.id).tabpanel.filterpanel.expanded}"><a data-toggle="tab"><span class="d-none d-sm-inline">Map Layer</span></a></li> | ||
</ul> | ||
</div> | ||
<div class="rh_info"> | ||
<button (click)="displayRecordInformation(layer)" class="btn-info" title="Information" [ngClass]="{'active': getUILayerModel(layer.id) && getUILayerModel(layer.id).tabpanel.filterpanel.expanded}">info</button> | ||
</div> | ||
</div> | ||
<div id="card-tab-content" class="tab-content"> | ||
<div class="tab-pane fade" [ngClass]="{'show active': getUILayerModel(layer.id).tabpanel.filterpanel.expanded}"> | ||
<app-filter-panel *ngIf="getUILayerModel(layer.id).tabpanel.filterpanel.expanded" [layer]=layer></app-filter-panel> | ||
</div> | ||
<div class="tab-pane fade" [ngClass]="{'show active': getUILayerModel(layer.id).tabpanel.infopanel.expanded}"> | ||
<info-panel *ngIf="getUILayerModel(layer.id).tabpanel.infopanel.expanded" [expanded]="getUILayerModel(layer.id).tabpanel.infopanel.expanded" [cswRecords]=layer.cswRecords [layer]=layer ></info-panel> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</li> | ||
</ul> | ||
</li> | ||
<hr [hidden]="!layerGroups"> | ||
<!-- Custom Layer KML File Input --> | ||
<div class="form-group"> | ||
<label class="control-label" for="inputSuccess2"><small class="white">Upload KML file</small></label> | ||
<div class="input-group"> | ||
<input type="file" accept=".kml" style="display:none" class="file-input" (change)="onKmlFileSelected($event)" #CustomKmlFileLoader> | ||
<button (click)="CustomKmlFileLoader.click()" type="button" title="Load KML file" class="btn-info btn-sm"> | ||
<i class="fa fa-lg fa-file" aria-hidden="true"></i> | ||
Load KML | ||
</button> | ||
</div> | ||
</div> | ||
<!-- Once a file has been uploaded, its layer is shown here --> | ||
<layer-group [layerGroups]="fileLayerGroups"></layer-group> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.