compute: work-in-progress VM deployment wizard (#7)

This implements a work-in-progress VM deployment wizard.

Co-authored-by: Rohit Yadav <rohit@apache.org>
Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>

Author: iceteabottle

ui/package-lock.json

@@ -43,8 +43,7 @@
     "core-js": "^3.6.1",
     "enquire.js": "^2.1.6",
     "js-cookie": "^2.2.1",
-    "lodash.get": "^4.4.2",
-    "lodash.pick": "^4.4.0",
+    "lodash": "^4.17.15",
     "md5": "^2.2.1",
     "moment": "^2.24.0",
     "node-emoji": "^1.10.0",

ui/package.json

@@ -425,6 +425,16 @@
             <a-icon type="calendar" />{{ resource.created }}
           </div>
         </div>
+        <div class="resource-detail-item" v-if="resource.affinitygroup && resource.affinitygroup.length > 0">
+          <a-icon type="swap" />
+          <span
+            v-for="(group, index) in resource.affinitygroup"
+            :key="group.id"
+          >
+            <router-link :to="{ path: '/affinitygroup/' + group.id }">{{ group.name }}</router-link>
+            <span v-if="index + 1 < resource.affinitygroup.length">, </span>
+          </span>
+        </div>
       </div>
 
       <div class="account-center-tags" v-if="$route.meta.related">

ui/src/components/view/InfoCard.vue

@@ -1055,7 +1055,17 @@
 "instance": "Instance",
 "yourInstance": "Your instance",
 "newInstance": "New instance",
+"defaultNetwork": "Default network",
 "cpu": "CPU",
-"ram": "RAM",
+"minMaxIops": "Min IOPS / Max IOPS",
+"isSelf": "Self",
+"isShared": "Shared",
+"networks": "Networks",
+"BasicSetup": "Basic setup",
+"templateIso": "Template/ISO",
+"addAnotherNetwork": "Add another network",
+"addNewNetworks": "Add new networks",
+"existingNetworks": "Existing networks",
+"sshKeyPairs": "SSH keypairs",
 "wednesday": "Wednesday"
 }