SSDM-12090 : Personal Access Tokens: Admin UI Tool - add empty overview page

openbis_ng_ui/src/js/common/consts/objectType.js

@@ -19,6 +19,7 @@ const USER = 'user'
 const USER_GROUP = 'userGroup'
 const DYNAMIC_PROPERTY_PLUGIN = 'dynamicPropertyPlugin'
 const ENTITY_VALIDATION_PLUGIN = 'entityValidationPlugin'
+const PERSONAL_ACCESS_TOKEN = 'personalAccessToken'
 const QUERY = 'query'
 const HISTORY = 'history'
 const IMPORT = 'import'
@@ -47,6 +48,7 @@ export default {
   USER_GROUP,
   DYNAMIC_PROPERTY_PLUGIN,
   ENTITY_VALIDATION_PLUGIN,
+  PERSONAL_ACCESS_TOKEN,
   QUERY,
   HISTORY,
   IMPORT,

openbis_ng_ui/src/js/common/consts/routes.js

@@ -214,6 +214,11 @@ const routes = {
     type: objectTypes.OVERVIEW,
     id: objectTypes.QUERY
   }),
+  PERSONAL_ACCESS_TOKEN_OVERVIEW: new Route('/personal-access-token-overview', {
+    page: pages.TOOLS,
+    type: objectTypes.OVERVIEW,
+    id: objectTypes.PERSONAL_ACCESS_TOKEN
+  }),
   HISTORY: new Route('/history/:id', {
     page: pages.TOOLS,
     type: objectTypes.HISTORY

openbis_ng_ui/src/js/common/messages.js

 // prettier-ignore
 const keys = {
+  ACCESS: 'ACCESS',
   ACTIONS: 'ACTIONS',
   ACTIVATE_USER: 'ACTIVATE_USER',
   ACTIVE: 'ACTIVE',
@@ -142,6 +143,7 @@ const keys = {
   PARAMETERS: 'PARAMETERS',
   PARENTS: 'PARENTS',
   PASSWORD: 'PASSWORD',
+  PERSONAL_ACCESS_TOKENS: 'PERSONAL_ACCESS_TOKENS',
   PLAIN_TEXT: 'PLAIN_TEXT',
   PLUGIN: 'PLUGIN',
   PLUGIN_IS_DISABLED: 'PLUGIN_IS_DISABLED',
@@ -236,6 +238,7 @@ const keys = {
 
 // prettier-ignore
 const messages_en = {
+  [keys.ACCESS]: 'Access',
   [keys.ACTIONS]: 'Actions',
   [keys.ACTIVATE_USER]: 'Activate user',
   [keys.ACTIVE]: 'Active',
@@ -378,6 +381,7 @@ const messages_en = {
   [keys.PARAMETERS]: 'Parameters',
   [keys.PARENTS]: 'Parents',
   [keys.PASSWORD]: 'Password',
+  [keys.PERSONAL_ACCESS_TOKENS]: 'Personal Access Tokens',
   [keys.PLAIN_TEXT]: 'Plain Text',
   [keys.PLUGIN]: 'Plugin',
   [keys.PLUGIN_IS_DISABLED]: 'The plugin is disabled.',

openbis_ng_ui/src/js/components/tools/Tools.jsx

@@ -9,6 +9,7 @@ import ToolBrowser from '@src/js/components/tools/browser/ToolBrowser.jsx'
 import ToolSearch from '@src/js/components/tools/search/ToolSearch.jsx'
 import PluginForm from '@src/js/components/tools/form/plugin/PluginForm.jsx'
 import QueryForm from '@src/js/components/tools/form/query/QueryForm.jsx'
+import PersonalAccessTokenForm from '@src/js/components/tools/form/pat/PersonalAccessTokenForm.jsx'
 import HistoryForm from '@src/js/components/tools/form/history/HistoryForm.jsx'
 import ImportForm from '@src/js/components/tools/form/import/ImportForm.jsx'
 import ImportType from '@src/js/components/tools/form/import/ImportType.js'
@@ -61,7 +62,11 @@ class Tools extends React.PureComponent {
     } else if (object.type === objectType.SEARCH) {
       return <ToolSearch searchText={object.id} />
     } else if (object.type === objectType.OVERVIEW) {
-      return <ToolSearch objectType={object.id} />
+      if (object.id === objectType.PERSONAL_ACCESS_TOKEN) {
+        return <PersonalAccessTokenForm />
+      } else {
+        return <ToolSearch objectType={object.id} />
+      }
     }
   }
 
@@ -79,6 +84,9 @@ class Tools extends React.PureComponent {
           messages.ENTITY_VALIDATION_PLUGINS
         ),
         [objectType.QUERY]: messages.get(messages.QUERIES),
+        [objectType.PERSONAL_ACCESS_TOKEN]: messages.get(
+          messages.PERSONAL_ACCESS_TOKENS
+        ),
         [objectType.HISTORY]: messages.get(messages.HISTORY)
       }
       label = labels[object.id]

openbis_ng_ui/src/js/components/tools/browser/ToolBrowserController.js

@@ -108,6 +108,19 @@ export default class ToolBrowserController extends BrowserController {
         }
       ]
 
+      const accessNodes = [
+        {
+          id: 'access/personalAccessTokens',
+          text: messages.get(messages.PERSONAL_ACCESS_TOKENS),
+          object: {
+            type: objectType.OVERVIEW,
+            id: objectType.PERSONAL_ACCESS_TOKEN
+          },
+          canMatchFilter: true,
+          canRemove: false
+        }
+      ]
+
       let nodes = [
         {
           id: 'dynamicPropertyPlugins',
@@ -153,6 +166,12 @@ export default class ToolBrowserController extends BrowserController {
           text: messages.get(messages.IMPORT),
           children: importNodes,
           canAdd: false
+        },
+        {
+          id: 'access',
+          text: messages.get(messages.ACCESS),
+          children: accessNodes,
+          canAdd: false
         }
       ]
 

openbis_ng_ui/src/js/components/tools/form/pat/PersonalAccessTokenForm.jsx

+import React from 'react'
+
+class PersonalAccessTokenForm extends React.PureComponent {
+  render() {
+    return <div>Personal Access Token Form</div>
+  }
+}
+
+export default PersonalAccessTokenForm