3 files changed, 49 insertions, 0 deletions
diff --git a/app/assets/javascripts/ci/pipeline_new/graphql/mutations/create_pipeline.mutation.graphql b/app/assets/javascripts/ci/pipeline_new/graphql/mutations/create_pipeline.mutation.graphql
new file mode 100644
index 00000000000..a76e8f6b95b
--- /dev/null
+++ b/app/assets/javascripts/ci/pipeline_new/graphql/mutations/create_pipeline.mutation.graphql
@@ -0,0 +1,9 @@
+mutation createPipeline($endpoint: String, $ref: String, $variablesAttributes: Array) {
+  createPipeline(endpoint: $endpoint, ref: $ref, variablesAttributes: $variablesAttributes)
+    @client {
+    id
+    errors
+    totalWarnings
+    warnings
+  }
+}
diff --git a/app/assets/javascripts/ci/pipeline_new/graphql/queries/ci_config_variables.graphql b/app/assets/javascripts/ci/pipeline_new/graphql/queries/ci_config_variables.graphql
new file mode 100644
index 00000000000..648cd8b66b5
--- /dev/null
+++ b/app/assets/javascripts/ci/pipeline_new/graphql/queries/ci_config_variables.graphql
@@ -0,0 +1,11 @@
+query ciConfigVariables($fullPath: ID!, $ref: String!) {
+  project(fullPath: $fullPath) {
+    id
+    ciConfigVariables(sha: $ref) {
+      description
+      key
+      value
+      valueOptions
+    }
+  }
+}
diff --git a/app/assets/javascripts/ci/pipeline_new/graphql/resolvers.js b/app/assets/javascripts/ci/pipeline_new/graphql/resolvers.js
new file mode 100644
index 00000000000..7b0f58e8cf9
--- /dev/null
+++ b/app/assets/javascripts/ci/pipeline_new/graphql/resolvers.js
@@ -0,0 +1,29 @@
+import axios from '~/lib/utils/axios_utils';
+
+export const resolvers = {
+  Mutation: {
+    createPipeline: (_, { endpoint, ref, variablesAttributes }) => {
+      return axios
+        .post(endpoint, { ref, variables_attributes: variablesAttributes })
+        .then((response) => {
+          const { id } = response.data;
+          return {
+            id,
+            errors: [],
+            totalWarnings: 0,
+            warnings: [],
+          };
+        })
+        .catch((err) => {
+          const { errors = [], totalWarnings = 0, warnings = [] } = err.response.data;
+
+          return {
+            id: null,
+            errors,
+            totalWarnings,
+            warnings,
+          };
+        });
+    },
+  },
+};