mirror of https://github.com/rancher/dashboard.git
85 lines
2.1 KiB
Vue
85 lines
2.1 KiB
Vue
<script>
|
|
import CreateEditView from '@/mixins/create-edit-view';
|
|
import Footer from '@/components/form/Footer';
|
|
import LabeledInput from '@/components/form/LabeledInput';
|
|
import RadioGroup from '@/components/form/RadioGroup';
|
|
import NameNsDescription from '@/components/form/NameNsDescription';
|
|
import Labels from '@/components/form/Labels';
|
|
|
|
export default {
|
|
name: 'CruCatalogRepo',
|
|
|
|
components: {
|
|
Footer,
|
|
RadioGroup,
|
|
LabeledInput,
|
|
NameNsDescription,
|
|
Labels,
|
|
},
|
|
|
|
mixins: [CreateEditView],
|
|
|
|
data() {
|
|
return { isGit: !!this.value.spec.gitRepo };
|
|
},
|
|
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<form>
|
|
<NameNsDescription v-model="value" :mode="mode" :namespaced="isNamespaced" />
|
|
|
|
<h2>{{ t('catalog.repo.target.label') }}</h2>
|
|
<div class="row mb-10">
|
|
<div class="col span-6">
|
|
<RadioGroup
|
|
v-model="isGit"
|
|
name="isGit"
|
|
:options="[false, true]"
|
|
:labels="[t('catalog.repo.target.http'), t('catalog.repo.target.git')]"
|
|
:mode="mode"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="isGit" class="row mb-10">
|
|
<div class="col span-6">
|
|
<LabeledInput
|
|
v-model="value.spec.gitRepo"
|
|
:required="true"
|
|
:label="t('catalog.repo.gitRepo.label')"
|
|
:placeholder="t('catalog.repo.gitRepo.placeholder', null, true)"
|
|
:mode="mode"
|
|
/>
|
|
</div>
|
|
<div class="col span-6">
|
|
<LabeledInput
|
|
v-model="value.spec.gitBranch"
|
|
:required="true"
|
|
:label="t('catalog.repo.gitBranch.label')"
|
|
:placeholder="t('catalog.repo.gitBranch.placeholder', null, true)"
|
|
:mode="mode"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<LabeledInput
|
|
v-else
|
|
v-model="value.spec.url"
|
|
:required="true"
|
|
:label="t('catalog.repo.url.label')"
|
|
:placeholder="t('catalog.repo.url.placeholder', null, true)"
|
|
:mode="mode"
|
|
/>
|
|
|
|
<Labels
|
|
default-section-class="mt-20"
|
|
:value="value"
|
|
:mode="mode"
|
|
:display-side-by-side="false"
|
|
/>
|
|
|
|
<Footer :mode="mode" :errors="errors" @save="save" @done="done" />
|
|
</form>
|
|
</template>
|