Skip to content

Commit

Permalink
Merge pull request #25 from dmsej108/main
Browse files Browse the repository at this point in the history
repository management UI update
  • Loading branch information
Strato-YangSungHun authored Sep 12, 2024
2 parents 5f4bd17 + 2bca998 commit d586644
Show file tree
Hide file tree
Showing 19 changed files with 2,322 additions and 12 deletions.
2 changes: 1 addition & 1 deletion applicationFE/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8">
<!-- <link rel="icon" href="/favicon.ico"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Workflow</title>
<title>App</title>
</head>
<body>
<div id="app"></div>
Expand Down
43 changes: 43 additions & 0 deletions applicationFE/src/api/repository.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
import request from "../common/request";
import type { Repository } from "@/views/type/type";

// Repository 목록
export const getRepositoryList = (module:string) => {
return request.get(`/oss/v1/repositories/${module}/list`)
}

// Repository 삭제
export function deleteRepository(module: string, name: string) {
return request.delete(`/oss/v1/repositories/${module}/delete/${name}`)
}

// Repository 등록
export function registRepository(module: string, param: Repository) {
return request.post(`/oss/v1/repositories/${module}/create`, param)
}

// Repository 상세정보 조회
export const getRepositoryDetailInfo = (module:string, name: string) => {
return request.get(`/oss/v1/repositories/${module}/detail/${name}`)
}

// Repository 수정
export const updateRepository = (module:string, param: Repository) => {
return request.put(`/oss/v1/repositories/${module}/update`, param)
}

// Repository 삭제
export function deleteComponent(module: string, id: string) {
return request.delete(`/oss/v1/components/${module}/delete/${id}`)
}

// 컴포넌트 목록
export const getComponentList = (module:string, name: string) => {
return request.get(`/oss/v1/components/${module}/list/${name}`)
}


// 컴포넌트 파일 upload
export const uploadComponent = (module:string, name: string, param: object) => {
return request.post(`/oss/v1/components/${module}/create/${name}`, param)
}
27 changes: 27 additions & 0 deletions applicationFE/src/api/yaml.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import request from "../common/request";
import type { Pod, Hpa, Deployment } from "../views/type/type";

// POD YAML
export const generateYamlPod = (param:Pod) => {
return request.post('/yaml/pod', param)
}

// SERVICE YAML
export const generateYamlService = (param:Pod) => {
return request.post('/yaml/service', param)
}

// HPA YAML
export const generateYamlHpa = (param:Hpa) => {
return request.post('/yaml/hpa', param)
}

// deployment YAML
export const generateYamlDeployment = (param:Deployment) => {
return request.post('/yaml/deployment', param)
}

// configmap YAML
export const generateYamlConfigmap = (param:Deployment) => {
return request.post('/yaml/configmap', param)
}
15 changes: 15 additions & 0 deletions applicationFE/src/router/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,21 @@ const router = createRouter({
name: 'ossList',
component: () => import('@/views/oss/OssList.vue' as any)
},
{
path: '/web/generate/yaml',
name: 'yamlGenerate',
component: () => import('@/views/generate/YamlGenerate.vue' as any)
},
{
path: '/web/repository/list',
name: 'repositoryList',
component: () => import('@/views/repository/RepositoryList.vue' as any)
},
{
path: `/web/repository/detail/:repositoryName`,
name: 'repositoryDetail',
component: () => import('@/views/repository/RepositoryDetail.vue' as any)
},
]
})

Expand Down
62 changes: 62 additions & 0 deletions applicationFE/src/views/generate/YamlGenerate.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<template>
<div class="card w-100" ref="workflowForm">
<div class="card-header">
<div class="card-title">
<h1>YAML GENERATE</h1>
</div>
</div>
<div class="page-body">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs" data-bs-toggle="tabs">
<li class="nav-item">
<a href="#tabs-pod" class="nav-link active" data-bs-toggle="tab">Pod</a>
</li>
<!-- <li class="nav-item">
<a href="#tabs-service" class="nav-link" data-bs-toggle="tab">Service</a>
</li> -->
<li class="nav-item">
<a href="#tabs-deployment" class="nav-link" data-bs-toggle="tab">Deployment</a>
</li>
<li class="nav-item">
<a href="#tabs-hpa" class="nav-link" data-bs-toggle="tab">HPA</a>
</li>
<li class="nav-item">
<a href="#tabs-configMap" class="nav-link" data-bs-toggle="tab">ConfigMap</a>
</li>
</ul>
</div>
<div class="card-body">
<div class="tab-content">
<PodForm />
<ServiceForm />
<DeploymentForm />
<HpaForm />
<ConfigmapForm />
</div>
</div>
</div>
</div>

</template>
<script setup lang="ts">
import PodForm from './components/podForm.vue';
import ServiceForm from './components/serviceForm.vue';
import DeploymentForm from './components/deploymentForm.vue';
import HpaForm from './components/hpaForm.vue';
import ConfigmapForm from './components/configmapForm.vue';
import { onMounted } from 'vue';
import { ref } from 'vue';
import { useToast } from 'vue-toastification';
const toast = useToast()
/**
* @Title Life Cycle
* @Desc 컬럼 set Callback 함수 호출 / ossList Callback 함수 호출
*/
onMounted(async () => {
})
</script>
Loading

0 comments on commit d586644

Please sign in to comment.