Adding a new tab and page via TapisUI Extension feature

packages/icicle-tapisui-extension/src/index.ts

@@ -11,6 +11,7 @@ import {
   DigitalAg,
   VisualAnalytics,
   SmartScheduler,
+  TrainingCatalog,
 } from './pages';
 
 const extension = createExtension({
@@ -36,6 +37,7 @@ const extension = createExtension({
     'digital-ag',
     'visual-analytics',
     'smart-scheduler',
+    'training-catalog',
   ],
   authMethods: ['implicit', 'password'],
   logo: {
@@ -101,6 +103,13 @@ extension.registerService({
   component: SmartScheduler,
 });
 
+extension.registerService({
+  id: 'training-catalog',
+  sidebarDisplayName: 'Training Catalog',
+  iconName: 'globe',
+  component: TrainingCatalog,
+});
+
 extension.serviceCustomizations.workflows.dagTasks = generatedTasks;
 
 export { extension };

packages/icicle-tapisui-extension/src/pages/TrainingCatalog/TrainingCatalog.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SectionHeader } from '@tapis/tapisui-common';
+import { Component } from '@tapis/tapisui-extensions-core';
+
+export const TrainingCatalog: Component = ({ accessToken }) => {
+  return (
+    <div
+      style={{
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+      }}
+    >
+      {accessToken ? (
+        <iframe
+          style={{ flexGrow: 1, border: 'none' }}
+          src={`https://davidl0914.github.io/mkdocs-testing/`}
+        />
+      ) : (
+        <>Invalid JWT. Log out of TapisUI then log back in</>
+      )}
+    </div>
+  );
+};
+
+export default TrainingCatalog;

packages/icicle-tapisui-extension/src/pages/TrainingCatalog/index.ts

@@ -0,0 +1 @@
+export { default as TrainingCatalog } from './TrainingCatalog';