Chuck Driesler
848f04d861
* feat(automate): test automations without functions (almost) * fix(automate): drop function select from test automation creation * fix(automate): partial test automation panel * feat(automate): environment configuration in test automation * fix(automate): closer fit rows * fix(automate): create test automation runs without functions
90 lines
2.7 KiB
Vue
90 lines
2.7 KiB
Vue
<template>
|
|
<div v-if="automation && project" class="flex flex-col gap-8 items-start">
|
|
<ProjectPageAutomationHeader
|
|
:automation="automation"
|
|
:project="project"
|
|
:is-editable="isEditable"
|
|
/>
|
|
|
|
<div class="grid grid-cols-1 xl:grid-cols-4 gap-6 w-full">
|
|
<div
|
|
class="col-span-1 grid gap-6 mb-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-1 auto-rows-min"
|
|
>
|
|
<ProjectPageAutomationTestAutomationInfo
|
|
v-if="isTestAutomation"
|
|
:automation-id="automation.id"
|
|
:project-id="projectId"
|
|
/>
|
|
<ProjectPageAutomationFunctions
|
|
v-else
|
|
:automation="automation"
|
|
:workspace-id="workspaceId"
|
|
:project-id="projectId"
|
|
:is-editable="isEditable"
|
|
/>
|
|
<ProjectPageAutomationModels :automation="automation" :project="project" />
|
|
</div>
|
|
<ProjectPageAutomationRuns
|
|
class="col-span-1 xl:col-span-3"
|
|
:project-id="projectId"
|
|
:automation="automation"
|
|
:is-editable="isEditable"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<CommonLoadingBar v-else-if="loading" loading />
|
|
<CommonGenericEmptyState v-else message="Automation not found." />
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { useQuery } from '@vue/apollo-composable'
|
|
import { graphql } from '~/lib/common/generated/gql'
|
|
import { projectAutomationPageQuery } from '~/lib/projects/graphql/queries'
|
|
|
|
graphql(`
|
|
fragment ProjectPageAutomationPage_Automation on Automation {
|
|
id
|
|
permissions {
|
|
canUpdate {
|
|
...FullPermissionCheckResult
|
|
}
|
|
}
|
|
...ProjectPageAutomationHeader_Automation
|
|
...ProjectPageAutomationFunctions_Automation
|
|
...ProjectPageAutomationRuns_Automation
|
|
}
|
|
`)
|
|
|
|
graphql(`
|
|
fragment ProjectPageAutomationPage_Project on Project {
|
|
id
|
|
workspaceId
|
|
...ProjectPageAutomationHeader_Project
|
|
}
|
|
`)
|
|
|
|
const pageFetchPolicy = usePageQueryStandardFetchPolicy()
|
|
const route = useRoute()
|
|
const projectId = computed(() => route.params.id as string)
|
|
const automationId = computed(() => route.params.aid as string)
|
|
|
|
const { result, loading } = useQuery(
|
|
projectAutomationPageQuery,
|
|
() => ({
|
|
projectId: projectId.value,
|
|
automationId: automationId.value
|
|
}),
|
|
() => ({
|
|
fetchPolicy: pageFetchPolicy.value
|
|
})
|
|
)
|
|
const automation = computed(() => result.value?.project.automation || null)
|
|
const project = computed(() => result.value?.project)
|
|
const workspaceId = computed(() => project.value?.workspaceId ?? undefined)
|
|
const isEditable = computed(() => {
|
|
return result?.value?.project?.automation?.permissions?.canUpdate.authorized ?? false
|
|
})
|
|
const isTestAutomation = computed(
|
|
() => result.value?.project.automation.isTestAutomation
|
|
)
|
|
</script>
|