<c8y-map-status
  [clusterMap]="mapWidget"
  [(config)]="mapConfig"
  (onUnfollow)="stopFollow()"
  [buttonsConfig]="config.widgetInstanceGlobalTimeContext ? { realtime: { show: false } } : null"
></c8y-map-status>
<c8y-cluster-map
  #mapWidget
  [rootNode]="rootNode"
  [config]="mapConfig"
>
  <div
    class="map-marker"
    *c8yMapPopup="let context"
  >
    <a
      class="text-truncate deviceLink text-12"
      routerLink="{{ context | assetLink }}"
    >
      <strong>{{ context.name }}</strong>
    </a>
    <c8y-map-event-info [asset]="context">
      <button
        class="btn btn-default btn-xs btn-block m-t-8"
        [title]="'Activate realtime on this asset and follow it if it moves' | translate"
        type="button"
        (click)="startFollow(context)"
        *ngIf="!mapConfig.follow"
        translate
      >
        Follow
      </button>
      <button
        class="btn btn-default btn-xs btn-block m-t-8"
        [title]="'Stop following this asset.' | translate"
        type="button"
        (click)="stopFollow()"
        *ngIf="mapConfig.follow"
        translate
      >
        Unfollow
      </button>
    </c8y-map-event-info>
  </div>
</c8y-cluster-map>