feat(provider/kubernetes): events in manifest details (#5092)

spinnaker · Mar 29, 2018 · 720f07d · 720f07d
1 parent e989e20
commit 720f07d
Show file tree

Hide file tree

Showing 6 changed files with 69 additions and 0 deletions.
diff --git a/app/scripts/modules/kubernetes/src/v2/instance/details/details.html b/app/scripts/modules/kubernetes/src/v2/instance/details/details.html
@@ -61,6 +61,10 @@ <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
       </ul>
     </collapsible-section>
 
+    <collapsible-section heading="Events" expanded="true">
+      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
+    </collapsible-section>
+
     <collapsible-section heading="Labels" expanded="true">
       <kubernetes-manifest-labels manifest="ctrl.instance.manifest"></kubernetes-manifest-labels>
     </collapsible-section>

diff --git a/app/scripts/modules/kubernetes/src/v2/kubernetes.v2.module.ts b/app/scripts/modules/kubernetes/src/v2/kubernetes.v2.module.ts
@@ -33,6 +33,7 @@ import { KUBERNETES_MANIFEST_ARTIFACT } from './manifest/artifact/artifact.compo
 import { KUBERNETES_MANIFEST_SELECTOR } from './manifest/selector/selector.component';
 import { KUBERNETES_MANIFEST_LABELS } from './manifest/manifestLabels.component';
 import { KUBERNETES_MANIFEST_ANNOTATIONS } from './manifest/manifestAnnotations.component';
+import { KUBERNETES_MANIFEST_EVENTS } from './manifest/manifestEvents.component';
 import { KUBERNETES_MULTI_MANIFEST_SELECTOR } from './manifest/selector/multiSelector.component';
 import { KUBERNETES_SHOW_MANIFEST_YAML } from './manifest/showManifestYaml.component';
 import { KUBERNETES_SHOW_MANIFEST_DETAILS } from './manifest/showManifestDetails.component';
@@ -84,6 +85,7 @@ module(KUBERNETES_V2_MODULE, [
   KUBERNETES_MULTI_MANIFEST_SELECTOR,
   KUBERNETES_MANIFEST_LABELS,
   KUBERNETES_MANIFEST_ANNOTATIONS,
+  KUBERNETES_MANIFEST_EVENTS,
   KUBERNETES_SHOW_MANIFEST_YAML,
   KUBERNETES_SHOW_MANIFEST_DETAILS,
 ]).config((cloudProviderRegistryProvider: CloudProviderRegistry) => {

diff --git a/app/scripts/modules/kubernetes/src/v2/loadBalancer/details/details.html b/app/scripts/modules/kubernetes/src/v2/loadBalancer/details/details.html
@@ -73,6 +73,10 @@ <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
       <health-counts class="pull-left" container="ctrl.loadBalancer.instanceCounts"></health-counts>
     </collapsible-section>
 
+    <collapsible-section heading="Events" expanded="true">
+      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
+    </collapsible-section>
+
     <collapsible-section heading="Labels" expanded="true">
       <kubernetes-manifest-labels manifest="ctrl.loadBalancer.manifest"></kubernetes-manifest-labels>
     </collapsible-section>

diff --git a/app/scripts/modules/kubernetes/src/v2/manifest/manifestEvents.component.ts b/app/scripts/modules/kubernetes/src/v2/manifest/manifestEvents.component.ts
@@ -0,0 +1,52 @@
+import { IComponentOptions, IController, module } from 'angular';
+
+class KubernetesManifestEvents implements IController {
+  public manifest: any;
+
+  public pillStyle(e: any): string {
+    if (e.type === 'Warning') {
+      return 'alert'
+    } else if (e.type === 'Normal') {
+      return 'success'
+    } else {
+      return ''
+    }
+  }
+
+  constructor() {
+    'ngInject';
+  }
+}
+
+class KubernetesManifestEventsComponent implements IComponentOptions {
+  public bindings: any = { manifest: '<' };
+  public controller: any = KubernetesManifestEvents;
+  public controllerAs = 'ctrl';
+  public template = `
+    <div ng-if="ctrl.manifest && !ctrl.manifest.events">No events found - Kubernetes does not store events for long.</div>
+    <div class="info" ng-repeat="e in ctrl.manifest.events">
+      <div class="horizontal">
+        <div ng-if="e.count" class="pill {{ctrl.pillStyle(e)}}">{{e.count}} × <b>{{e.reason}}</b></div>
+      </div>
+      <div ng-if="e.firstTimestamp || e.lastTimestamp">
+        <div ng-if="e.firstTimestamp === e.lastTimestamp">
+          <i>{{e.firstTimestamp}}</i>
+        </div>
+        <div ng-if="e.firstTimestamp !== e.lastTimestamp">
+          <div>
+            First Occurrence: <i>{{e.firstTimestamp}}</i>
+          </div>
+          <div>
+            Last Occurrence: <i>{{e.lastTimestamp}}</i>
+          </div>
+        </div>
+      </div>
+      <div>{{e.message}}<div>
+      <br ng-if="!$last">
+    </div>
+  `;
+}
+
+export const KUBERNETES_MANIFEST_EVENTS = 'spinnaker.kubernetes.v2.manifest.events';
+module(KUBERNETES_MANIFEST_EVENTS, [])
+  .component('kubernetesManifestEvents', new KubernetesManifestEventsComponent());
diff --git a/app/scripts/modules/kubernetes/src/v2/serverGroup/details/details.html b/app/scripts/modules/kubernetes/src/v2/serverGroup/details/details.html
@@ -75,6 +75,9 @@ <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
         </dd>
       </dl>
     </collapsible-section>
+    <collapsible-section heading="Events" expanded="true">
+      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
+    </collapsible-section>
     <collapsible-section heading="Labels" expanded="true">
       <kubernetes-manifest-labels manifest="ctrl.serverGroup.manifest"></kubernetes-manifest-labels>
     </collapsible-section>

diff --git a/app/scripts/modules/kubernetes/src/v2/serverGroupManager/details/details.html b/app/scripts/modules/kubernetes/src/v2/serverGroupManager/details/details.html
@@ -97,6 +97,10 @@ <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
       </ul>
     </collapsible-section>
 
+    <collapsible-section heading="Events" expanded="true">
+      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
+    </collapsible-section>
+
     <collapsible-section heading="Labels" expanded="true">
       <kubernetes-manifest-labels manifest="ctrl.serverGroupManager.manifest"></kubernetes-manifest-labels>
     </collapsible-section>