address comments and some minor fixups

Author: vishesh92

ui/public/locales/en.json

@@ -2202,6 +2202,7 @@
 "label.usage.records.fetch.child.domains": "Fetch usage records for child domains",
 "label.usage.records.usagetype.required": "Usage type is required with resource ID",
 "label.usage.records.generate": "Generate usage records",
+"label.usage.records.generated": "A job has been created to generate usage records.",
 "label.usage.records.generate.description": "This will generate records only if there any records to be generated. i.e if the scheduled usage job was not run or failed",
 "label.usage.records.purge": "Purge usage records",
 "label.usage.records.purge.days": "Purge records older than",

ui/src/components/view/ListView.vue

@@ -167,7 +167,7 @@
         <router-link :to="{ path: createPathBasedOnVmType(record.vmtype, record.virtualmachineid) }">{{ text }}</router-link>
       </template>
       <template v-if="column.key === 'virtualmachinename'">
-        <router-link :to="{ path: getVmRouteUsingType(record) + record.virtualmachineid }">{{ text ? text : record.name }}</router-link>
+        <router-link :to="{ path: getVmRouteUsingType(record) + record.virtualmachineid }">{{ text }}</router-link>
       </template>
       <template v-if="column.key === 'volumename'">
         <router-link :to="{ path: '/volume/' + record.volumeid }">{{ text }}</router-link>

ui/src/config/router.js

@@ -38,6 +38,7 @@ import zone from '@/config/section/zone'
 import offering from '@/config/section/offering'
 import config from '@/config/section/config'
 import tools from '@/config/section/tools'
+import usage from '@/config/section/usage'
 import quota from '@/config/section/plugin/quota'
 import cloudian from '@/config/section/plugin/cloudian'
 
@@ -221,15 +222,7 @@ export function asyncRouterMap () {
       generateRouterMap(offering),
       generateRouterMap(config),
       generateRouterMap(tools),
-      {
-        path: '/usage',
-        name: 'usage',
-        title: 'label.usage.records',
-        icon: 'ContainerOutlined',
-        permission: ['listUsageRecords'],
-        meta: { title: 'label.usage.records', icon: 'ContainerOutlined' },
-        component: () => import('@/views/infra/UsageRecords.vue')
-      },
+      generateRouterMap(usage),
       generateRouterMap(quota),
       generateRouterMap(cloudian),
       {

ui/src/config/section/infra/usage.js

@@ -0,0 +1,26 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+export default {
+  path: '/usage',
+  name: 'usage',
+  title: 'label.usage.records',
+  icon: 'ContainerOutlined',
+  permission: ['listUsageRecords'],
+  meta: { title: 'label.usage.records', icon: 'ContainerOutlined' },
+  component: () => import('@/views/infra/UsageRecords.vue')
+}