Chuck Driesler
928cc306ed
* chore(automate): function input mocks * chore(automate): use mocks helpers * chore(automate): appease ts * fix(automate): use mock cache utils
103 lines
2.8 KiB
Vue
103 lines
2.8 KiB
Vue
<template>
|
|
<div>
|
|
<h2 class="h6 font-medium mb-6">Function</h2>
|
|
<AutomateFunctionCardView v-if="functions.length" vertical>
|
|
<AutomateFunctionCard
|
|
v-for="fn in functions"
|
|
:key="fn.fn.id"
|
|
:fn="fn.fn"
|
|
:is-outdated="isOutdated(fn)"
|
|
:show-edit="isEditable"
|
|
@edit="onEdit(fn.fn)"
|
|
/>
|
|
</AutomateFunctionCardView>
|
|
<CommonGenericEmptyState
|
|
v-else
|
|
message="No valid functions are associated with this automation"
|
|
/>
|
|
<ProjectPageAutomationFunctionSettingsDialog
|
|
v-model:open="dialogOpen"
|
|
:project-id="projectId"
|
|
:workspace-id="workspaceId"
|
|
:automation-id="automation.id"
|
|
:revision-fn="dialogFunction"
|
|
:revision="automation.currentRevision"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { Optional } from '@speckle/shared'
|
|
import { graphql } from '~/lib/common/generated/gql'
|
|
import type {
|
|
AutomationsFunctionsCard_AutomateFunctionFragment,
|
|
ProjectPageAutomationFunctionSettingsDialog_AutomationRevisionFunctionFragment,
|
|
ProjectPageAutomationFunctions_AutomationFragment
|
|
} from '~/lib/common/generated/gql/graphql'
|
|
|
|
type EditableFunction = AutomationsFunctionsCard_AutomateFunctionFragment
|
|
type EditableFunctionRevision =
|
|
ProjectPageAutomationFunctionSettingsDialog_AutomationRevisionFunctionFragment
|
|
|
|
graphql(`
|
|
fragment ProjectPageAutomationFunctions_Automation on Automation {
|
|
id
|
|
currentRevision {
|
|
id
|
|
...ProjectPageAutomationFunctionSettingsDialog_AutomationRevision
|
|
functions {
|
|
release {
|
|
id
|
|
inputSchema
|
|
function {
|
|
id
|
|
...AutomationsFunctionsCard_AutomateFunction
|
|
releases(limit: 1) {
|
|
items {
|
|
id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
...ProjectPageAutomationFunctionSettingsDialog_AutomationRevisionFunction
|
|
}
|
|
}
|
|
}
|
|
`)
|
|
|
|
const props = defineProps<{
|
|
projectId: string
|
|
workspaceId?: string
|
|
automation: ProjectPageAutomationFunctions_AutomationFragment
|
|
isEditable: boolean
|
|
}>()
|
|
|
|
const dialogOpen = ref(false)
|
|
const dialogFunction = ref<Optional<EditableFunctionRevision>>()
|
|
|
|
const revisionFunctions = computed(
|
|
() => props.automation.currentRevision?.functions || []
|
|
)
|
|
const functions = computed(
|
|
() =>
|
|
revisionFunctions.value.map((f) => ({
|
|
fn: f.release.function,
|
|
fnReleaseId: f.release.id
|
|
})) || []
|
|
)
|
|
|
|
const onEdit = (fn: EditableFunction) => {
|
|
const fid = fn.id
|
|
const revision = revisionFunctions.value.find((f) => f.release.function.id === fid)
|
|
|
|
if (revision) {
|
|
dialogFunction.value = revision
|
|
dialogOpen.value = true
|
|
}
|
|
}
|
|
|
|
const isOutdated = (fn: (typeof functions.value)[0]) => {
|
|
const latestRelease = fn.fn.releases.items[0]
|
|
return latestRelease.id !== fn.fnReleaseId
|
|
}
|
|
</script>
|