1 files changed, 57 insertions, 0 deletions
diff --git a/web/status/status.component.ts b/web/status/status.component.ts
new file mode 100644
index 000000000..578d35b30
--- /dev/null
+++ b/web/status/status.component.ts
@@ -0,0 +1,57 @@
+// Copyright 2018 Red Hat, Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License"); you may
+// not use this file except in compliance with the License. You may obtain
+// a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+// License for the specific language governing permissions and limitations
+// under the License.
+
+import { Component, OnInit, OnDestroy } from '@angular/core'
+import { ActivatedRoute } from '@angular/router'
+
+import ZuulService from '../zuul/zuul.service'
+import zuulStart from './zuulStart'
+
+interface ZuulStatusOption {
+  enabled: boolean
+}
+
+interface ZuulStatus {
+  options: ZuulStatusOption
+  timer: number
+}
+
+@Component({
+  template: require('./status.component.html')
+})
+export default class StatusComponent implements OnInit, OnDestroy {
+  tenant: string
+  app: ZuulStatus
+
+  constructor(private route: ActivatedRoute, private zuul: ZuulService) {}
+
+  async ngOnInit() {
+    await this.zuul.setTenant(this.route.snapshot.paramMap.get('tenant'))
+
+    if (typeof this.app === 'undefined') {
+       this.app = zuulStart(
+           jQuery, this.zuul)
+    }
+    this.app.options.enabled = true
+  }
+
+  ngOnDestroy() {
+    this.app.options.enabled = false
+    if (typeof this.app.timer !== 'undefined') {
+        clearTimeout(this.app.timer)
+        this.app.timer = 0
+    }
+    jQuery(document).off()
+  }
+}