Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issue fixed #52

Merged
merged 1 commit into from
Sep 25, 2024
Merged

Issue fixed #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion applicationFE/src/views/generate/components/configmapForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.name" placeholder="configMap-01" />
</div>
<div class="mb-3">
<label class="form-label">- Namespace</label>
<label class="form-label required">- Namespace</label>
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.namespace" placeholder="namespace" />
</div>
<div class="mb-3">
Expand Down
2 changes: 1 addition & 1 deletion applicationFE/src/views/generate/components/deploymentForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.name" placeholder="deployment-01" />
</div>
<div class="mb-3">
<label class="form-label">- Namespace</label>
<label class="form-label required">- Namespace</label>
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.namespace" placeholder="namespace" />
</div>
<div class="mb-3">
Expand Down
2 changes: 1 addition & 1 deletion applicationFE/src/views/generate/components/hpaForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.name" placeholder="name" />
</div>
<div class="mb-3">
<label class="form-label">- Namespace</label>
<label class="form-label required">- Namespace</label>
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.namespace" placeholder="namespace" />
</div>
<div class="mb-3">
Expand Down
187 changes: 94 additions & 93 deletions applicationFE/src/views/generate/components/podForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.name" placeholder="pod-01" />
</div>
<div class="mb-3">
<label class="form-label">- Namespace</label>
<label class="form-label required">- Namespace</label>
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.namespace" placeholder="namespace" />
</div>
<div class="mb-3">
Expand Down Expand Up @@ -43,131 +43,132 @@
<h3 class="card-title">Spec 영역</h3>
</div>
<div class="card-body">
<div v-for="(container, idx) in containers" :key="idx">
<div class="mb-3">
<div class="btn-list">
<label class="form-label">Containers</label>
<button class="btn btn-primary" @click="addContainer" style="text-align: center !important;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M12 5l0 14" />
<path d="M5 12l14 0" />
</svg>
</button>
<button class="btn btn-primary" @click="removeContainer(idx)">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M5 12l14 0" />
</svg>
</button>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label required">- Name</label>
<input type="text" class="form-control" v-model="container.name" />
</div>
<div class="col mt-4">
<label class="form-label required">- Image</label>
<input type="text" class="form-control" v-model="container.image" />
</div>
</div>
</div>
<div class="mb-3">
<label class="form-label">- Env</label>
<div class="generate-form" v-for="(env, envIndex) in container.env" :key="envIndex">
<input type="text" class="form-control w-33" v-model="env.name" placeholder="key" />
<input type="text" class="form-control w-33" v-model="env.value" placeholder="value" />
<div class="mt-4" v-for="(container, idx) in containers" :key="idx">
<div class="mb-3">
<div class="btn-list">
<button class="btn btn-primary" @click="addEnv(idx)" style="text-align: center !important;">
<label class="form-label">Containers</label>
<button class="btn btn-primary" @click="addContainer" style="text-align: center !important;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M12 5l0 14" />
<path d="M5 12l14 0" />
</svg>
</button>
<button class="btn btn-primary" @click="removeEnv(idx, envIndex)">
<button class="btn btn-primary" @click="removeContainer(idx)">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M5 12l14 0" />
</svg>
</button>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label required">- Name</label>
<input type="text" class="form-control" v-model="container.name" />
</div>
<div class="col mt-4">
<label class="form-label required">- Image</label>
<input type="text" class="form-control" v-model="container.image" />
</div>
</div>
</div>
</div>
<div class="mb-3">
<div class="mt-4" v-for="(port, portIndex) in container.ports" :key="portIndex">
<div class="mb-3">
<label class="form-label">- Env</label>
<div class="generate-form" v-for="(env, envIndex) in container.env" :key="envIndex">
<input type="text" class="form-control w-33" v-model="env.name" placeholder="key" />
<input type="text" class="form-control w-33" v-model="env.value" placeholder="value" />
<div class="btn-list">
<button class="btn btn-primary" @click="addEnv(idx)" style="text-align: center !important;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M12 5l0 14" />
<path d="M5 12l14 0" />
</svg>
</button>
<button class="btn btn-primary" @click="removeEnv(idx, envIndex)">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M5 12l14 0" />
</svg>
</button>
</div>
</div>
</div>
<div class="mb-3">
<div class="mt-4" v-for="(port, portIndex) in container.ports" :key="portIndex">
<div class="btn-list">
<label class="form-label">Ports</label>
<button class="btn btn-primary" @click="addPort(idx)" style="text-align: center !important;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M12 5l0 14" />
<path d="M5 12l14 0" />
</svg>
</button>
<button class="btn btn-primary" @click="removePort(idx, portIndex)">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M5 12l14 0" />
</svg>
</button>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Name</label>
<input type="text" class="form-control" v-model="port.name" />
</div>
<div class="col mt-4">
<label class="form-label">- Port</label>
<input type="text" class="form-control" v-model="port.containerPort" />
</div>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Protocol</label>
<input type="text" class="form-control" v-model="port.protocol" />
</div>
<div class="col mt-4">
<label class="form-label">- Host Port</label>
<input type="text" class="form-control" v-model="port.hostPort" />
</div>
</div>
<div class="border-bottom" style="width: 100%; margin-top: 10px" v-if="container.ports.length > 1"></div>
</div>
</div>
<div class="mb-3">
<div class="btn-list">
<label class="form-label">Ports</label>
<button class="btn btn-primary" @click="addPort(idx)" style="text-align: center !important;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M12 5l0 14" />
<path d="M5 12l14 0" />
</svg>
</button>
<button class="btn btn-primary" @click="removePort(idx, portIndex)">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minus" style="margin: 0 !important;">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M5 12l14 0" />
</svg>
</button>
<label class="form-label">Resources</label>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Name</label>
<input type="text" class="form-control" v-model="port.name" />
<label class="form-label">- Limits CPU</label>
<input type="text" class="form-control" v-model="container.resources.limits.cpu" />
</div>
<div class="col mt-4">
<label class="form-label">- Port</label>
<input type="text" class="form-control" v-model="port.containerPort" />
<label class="form-label">- Limits Memory</label>
<input type="text" class="form-control" v-model="container.resources.limits.memory" />
</div>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Protocol</label>
<input type="text" class="form-control" v-model="port.protocol" />
<label class="form-label">- Requests CPU</label>
<input type="text" class="form-control" v-model="container.resources.requests.cpu" />
</div>
<div class="col mt-4">
<label class="form-label">- Host Port</label>
<input type="text" class="form-control" v-model="port.hostPort" />
<label class="form-label">- Requests Memory</label>
<input type="text" class="form-control" v-model="container.resources.requests.memory" />
</div>
</div>
<div class="border-bottom" style="width: 100%; margin-top: 10px" v-if="container.ports.length > 1"></div>
</div>
<div class="border-bottom" style="width: 100%; margin-top: 10px" v-if="containers.length > 1"></div>
</div>
<div class="mb-3">

