Canvas: Service dev UI

Change-Id: I11968dbf5ec51c5fd234ad927d40b0b3983e71dd
diff --git a/apps/canvas/front/src/components/node-gateway-https.tsx b/apps/canvas/front/src/components/node-gateway-https.tsx
index 0119305..3785d59 100644
--- a/apps/canvas/front/src/components/node-gateway-https.tsx
+++ b/apps/canvas/front/src/components/node-gateway-https.tsx
@@ -298,7 +298,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" />
@@ -323,7 +327,7 @@
 						render={({ field }) => (
 							<FormItem>
 								<FormControl>
-									<Input placeholder="subdomain" {...field} />
+									<Input placeholder="subdomain" {...field} disabled={data.readonly} />
 								</FormControl>
 								<FormMessage />
 							</FormItem>
@@ -338,7 +342,11 @@
 						name="id"
 						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" />
@@ -361,7 +369,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" />