Canvas: Service dev UI

Change-Id: I11968dbf5ec51c5fd234ad927d40b0b3983e71dd
diff --git a/apps/canvas/front/src/components/node-gateway-tcp.tsx b/apps/canvas/front/src/components/node-gateway-tcp.tsx
index bb8b9be..86fa493 100644
--- a/apps/canvas/front/src/components/node-gateway-tcp.tsx
+++ b/apps/canvas/front/src/components/node-gateway-tcp.tsx
@@ -232,7 +232,11 @@
 						name="network"
 						render={({ field }) => (
 							<FormItem>
-								<Select onValueChange={field.onChange} defaultValue={field.value}>
+								<Select
+									onValueChange={field.onChange}
+									defaultValue={field.value}
+									disabled={data.readonly}
+								>
 									<FormControl>
 										<SelectTrigger>
 											<SelectValue placeholder="Network" />
@@ -257,7 +261,7 @@
 						render={({ field }) => (
 							<FormItem>
 								<FormControl>
-									<Input placeholder="subdomain" {...field} />
+									<Input placeholder="subdomain" {...field} disabled={data.readonly} />
 								</FormControl>
 								<FormMessage />
 							</FormItem>
@@ -280,7 +284,11 @@
 						name="serviceId"
 						render={({ field }) => (
 							<FormItem>
-								<Select onValueChange={field.onChange} defaultValue={field.value}>
+								<Select
+									onValueChange={field.onChange}
+									defaultValue={field.value}
+									disabled={data.readonly}
+								>
 									<FormControl>
 										<SelectTrigger>
 											<SelectValue placeholder="Service" />
@@ -301,7 +309,11 @@
 						name="portId"
 						render={({ field }) => (
 							<FormItem>
-								<Select onValueChange={field.onChange} defaultValue={field.value}>
+								<Select
+									onValueChange={field.onChange}
+									defaultValue={field.value}
+									disabled={data.readonly}
+								>
 									<FormControl>
 										<SelectTrigger>
 											<SelectValue placeholder="Port" />