<div class="btn-list">
<label class="form-label">Resources</label>
<div class="mt-4">
<label class="form-label">- Restart Policy</label>
<input type="text" class="form-control w-33" v-model="spec.restartPolicy" />
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Limits CPU</label>
<input type="text" class="form-control" v-model="container.resources.limits.cpu" />
</div>
<div class="col mt-4">
<label class="form-label">- Limits Memory</label>
<input type="text" class="form-control" v-model="container.resources.limits.memory" />
</div>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Requests CPU</label>
<input type="text" class="form-control" v-model="container.resources.requests.cpu" />
</div>
<div class="col mt-4">
<label class="form-label">- Requests Memory</label>
<input type="text" class="form-control" v-model="container.resources.requests.memory" />
</div>
</div>
<div class="row" style="width:68% !important">
<div class="col mt-4">
<label class="form-label">- Restart Policy</label>
<input type="text" class="form-control" v-model="spec.restartPolicy" />
</div>
</div>
</div>
</div>

</div>
</div>

Expand Down
2 changes: 1 addition & 1 deletion applicationFE/src/views/generate/components/serviceForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.name" placeholder="name-01" />
</div>
<div class="mb-3">
<label class="form-label">- Namespace</label>
<label class="form-label required">- Namespace</label>
<input type="text" class="form-control w-33" name="example-text-input" v-model="metadata.namespace" placeholder="namespace" />
</div>
<div class="mb-3">
Expand Down
2 changes: 1 addition & 1 deletion applicationFE/src/views/repository/RepositoryDetail.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@

<div class="mb-3">
<div class="btn-list">
<button class='btn btn-primary d-none d-sm-inline-block' style="margin-left: auto; margin-bottom:10px;" data-bs-toggle='modal' data-bs-target='#uploadComponent'>
<button class='btn btn-primary d-none d-sm-inline-block' style="margin-left: auto; margin-bottom:10px;" data-bs-toggle='modal' data-bs-target='#uploadComponent' :disabled="repositoryDetail.format == 'docker'">
File Upload
</button>
</div>
Expand Down
8 changes: 4 additions & 4 deletions applicationFE/src/views/repository/components/repositoryForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<div class="row mb-3">
<label class="form-label required">Name</label>
<div class="grid gap-0 column-gap-3">
<input type="text" class="form-control p-2 g-col-11" v-model="repositoryFormData.name" />
<input type="text" class="form-control p-2 g-col-11" v-model="repositoryFormData.name" :disabled="props.mode != 'new'" />
</div>
</div>

Expand All @@ -24,15 +24,15 @@
<label class="form-label required">Format</label>
<div>
<label class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="format" value="raw" v-model="repositoryFormData.format">
<input class="form-check-input" type="radio" name="format" value="raw" v-model="repositoryFormData.format" :disabled="props.mode != 'new'" />
<span class="form-check-label">raw</span>
</label>
<label class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="format" value="helm" v-model="repositoryFormData.format">
<input class="form-check-input" type="radio" name="format" value="helm" v-model="repositoryFormData.format" :disabled="props.mode != 'new'" />
<span class="form-check-label">helm</span>
</label>
<label class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="format" value="docker" v-model="repositoryFormData.format">
<input class="form-check-input" type="radio" name="format" value="docker" v-model="repositoryFormData.format" :disabled="props.mode != 'new'" />
<span class="form-check-label">docker</span>
</label>
</div>
Expand Down