@if (this['showTopologies']) { remove } @if (!this['showTopologies']) { add }Topologies

@if (this['showTopologies']) {
@for (topology of topologies; track topology) {
@if (this['showTopology_' + topology.topology]) { remove } @if (!this['showTopology_' + topology.topology]) { add } {{topology.topology}} @if (topology.pinned) { push_pin } @if (!topology.pinned) { settings }
@if (this['showTopology_' + topology.topology]) {
@if (topology.uiServices.service.length > 0) {
UI Services
} @if (topology.uiServices.service.length > 0) { @for (service of topology.uiServices.service; track service) { @if (service.serviceUrls.length === 1) {
@if (!this['enableServiceText_' + service.serviceName.toLowerCase()]) { } @if (this['enableServiceText_' + service.serviceName.toLowerCase()]) { {{service.shortDesc}} }

{{service.shortDesc}} @if (service.version) { (v{{service.version}}) }

{{service.description}}

} @if (service.serviceUrls.length > 1) {

{{service.shortDesc}} ({{service.serviceUrls.length}})

}
}
} @if (topology.apiServices.service.length > 0) {
API Services
} @if (topology.apiServicesViewVersion === 'v1') {
@if (topology.apiServices.service.length === 0) {
No API services found
} @if (topology.apiServices.service.length > 0) {
Description
info {{ service.shortDesc }} @if (service.version) { (v{{ service.version }}) }
URLs @for (url of service.serviceUrls; track url; let i = $index) { {{ url }} @if (service.serviceUrls.length > 1 && i < service.serviceUrls.length - 1) {
} }
} @if (topology.apiServices.service.length > 0) { }
} @if (topology.apiServicesViewVersion === 'v2') { @for (service of topology.apiServices.service; track service) { @if (!this['enableServiceText_' + service.serviceName.toLowerCase()]) { } @if (this['enableServiceText_' + service.serviceName.toLowerCase()]) { {{service.shortDesc}} }

{{service.shortDesc}} @if (service.version) { (v{{service.version}}) }

{{service.description}}

}
}
} }
}