#1275 Issue service configurations select component

nemerosa · Jul 29, 2024 · e2240d5 · e2240d5
1 parent d02e08c
commit e2240d5
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 11 deletions.
diff --git a/ontrack-web-core/components/extension/issues/SelectIssueService.js b/ontrack-web-core/components/extension/issues/SelectIssueService.js
@@ -1,28 +1,56 @@
 import {Select, Space, Typography} from "antd";
 import {useEffect, useState} from "react";
+import {useGraphQLClient} from "@components/providers/ConnectionContextProvider";
+import {gql} from "graphql-request";
 
 export default function SelectIssueService({value, onChange, self}) {
 
+    const client = useGraphQLClient()
+
+    const [loading, setLoading] = useState(false)
     const [options, setOptions] = useState([])
-    const [selfAdded, setSelfAdded] = useState(false)
 
     useEffect(() => {
-        if (self && !selfAdded) {
-            setOptions(items => [...items, {
-                value: "self",
-                label: <Space>
-                    <Typography.Text>{self}</Typography.Text>
-                    <Typography.Text type="secondary">[self]</Typography.Text>
-                </Space>,
-            }])
-            setSelfAdded(true)
+        if (client) {
+            setLoading(true)
+            client.request(
+                gql`
+                    query GetIssueServicesConfigurations {
+                        issueServiceConfigurations {
+                            name
+                            id
+                        }
+                    }
+                `
+            ).then(data => {
+                const options = data.issueServiceConfigurations.map(({name, id}) => ({
+                    value: id,
+                    label: <Space>
+                        <Typography.Text>{name}</Typography.Text>
+                        <Typography.Text type="secondary">[{id}]</Typography.Text>
+                    </Space>,
+                }))
+                if (self) {
+                    options.push({
+                        value: "self",
+                        label: <Space>
+                            <Typography.Text>{self}</Typography.Text>
+                            <Typography.Text type="secondary">[self]</Typography.Text>
+                        </Space>,
+                    })
+                }
+                setOptions(options)
+            }).finally(() => {
+                setLoading(false)
+            })
         }
-    }, [self, selfAdded])
+    }, [client, self])
 
     return (
         <>
             <Select
                 options={options}
+                loading={loading}
                 value={value}
                 onChange={onChange}
                 allowClear={true}

diff --git a/ontrack-web-core/ontrack.graphql b/ontrack-web-core/ontrack.graphql
@@ -5302,6 +5302,8 @@ type Query {
     info: Info
     "List of available export formats"
     issueExportFormats: [IssueExportFormat!]! @deprecated(reason: "Use the templating service")
+    "List of issue services"
+    issueServiceConfigurations: [IssueServiceConfigurationRepresentation!]!
     "Getting a Jenkins configuration by name"
     jenkinsConfiguration(name: String!): JenkinsConfiguration
     "List of Jenkins configurations"