add domainname & dns to API, #11.

client/src/api/api.ts

@@ -514,6 +514,18 @@ export interface RoomSettings {
      * @memberof RoomSettings
      */
     'resources'?: RoomResources;
+    /**
+     * 
+     * @type {string}
+     * @memberof RoomSettings
+     */
+    'hostname'?: string;
+    /**
+     * 
+     * @type {Array<string>}
+     * @memberof RoomSettings
+     */
+    'dns'?: Array<string>;
     /**
      * 
      * @type {BrowserPolicy}

client/src/components/RoomInfo.vue

@@ -192,6 +192,16 @@
         </template>
       </v-simple-table>
 
+      <div class="my-3 headline">Network</div>
+      <v-simple-table>
+        <template v-slot:default>
+          <tbody>
+            <tr><th style="width:50%;"> Hostname </th><td>{{ settings.hostname }}</td></tr>
+            <tr><th> DNS </th><td><span v-if="settings.dns">{{ settings.dns.join(", ") }}</span><i v-else>--system-default--</i></td></tr>
+          </tbody>
+        </template>
+      </v-simple-table>
+
       <div class="my-3 headline">Browser policy</div>
       <v-simple-table v-if="settings.browser_policy">
         <template v-slot:default>

client/src/components/RoomsCreate.vue

@@ -401,10 +401,55 @@
               </v-combobox>
             </v-col>
           </v-row>
+          <v-row align="center" no-gutters class="mt-3">
+            <h2> Network </h2>
+          </v-row>
+          <v-row align="center" class="mt-0">
+            <v-col class="py-0">
+              <v-text-field
+                label="Hostname"
+                v-model="data.hostname"
+                autocomplete="off"
+              ></v-text-field>
+            </v-col>
+            <v-col class="pt-0">
+              <v-combobox class="pt-0"
+                label="DNS"
+                v-model="data.dns"
+                multiple
+                hide-details
+              >
+                <template v-slot:selection="{ attrs, item, parent, selected }">
+                  <v-chip
+                    v-bind="attrs"
+                    :input-value="selected"
+                    label
+                    small
+                  >
+                    <span class="pr-2">
+                      {{ item }}
+                    </span>
+                    <v-icon
+                      small
+                      @click="parent.selectItem(item)"
+                    >
+                      $delete
+                    </v-icon>
+                  </v-chip>
+                </template>
+              </v-combobox>
+            </v-col>
+          </v-row>
+          <v-row align="center" no-gutters class="mb-3">
+            <v-col>
+              <p> <i> Leave empty to use container name. </i> </p>
+            </v-col>
+            <v-col class="pl-6">
+              <p> <i> Leave empty to use system defaults.</i> </p>
+            </v-col>
+          </v-row>
         </template>
 
-        <hr />
-
         <v-row align="center" no-gutters class="mt-3">
           <h2 class="my-3">
             Browser policy

client/src/store/state.ts

@@ -77,6 +77,11 @@ export const state = {
       shm_size: 2000000000,
       devices: [],
     },
+
+    // eslint-disable-next-line
+    hostname: '',
+    // eslint-disable-next-line
+    dns: [],
   } as RoomSettings,
   videoCodecs: [
     "VP8",