Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(community-templates): add support for parameterization

pull/19423/head
Bucky Schwarz 2020-08-26 16:05:30 -07:00 committed by Bucky Schwarz
parent 59e0f4a222
commit 9e15d8f884
9 changed files with 584 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/templates/actions/creators.ts
View File

@ -20,10 +20,13 @@ export const SET_TEMPLATE_SUMMARY = 'SET_TEMPLATE_SUMMARY'
export const SET_TEMPLATES_STATUS = 'SET_TEMPLATES_STATUS'
export const TOGGLE_TEMPLATE_RESOURCE_INSTALL =
'TOGGLE_TEMPLATE_RESOURCE_INSTALL'
export const UPDATE_TEMPLATE_ENV_REF = 'UPDATE_TEMPLATE_ENV_REF'
export const SET_STACKS = 'SET_STACKS'
export const DELETE_STACKS = 'DELETE_STACKS'
export type EnvRefValue = string | number | boolean
export type Action =
| ReturnType<typeof addTemplateSummary>
| ReturnType<typeof populateTemplateSummaries>
@ -34,6 +37,7 @@ export type Action =
| ReturnType<typeof setStagedCommunityTemplate>
| ReturnType<typeof setStagedTemplateUrl>
| ReturnType<typeof toggleTemplateResourceInstall>
| ReturnType<typeof updateTemplateEnvReferences>
| ReturnType<typeof setStacks>
| ReturnType<typeof removeStack>
@ -104,6 +108,20 @@ export const setStagedTemplateUrl = (templateUrl: string) =>
templateUrl,
} as const)
export const updateTemplateEnvReferences = (
envRefKey: string,
resourceField: string,
newValue: EnvRefValue,
valueType: string
) =>
({
type: UPDATE_TEMPLATE_ENV_REF,
envRefKey,
resourceField,
newValue,
valueType,
} as const)
export const toggleTemplateResourceInstall = (
resourceType: string,
templateMetaName: string,

7
ui/src/templates/api/index.ts
View File

@ -489,7 +489,8 @@ export const reviewTemplate = async (orgID: string, templateUrl: string) => {
export const installTemplate = async (
orgID: string,
templateUrl: string,
resourcesToSkip
resourcesToSkip: {[key: string]: string},
envRefs: {} = {}
) => {
const data: TemplateApply = {
dryRun: false,
@ -511,6 +512,10 @@ export const installTemplate = async (
data.actions = actions
}
if (Object.keys(envRefs).length) {
data.envRefs = envRefs
}
const params = {
data,
}

108
ui/src/templates/components/CommunityTemplateEnvReferences.tsx Normal file
View File

@ -0,0 +1,108 @@
import React, {PureComponent} from 'react'
import {connect, ConnectedProps} from 'react-redux'
// Components
import {Input, InputType, Table} from '@influxdata/clockface'
// Types
import {AppState} from 'src/types'
import {updateTemplateEnvReferences} from 'src/templates/actions/creators'
export type EnvRef = any
interface OwnProps {
resource: any
}
type ReduxProps = ConnectedProps<typeof connector>
type Props = ReduxProps & OwnProps
class CommunityTemplateEnvReferencesUnconnected extends PureComponent<Props> {
private handleChange = ref => {
return event => {
this.props.updateTemplateEnvReferences(
ref.envRefKey,
ref.resourceField,
event.target.value,
ref.valueType
)
}
}
private renderInputForEnvRef = (ref: EnvRef) => {
switch (ref.valueType) {
case 'float':
case 'number':
case 'integer': {
return (
<Input
type={InputType.Number}
value={
this.props.stagedTemplateEnvReferences[ref.envRefKey].value as any
}
onChange={this.handleChange(ref)}
/>
)
}
case 'string':
default: {
return (
<Input
type={InputType.Text}
value={
this.props.stagedTemplateEnvReferences[ref.envRefKey].value as any
}
onChange={this.handleChange(ref)}
/>
)
}
}
}
private getFieldType(ref: EnvRef) {
return ref.resourceField.split('.').pop()
}
render() {
return (
<Table>
<Table.Header>
<Table.Row>
<Table.HeaderCell>Parameter</Table.HeaderCell>
<Table.HeaderCell>Value</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{this.props.resource.envReferences.map(ref => {
return (
<Table.Row key={ref.envRefKey}>
<Table.Cell>
<strong>{this.getFieldType(ref)}</strong>
</Table.Cell>
<Table.Cell>{this.renderInputForEnvRef(ref)}</Table.Cell>
</Table.Row>
)
})}
</Table.Body>
</Table>
)
}
}
const mstp = (state: AppState) => {
return {
stagedTemplateEnvReferences:
state.resources.templates.stagedTemplateEnvReferences,
}
}
const mdtp = {
updateTemplateEnvReferences,
}
const connector = connect(mstp, mdtp)
export const CommunityTemplateEnvReferences = connector(
CommunityTemplateEnvReferencesUnconnected
)

31
ui/src/templates/components/CommunityTemplateImportOverlay.tsx
View File

@ -110,7 +110,8 @@ class UnconnectedTemplateImportOverlay extends PureComponent<Props> {
summary = await installTemplate(
this.props.org.id,
this.props.stagedTemplateUrl,
this.props.resourcesToSkip
this.props.resourcesToSkip,
this.props.stagedTemplateEnvReferences
)
} catch (err) {
this.props.notify(communityTemplateInstallFailed(err.message))
@ -143,8 +144,36 @@ const mstp = (state: AppState, props: RouterProps) => {
props.match.params.orgID
)
// convert the env references into a format pkger is happy with
const stagedTemplateEnvReferences = {}
for (const [refKey, refObject] of Object.entries(
state.resources.templates.stagedTemplateEnvReferences
)) {
switch (refObject.valueType) {
case 'string':
case 'time':
case 'duration': {
stagedTemplateEnvReferences[refKey] = refObject.value
continue
}
case 'number':
case 'float': {
stagedTemplateEnvReferences[refKey] = parseFloat(refObject.value as any)
continue
}
case 'integer': {
stagedTemplateEnvReferences[refKey] = parseInt(
refObject.value as any,
10
)
continue
}
}
}
return {
org,
stagedTemplateEnvReferences,
flags: state.flags.original,
resourceCount: getTotalResourceCount(
state.resources.templates.stagedCommunityTemplate.summary

373
ui/src/templates/components/CommunityTemplateOverlayContents.tsx
View File

@ -17,6 +17,8 @@ import {
import CommunityTemplateListItem from 'src/templates/components/CommunityTemplateListItem'
import CommunityTemplateListGroup from 'src/templates/components/CommunityTemplateListGroup'
import {CommunityTemplateParameters} from 'src/templates/components/CommunityTemplateParameters'
import {toggleTemplateResourceInstall} from 'src/templates/actions/creators'
import {getResourceInstallCount} from 'src/templates/selectors'
@ -50,24 +52,38 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.dashboards) &&
summary.dashboards.map(dashboard => {
return (
<CommunityTemplateListItem
shouldInstall={dashboard.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'dashboards',
})
this.props.toggleTemplateResourceInstall(
'dashboards',
dashboard.templateMetaName,
!dashboard.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={dashboard.templateMetaName}
title={dashboard.name}
description={dashboard.description}
>
Charts: {dashboard.charts.length}
</CommunityTemplateListItem>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldInstall={dashboard.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'dashboards',
})
this.props.toggleTemplateResourceInstall(
'dashboards',
dashboard.templateMetaName,
!dashboard.shouldInstall
)
}}
title={dashboard.name}
description={dashboard.description}
>
Charts: {dashboard.charts.length}
</CommunityTemplateListItem>
</FlexBox.Child>
{resourceHasEnvRefs(dashboard) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={dashboard} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
@ -78,22 +94,35 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.telegrafConfigs) &&
summary.telegrafConfigs.map(telegrafConfig => {
return (
<CommunityTemplateListItem
shouldInstall={telegrafConfig.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'telegraf',
})
this.props.toggleTemplateResourceInstall(
'telegrafConfigs',
telegrafConfig.templateMetaName,
!telegrafConfig.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={telegrafConfig.templateMetaName}
title={telegrafConfig.templateMetaName}
description={telegrafConfig.description}
/>
>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldInstall={telegrafConfig.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'telegraf',
})
this.props.toggleTemplateResourceInstall(
'telegrafConfigs',
telegrafConfig.templateMetaName,
!telegrafConfig.shouldInstall
)
}}
title={telegrafConfig.templateMetaName}
description={telegrafConfig.description}
/>
</FlexBox.Child>
{resourceHasEnvRefs(telegrafConfig) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={telegrafConfig} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
@ -104,26 +133,82 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.buckets) &&
summary.buckets.map(bucket => {
return (
<CommunityTemplateListItem
shouldDisableToggle={true}
shouldInstall={true}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'buckets',
})
this.props.toggleTemplateResourceInstall(
'buckets',
bucket.templateMetaName,
!bucket.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={bucket.templateMetaName}
title={bucket.name}
description={bucket.description}
/>
>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldDisableToggle={true}
shouldInstall={true}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'buckets',
})
this.props.toggleTemplateResourceInstall(
'buckets',
bucket.templateMetaName,
!bucket.shouldInstall
)
}}
key={bucket.templateMetaName}
title={bucket.name}
description={bucket.description}
/>
</FlexBox.Child>
{resourceHasEnvRefs(bucket) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={bucket} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
<CommunityTemplateListGroup
title="Tasks"
count={getResourceInstallCount(summary.summaryTask)}
>
{Array.isArray(summary.summaryTask) &&
summary.summaryTask.map(task => {
return (
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={task.templateMetaName}
>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldInstall={true}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'tasks',
})
this.props.toggleTemplateResourceInstall(
'tasks',
task.templateMetaName,
!task.shouldInstall
)
}}
key={task.templateMetaName}
title={task.name}
description={task.description}
/>
</FlexBox.Child>
{resourceHasEnvRefs(task) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={task} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
<CommunityTemplateListGroup
title="Checks"
count={getResourceInstallCount(summary.checks)}
@ -131,22 +216,36 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.checks) &&
summary.checks.map(check => {
return (
<CommunityTemplateListItem
shouldInstall={check.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'checks',
})
this.props.toggleTemplateResourceInstall(
'checks',
check.templateMetaName,
!check.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={check.templateMetaName}
title={check.check.name}
description={check.description}
/>
>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldInstall={check.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'checks',
})
this.props.toggleTemplateResourceInstall(
'checks',
check.templateMetaName,
!check.shouldInstall
)
}}
key={check.templateMetaName}
title={check.check.name}
description={check.description}
/>
</FlexBox.Child>
{resourceHasEnvRefs(check) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={check} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
@ -157,25 +256,39 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.variables) &&
summary.variables.map(variable => {
return (
<CommunityTemplateListItem
shouldDisableToggle={true}
shouldInstall={true}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'variables',
})
this.props.toggleTemplateResourceInstall(
'variables',
variable.templateMetaName,
!variable.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={variable.templateMetaName}
title={variable.name}
description={variable.description}
>
Type: {variable.arguments.type}
</CommunityTemplateListItem>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldDisableToggle={true}
shouldInstall={true}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'variables',
})
this.props.toggleTemplateResourceInstall(
'variables',
variable.templateMetaName,
!variable.shouldInstall
)
}}
key={variable.templateMetaName}
title={variable.name}
description={variable.description}
>
Type: {variable.arguments.type}
</CommunityTemplateListItem>
</FlexBox.Child>
{resourceHasEnvRefs(variable) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={variable} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
@ -186,22 +299,36 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.notificationRules) &&
summary.notificationRules.map(notificationRule => {
return (
<CommunityTemplateListItem
shouldInstall={notificationRule.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'notification rules',
})
this.props.toggleTemplateResourceInstall(
'notificationRules',
notificationRule.templateMetaName,
!notificationRule.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={notificationRule.templateMetaName}
title={notificationRule.name}
description={notificationRule.description}
/>
>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldInstall={notificationRule.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'notification rules',
})
this.props.toggleTemplateResourceInstall(
'notificationRules',
notificationRule.templateMetaName,
!notificationRule.shouldInstall
)
}}
key={notificationRule.templateMetaName}
title={notificationRule.name}
description={notificationRule.description}
/>
</FlexBox.Child>
{resourceHasEnvRefs(summary) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={summary} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
@ -212,27 +339,41 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
{Array.isArray(summary.labels) &&
summary.labels.map(label => {
return (
<CommunityTemplateListItem
shouldInstall={label.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'labels',
})
this.props.toggleTemplateResourceInstall(
'labels',
label.templateMetaName,
!label.shouldInstall
)
}}
<FlexBox
margin={ComponentSize.Small}
direction={FlexDirection.Row}
alignItems={AlignItems.Stretch}
key={label.templateMetaName}
>
<Label
description={label.properties.description}
name={label.name}
id={label.name}
color={label.properties.color}
/>
</CommunityTemplateListItem>
<FlexBox.Child grow={1}>
<CommunityTemplateListItem
shouldInstall={label.shouldInstall}
handleToggle={() => {
event('template_resource_uncheck', {
templateResourceType: 'labels',
})
this.props.toggleTemplateResourceInstall(
'labels',
label.templateMetaName,
!label.shouldInstall
)
}}
key={label.templateMetaName}
>
<Label
description={label.properties.description}
name={label.name}
id={label.name}
color={label.properties.color}
/>
</CommunityTemplateListItem>
</FlexBox.Child>
{resourceHasEnvRefs(label) && (
<FlexBox.Child>
<CommunityTemplateParameters resource={label} />
</FlexBox.Child>
)}
</FlexBox>
)
})}
</CommunityTemplateListGroup>
@ -241,6 +382,12 @@ class CommunityTemplateOverlayContentsUnconnected extends PureComponent<Props> {
}
}
const resourceHasEnvRefs = (resource: any): boolean => {
return (
resource.envReferences && Object.keys(resource.envReferences).length > 0
)
}
const mstp = (state: AppState) => {
return {summary: state.resources.templates.stagedCommunityTemplate.summary}
}

45
ui/src/templates/components/CommunityTemplateParameters.tsx Normal file
View File

@ -0,0 +1,45 @@
// Libraries
import React, {PureComponent} from 'react'
import {
AlignItems,
ComponentSize,
FlexBox,
FlexDirection,
Panel,
} from '@influxdata/clockface'
import {CommunityTemplateEnvReferences} from 'src/templates/components/CommunityTemplateEnvReferences'
interface OwnProps {
resource: any
}
type Props = OwnProps
export class CommunityTemplateParameters extends PureComponent<Props> {
render() {
if (Object.keys(this.props.resource.envReferences).length < 1) {
return null
}
return (
<Panel className="community-templates--item">
<Panel.Body
key={this.props.resource.name}
size={ComponentSize.ExtraSmall}
alignItems={AlignItems.Center}
direction={FlexDirection.Row}
margin={ComponentSize.Large}
>
<FlexBox
alignItems={AlignItems.FlexStart}
direction={FlexDirection.Column}
>
<CommunityTemplateEnvReferences resource={this.props.resource} />
</FlexBox>
</Panel.Body>
</Panel>
)
}
}

2
ui/src/templates/reducers/index.test.ts
View File

@ -46,6 +46,7 @@ const stagedCommunityTemplate: CommunityTemplate = {}
const initialState = () => ({
stagedCommunityTemplate,
stagedTemplateEnvReferences: {},
stagedTemplateUrl: '',
status,
byID: {
@ -100,6 +101,7 @@ describe('templates reducer', () => {
allIDs,
exportTemplate,
stagedCommunityTemplate,
stagedTemplateEnvReferences: {},
stagedTemplateUrl: '',
stacks: [],
}

106
ui/src/templates/reducers/index.ts
View File

@ -11,6 +11,7 @@ import {
SET_TEMPLATES_STATUS,
SET_TEMPLATE_SUMMARY,
TOGGLE_TEMPLATE_RESOURCE_INSTALL,
UPDATE_TEMPLATE_ENV_REF,
} from 'src/templates/actions/creators'
import {
CommunityTemplate,
@ -38,6 +39,7 @@ const defaultCommunityTemplate = (): CommunityTemplate => {
export const defaultState = (): TemplatesState => ({
stagedCommunityTemplate: defaultCommunityTemplate(),
stagedTemplateEnvReferences: {},
stagedTemplateUrl: '',
status: RemoteDataState.NotStarted,
byID: {},
@ -87,6 +89,8 @@ export const templatesReducer = (
case SET_STAGED_TEMPLATE: {
const {template} = action
const envReferences = {}
const stagedCommunityTemplate = {
...defaultCommunityTemplate(),
...template,
@ -98,6 +102,16 @@ export const templatesReducer = (
if (!dashboard.hasOwnProperty('shouldInstall')) {
dashboard.shouldInstall = true
}
if (dashboard.envReferences.length) {
dashboard.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return dashboard
})
@ -107,6 +121,16 @@ export const templatesReducer = (
if (!telegrafConfig.hasOwnProperty('shouldInstall')) {
telegrafConfig.shouldInstall = true
}
if (telegrafConfig.envReferences.length) {
telegrafConfig.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return telegrafConfig
})
@ -116,6 +140,16 @@ export const templatesReducer = (
if (!bucket.hasOwnProperty('shouldInstall')) {
bucket.shouldInstall = true
}
if (bucket.envReferences.length) {
bucket.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return bucket
})
@ -125,6 +159,16 @@ export const templatesReducer = (
if (!check.hasOwnProperty('shouldInstall')) {
check.shouldInstall = true
}
if (check.envReferences.length) {
check.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return check
})
@ -134,6 +178,16 @@ export const templatesReducer = (
if (!variable.hasOwnProperty('shouldInstall')) {
variable.shouldInstall = true
}
if (variable.envReferences.length) {
variable.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return variable
})
@ -143,6 +197,16 @@ export const templatesReducer = (
if (!notificationRule.hasOwnProperty('shouldInstall')) {
notificationRule.shouldInstall = true
}
if (notificationRule.envReferences.length) {
notificationRule.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return notificationRule
})
@ -152,6 +216,16 @@ export const templatesReducer = (
if (!notificationEndpoint.hasOwnProperty('shouldInstall')) {
notificationEndpoint.shouldInstall = true
}
if (notificationEndpoint.envReferences.length) {
notificationEndpoint.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return notificationEndpoint
})
@ -161,6 +235,16 @@ export const templatesReducer = (
if (!label.hasOwnProperty('shouldInstall')) {
label.shouldInstall = true
}
if (label.envReferences.length) {
label.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return label
})
@ -170,9 +254,20 @@ export const templatesReducer = (
if (!summaryTask.hasOwnProperty('shouldInstall')) {
summaryTask.shouldInstall = true
}
if (summaryTask.envReferences.length) {
summaryTask.envReferences.forEach(ref => {
envReferences[ref.envRefKey] = {
envRefKey: ref.envRefKey,
resourceField: ref.resourceField,
value: ref.defaultValue,
valueType: ref.valueType,
}
})
}
return summaryTask
})
draftState.stagedTemplateEnvReferences = envReferences
draftState.stagedCommunityTemplate = stagedCommunityTemplate
return
}
@ -233,6 +328,17 @@ export const templatesReducer = (
draftState.stacks = stacks
return
}
case UPDATE_TEMPLATE_ENV_REF: {
const {envRefKey, newValue, resourceField, valueType} = action
draftState.stagedTemplateEnvReferences[envRefKey] = {
envRefKey,
resourceField,
value: newValue,
valueType,
}
return
}
}
})

9
ui/src/types/templates.ts
View File

@ -33,9 +33,18 @@ export interface TemplateSummary extends Omit<GenTemplateSummary, 'labels'> {
export type CommunityTemplate = any
export interface EnvReference {
resourceField: string
envRefKey: string
value?: string | number | boolean
defaultValue?: string | number | boolean
valueType: string
}
export interface TemplatesState extends NormalizedState<TemplateSummary> {
exportTemplate: {status: RemoteDataState; item: DocumentCreate}
stagedCommunityTemplate: CommunityTemplate
stagedTemplateEnvReferences: {[key: string]: EnvReference}
stagedTemplateUrl: string
stacks: InstalledStack[]
}