image: register template action form (#92)

This implements a customer register registration form.

Signed-off-by: Rohit Yadav <[email protected]>
Co-authored-by: hoangnm <[email protected]>
Co-authored-by: Rohit Yadav <[email protected]>

Author: 3 people

ui/src/components/view/ActionButton.vue

@@ -32,7 +32,7 @@
         v-if="action.api in $store.getters.apis &&
           action.showBadge &&
           ((!dataView && (action.listView || action.groupAction && selectedRowKeys.length > 0)) || (dataView && action.dataView)) &&
-          ('show' in action ? action.show(resource, $store.getters.userInfo, $store.getters.apis) : true)">
+          ('show' in action ? action.show(resource, $store.getters.userInfo) : true)">
         <a-button
           :icon="action.icon"
           :type="action.icon === 'delete' ? 'danger' : (action.icon === 'plus' ? 'primary' : 'default')"
@@ -44,7 +44,7 @@
         v-if="action.api in $store.getters.apis &&
           !action.showBadge &&
           ((!dataView && (action.listView || action.groupAction && selectedRowKeys.length > 0)) || (dataView && action.dataView)) &&
-          ('show' in action ? action.show(resource, $store.getters.userInfo, $store.getters.apis) : true)"
+          ('show' in action ? action.show(resource, $store.getters.userInfo) : true)"
         :icon="action.icon"
         :type="action.icon === 'delete' ? 'danger' : (action.icon === 'plus' ? 'primary' : 'default')"
         shape="circle"

ui/src/components/view/ListView.vue

@@ -63,6 +63,7 @@
         <span v-if="$route.path.startsWith('/project')" style="margin-right: 5px">
           <a-button type="dashed" size="small" shape="circle" icon="login" @click="changeProject(record)" />
         </span>
+        <os-logo v-if="record.ostypename" :osName="record.ostypename" size="1x" style="margin-right: 5px" />
         <console :resource="record" size="small" />
         <router-link :to="{ path: $route.path + '/' + record.id }" v-if="record.id">{{ text }}</router-link>
         <router-link :to="{ path: $route.path + '/' + record.name }" v-else>{{ text }}</router-link>
@@ -154,13 +155,15 @@
 <script>
 import { api } from '@/api'
 import Console from '@/components/widgets/Console'
+import OsLogo from '@/components/widgets/OsLogo'
 import Status from '@/components/widgets/Status'
 import InfoCard from '@/components/view/InfoCard'
 
 export default {
   name: 'ListView',
   components: {
     Console,
+    OsLogo,
     Status,
     InfoCard
   },

ui/src/components/widgets/OsLogo.vue

@@ -21,7 +21,7 @@
       {{ name }}
     </template>
     <font-awesome-icon :icon="['fab', logo]" :size="size" style="color: #666;" v-if="logo !== 'debian'" />
-    <debian-icon v-else-if="logo === 'debian'" :style="{ height: size === '4x' ? '56px' : '18px', width: size === '4x' ? '56px' : '18px', marginBottom: '-4px' }" />
+    <debian-icon v-else-if="logo === 'debian'" :style="{ height: size === '4x' ? '56px' : '16px', width: size === '4x' ? '56px' : '16px', marginBottom: '-4px' }" />
   </a-tooltip>
 </template>
 

ui/src/config/section/image.js

@@ -50,7 +50,8 @@ export default {
           icon: 'plus',
           label: 'Create template',
           listView: true,
-          args: ['url', 'name', 'displaytext', 'directdownload', 'zoneids', 'hypervisor', 'format', 'ostypeid', 'checksum', 'isextractable', 'passwordenabled', 'sshkeyenabled', 'isdynamicallyscalable', 'ispublic', 'isfeatured', 'isrouting', 'requireshvm']
+          popup: true,
+          component: () => import('@/views/image/RegisterTemplate.vue')
         },
         {
           api: 'getUploadParamsForTemplate',
@@ -138,7 +139,6 @@ export default {
           label: 'Register ISO',
           listView: true,
           popup: true,
-          show: (record, user, apis) => { return 'registerIso' in apis },
           component: () => import('@/views/image/RegisterIso.vue')
         },
         {

ui/src/locales/en.json

@@ -292,7 +292,6 @@
 "isCustomized": "Custom Disk Size",
 "isCustomizedIops": "Custom IOPS",
 "isDedicated": "Dedicate",
-"isExtractable": "Extractable",
 "isFeatured": "Featured",
 "isForced": "Force Delete",
 "isManaged": "Managed",
@@ -305,7 +304,7 @@
 "isdedicated": "Dedicated",
 "isdefault": "Is Default",
 "isdynamicallyscalable": "Dynamically Scalable",
-"isextractable": "extractable",
+"isextractable": "Extractable",
 "isfeatured": "Featured",
 "iso": "ISO",
 "isolatedpvlanId": "Secondary Isolated VLAN ID",
@@ -468,7 +467,7 @@
 "label.add.vpc.offering": "Add VPC Offering",
 "label.add.vpn.customer.gateway": "Add VPN Customer Gateway",
 "label.add.zone": "Add Zone",
-"label.all.zone": "All Zone",
+"label.all.zone": "All Zones",
 "label.archive": "Archive",
 "label.archive.alerts": "Archive alerts",
 "label.archive.events": "Archive events",
@@ -535,6 +534,8 @@
 "label.enable.vpc.offering": "Enable VPC offering",
 "label.enable.vpn": "Enable Remote Access VPN",
 "label.enter.token": "Enter token",
+"label.error.zone.combined": "All Zones cannot be combined with any other zone",
+"label.french.azerty.keyboard": "French AZERTY keyboard",
 "label.globo.dns.configuration": "GloboDNS Configuration",
 "label.gslb.assigned.lb.more": "Assign more load balancing",
 "label.gslb.delete": "Delete GSLB",
@@ -543,6 +544,7 @@
 "label.ha.disable": "Disable HA",
 "label.ha.enable": "Enable HA",
 "label.instanciate.template.associate.profile.blade": "Instanciate Template and Associate Profile to Blade",
+"label.japanese.keyboard": "Japanese keyboard",
 "label.link.domain.to.ldap": "Link Domain to LDAP",
 "label.make.project.owner": "Make account project owner",
 "label.metrics": "Metrics",
@@ -591,9 +593,12 @@
 "label.set.default.NIC": "Set default NIC",
 "label.shutdown.provider": "Shutdown provider",
 "label.snapshot.schedule": "Set up Recurring Snapshot",
+"label.standard.us.keyboard": "Standard (US) keyboard",
+"label.simplified.chinese.keyboard": "Simplified Chinese keyboard",
 "label.start.lb.vm": "Start LB VM",
 "label.stop.lb.vm": "Stop LB VM",
 "label.suspend.project": "Suspend Project",
+"label.uk.keyboard": "UK keyboard",
 "label.update.vmware.datacenter": "Update VMware datacenter",
 "label.upgrade.router.newer.template": "Upgrade Router to Use Newer Template",
 "label.upload": "Upload",
@@ -855,6 +860,7 @@
 "specifyipranges": "Specify IP ranges",
 "specifyvlan": "Specify VLAN",
 "sshkeypair": "New SSH Key Pair",
+"sshkeyenabled": "SSH Enabled",
 "startdate": "By date (start)",
 "startip": "Start IP",
 "startipv4": "IPv4 Start IP",

ui/src/views/image/RegisterIso.vue

@@ -206,7 +206,7 @@ export default {
           this.$emit('refresh-data')
           this.$notification.success({
             message: 'Register ISO',
-            description: 'Sucessfully registered ISO'
+            description: 'Sucessfully registered ISO ' + params.name
           })
         }).catch(error => {
           this.$notification.error({