Merge pull request #240 from GoogleCloudDataproc/authentication-runtime-template-ui

Modifications to Runtime template list UI

Author: Shubha-accenture

src/runtime/listRuntimeTemplates.tsx

@@ -123,6 +123,10 @@ function ListRuntimeTemplates({
         Header: 'Description',
         accessor: 'description'
       },
+      {
+        Header: 'Authentication',
+        accessor: 'authentication'
+      },
       {
         Header: 'Last Modified',
         accessor: 'lastModified'
@@ -343,7 +347,7 @@ function ListRuntimeTemplates({
           {isLoading && (
             <div className="spin-loader-runtime">
               <CircularProgress
-                className = "spin-loader-custom-style"
+                className="spin-loader-custom-style"
                 size={18}
                 aria-label="Loading Spinner"
                 data-testid="loader"

src/runtime/runtimeService.tsx

@@ -176,14 +176,25 @@ export class RunTimeSerive {
             if (data.jupyterSession && data.jupyterSession.displayName) {
               displayName = data.jupyterSession.displayName;
             }
+            let authentication = '';
 
+            const authType =
+              data.environmentConfig?.executionConfig?.authenticationConfig
+                ?.userWorkloadAuthenticationType;
+
+            if (authType === 'END_USER_CREDENTIALS') {
+              authentication = 'User Account';
+            } else {
+              authentication = 'Service Account';
+            }
             // Extracting runtimeId from name
             // Example: "projects/{projectName}/locations/{region}/sessionTemplates/{runtimeid}",
 
             return {
               name: displayName,
               owner: data.creator,
               description: data.description,
+              authentication: authentication,
               lastModified: startTimeDisplay,
               actions: renderActions(data),
               id: data.name.split('/')[5]

src/utils/listRuntimeTemplateInterface.ts

@@ -13,7 +13,7 @@ export interface ISessionTemplate {
   jupyterSession: IJupyterSession;
   creator: string;
   labels: ILabels;
-  environmentConfig: IEnvironmentConfig;
+  environmentConfig?: IEnvironmentConfig;
   description: string;
   updateTime: string;
 }
@@ -28,17 +28,20 @@ export interface ILabels {
 }
 
 export interface IEnvironmentConfig {
-  executionConfig: IExecutionConfig;
+  executionConfig?: IExecutionConfig;
 }
-
 export interface IExecutionConfig {
   subnetworkUri: string;
+  authenticationConfig?: {
+    userWorkloadAuthenticationType: string;
+  };
 }
 
 export interface ISessionTemplateDisplay {
   name: string;
   owner: string;
   description: string;
+  authentication: string;
   lastModified: string;
   id: string;
 }