feat: container hostname support added (#243)

swiftwave-org · Sep 14, 2024 · 4e815e7 · 4e815e7
1 parent c1038ab
commit 4e815e7
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 0 deletions.
diff --git a/src/store/applicationUpdater.js b/src/store/applicationUpdater.js
@@ -62,6 +62,7 @@ export default function newApplicationUpdater(applicationId) {
             deploymentMode
             replicas
             command
+            hostname
             resourceLimit {
               memoryMb
             }
@@ -210,6 +211,7 @@ export default function newApplicationUpdater(applicationId) {
       const applicationConfiguration = applicationDetailsRaw.value?.application ?? {}
       deploymentConfigurationDetails.deploymentMode = applicationConfiguration.deploymentMode
       deploymentConfigurationDetails.replicas = applicationConfiguration.replicas
+      deploymentConfigurationDetails.hostname = applicationConfiguration.hostname
       deploymentConfigurationDetails.resourceLimit.memoryMb = applicationConfiguration.resourceLimit.memoryMb
       deploymentConfigurationDetails.reservedResource.memoryMb = applicationConfiguration.reservedResource.memoryMb
       deploymentConfigurationDetails.preferredServerHostnames = applicationConfiguration.preferredServerHostnames
@@ -310,6 +312,7 @@ export default function newApplicationUpdater(applicationId) {
     const deploymentConfigurationDetails = reactive({
       deploymentMode: '',
       replicas: 0,
+      hostname: '',
       resourceLimit: {
         memoryMb: 0
       },
@@ -521,6 +524,7 @@ export default function newApplicationUpdater(applicationId) {
             name
             deploymentMode
             command
+            hostname
             replicas
             resourceLimit {
               memoryMb
@@ -624,6 +628,10 @@ export default function newApplicationUpdater(applicationId) {
       if (applicationExistingDetails.replicas.toString() !== deploymentConfigurationDetails.replicas.toString()) {
         return true
       }
+      // check if container hostname is changed
+      if (applicationExistingDetails.hostname !== deploymentConfigurationDetails.hostname) {
+        return true
+      }
       // check if deploy proxy config changed
       if (
         applicationExistingDetails.dockerProxyConfig.enabled !==
@@ -862,6 +870,7 @@ export default function newApplicationUpdater(applicationId) {
         command: sourceConfigurationRef.command,
         deploymentMode: deploymentConfigurationDetails.deploymentMode,
         replicas: deploymentConfigurationDetails.replicas,
+        hostname: deploymentConfigurationDetails.hostname,
         resourceLimit: {
           memoryMb: deploymentConfigurationDetails.resourceLimit.memoryMb
         },

diff --git a/src/views/pages/ApplicationDetails/DeploymentConfig.vue b/src/views/pages/ApplicationDetails/DeploymentConfig.vue
@@ -6,6 +6,7 @@ import DockerProxyPermissionChoose from '@/views/partials/DockerProxyPermissionC
 import Disclosure from '@/views/components/Disclosure.vue'
 import ConfigureDeploymentPreferredServers from '@/views/partials/ConfigureDeploymentPreferredServers.vue'
 import { ref } from 'vue'
+import { preventSpaceInput } from '@/vendor/utils'
 
 const router = useRouter()
 const applicationUpdater = newApplicationUpdater(router.currentRoute.value.params.id)()
@@ -58,6 +59,19 @@ const openConfigureDeploymentPreferredServers = () => {
         readonly />
     </div>
   </div>
+  <!--   Container Hostname    -->
+  <div class="mt-3">
+    <p class="font-medium text-black">Container Hostname</p>
+    <div class="mt-1">
+      <input
+        class="mt-1 block w-full rounded-md border-gray-300 text-sm shadow-sm focus:border-primary-500 focus:ring-primary-500"
+        placeholder="Provide container hostname"
+        type="text"
+        v-model="applicationUpdater.deploymentConfigurationDetails.hostname"
+        @change="applicationUpdater.triggerUpdateHook"
+        @keydown="preventSpaceInput" />
+    </div>
+  </div>
   <!-- Memory Config -->
   <Disclosure class="mt-4">
     <template v-slot:title>Memory Configuration (Click to expand)</template>

diff --git a/src/views/pages/DeployApplication.vue b/src/views/pages/DeployApplication.vue
@@ -24,6 +24,7 @@ const changeTab = (index) => {
 const newApplicationState = reactive({
   name: '',
   upstreamType: '',
+  hostname: '',
   command: '',
   deploymentMode: '',
   replicas: 0,
@@ -175,6 +176,7 @@ const finalizeApplicationAdditionalSettings = (additionalSettings) => {
   // NOTE: Don't modify as configuration is a reference to the state of `ApplicationAdditionalSettings.vue`
   newApplicationState.deploymentMode = additionalSettings.deploymentMode
   newApplicationState.replicas = additionalSettings.replicas
+  newApplicationState.hostname = additionalSettings.hostname
   newApplicationState.environmentVariables = additionalSettings.environmentVariables
   newApplicationState.persistentVolumeBindings = additionalSettings.persistentVolumeBindings
   newApplicationState.configMounts = additionalSettings.configMounts

diff --git a/src/views/partials/DeployApplication/ApplicationAdditionalSettings.vue b/src/views/partials/DeployApplication/ApplicationAdditionalSettings.vue
@@ -10,6 +10,7 @@ import Disclosure from '@/views/components/Disclosure.vue'
 import ConfigMountsEditor from '@/views/partials/DeployApplication/ConfigMountsEditor.vue'
 import ConfigureDeploymentPreferredServers from '@/views/partials/ConfigureDeploymentPreferredServers.vue'
 import DockerProxyPermissionChoose from '@/views/partials/DockerProxyPermissionChoose.vue'
+import { preventSpaceInput } from '@/vendor/utils'
 
 const props = defineProps({
   finalizeApplicationAdditionalSettingsAndDeploy: {
@@ -24,6 +25,7 @@ const props = defineProps({
 const stateRef = reactive({
   replicas: 1,
   deploymentStrategy: 'replicated',
+  hostname: '',
   // replicate -> false, global -> true,
   environmentVariablesKeys: [],
   environmentVariablesMap: {},
@@ -167,6 +169,7 @@ const submitDetails = () => {
   let details = {
     deploymentMode: stateRef.deploymentStrategy,
     replicas: stateRef.replicas,
+    hostname: stateRef.hostname,
     environmentVariables: environmentVariables,
     persistentVolumeBindings: Object.values(stateRef.persistentVolumeBindingsMap),
     configMounts: Object.values(stateRef.configMountsMap),
@@ -265,6 +268,18 @@ const openConfigureDeploymentPreferredServers = () => {
             :delete-config-mount="deleteConfigMount"
             :on-config-content-change="onConfigMountContentChange" />
         </div>
+        <!--   Container Hostname    -->
+        <div class="mt-3">
+          <p class="font-medium text-black">Container Hostname</p>
+          <div class="mt-1">
+            <input
+              class="mt-1 block w-full rounded-md border-gray-300 text-sm shadow-sm focus:border-primary-500 focus:ring-primary-500"
+              placeholder="Provide container hostname"
+              type="text"
+              v-model="stateRef.hostname"
+              @keydown="preventSpaceInput" />
+          </div>
+        </div>
         <!--   Healthcheck     -->
         <div class="mt-3 w-full">
           <div class="flex flex-row items-center gap-2">