Add new menus in CS ui

Author: PeterBackroll

ui/public/locales/en.json

@@ -423,6 +423,7 @@
 "label.availablevirtualmachinecount": "Available Instances",
 "label.back": "Back",
 "label.back.login": "Back to login",
+"label.backroll": "Backroll",
 "label.backup": "Backups",
 "label.backup.attach.restore": "Restore and attach backup volume",
 "label.backup.configure.schedule": "Configure Backup Schedule",
@@ -794,6 +795,8 @@
 "label.deviceid": "Device ID",
 "label.devices": "Devices",
 "label.dhcp": "DHCP",
+"label.dimsi": "Dimsi",
+"label.dashboarddimsi": "Dashboard Dimsi",
 "label.direct.attached.public.ip": "Direct attached public IP",
 "label.direct.ips": "Shared Network IPs",
 "label.directdownload": "Direct download",

ui/src/config/router.js

@@ -25,6 +25,7 @@ import { shallowRef } from 'vue'
 import { vueProps } from '@/vue-app'
 
 import compute from '@/config/section/compute'
+import dimsi from '@/config/section/dimsi'
 import storage from '@/config/section/storage'
 import network from '@/config/section/network'
 import image from '@/config/section/image'
@@ -208,7 +209,18 @@ export function asyncRouterMap () {
         component: () => import('@/views/dashboard/Dashboard')
       },
 
+      {
+        path: '/dashboarddimsi',
+        name: 'Dashboard Dimsi',
+        meta: {
+          title: 'label.dashboarddimsi',
+          icon: 'DashboardOutlined'
+        },
+        component: () => import('@/views/dimsi/backroll')
+      },
+
       generateRouterMap(compute),
+      generateRouterMap(dimsi),
       generateRouterMap(storage),
       generateRouterMap(network),
       generateRouterMap(image),

ui/src/config/section/dimsi.js

@@ -0,0 +1,30 @@
+// 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.
+import { shallowRef } from 'vue'
+export default {
+  name: 'dimsi',
+  title: 'label.dimsi',
+  icon: 'cloud-outlined',
+  children: [
+    {
+      name: 'dimsi',
+      title: 'label.backroll',
+      icon: 'ReadOutlined',
+      component: shallowRef(() => import('@/views/dimsi/backroll.vue'))
+    }
+  ]
+}

ui/src/store/modules/user.js

@@ -442,7 +442,7 @@ const user = {
           const ldapEnable = (response.ldapconfigurationresponse.count > 0)
           commit('SET_LDAP', ldapEnable)
         }).catch(error => {
-          reject(error)
+          console.error(error)
         })
 
         api('cloudianIsEnabled').then(response => {
@@ -567,7 +567,7 @@ const user = {
           const ldapEnable = (response.ldapconfigurationresponse.count > 0)
           commit('SET_LDAP', ldapEnable)
         }).catch(error => {
-          reject(error)
+          console.error(error)
         })
       })
     },

ui/src/views/dimsi/backroll.vue

@@ -0,0 +1,85 @@
+// 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.
+
+<template>
+  <div>
+    <h2>Dimsi !</h2>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Backroll',
+  components: {
+  },
+  data () {
+    return {
+    }
+  },
+  beforeCreate () {
+    this.apiParams = this.$getApiParams('uploadCustomCertificate')
+  },
+  created () {
+    this.initForm()
+    this.fetchData()
+  },
+  methods: {
+    initForm () {
+    },
+    fetchData () {
+      this.routes = {}
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .breadcrumb-card {
+    margin-left: -24px;
+    margin-right: -24px;
+    margin-top: -16px;
+    margin-bottom: 12px;
+  }
+
+  .chart-card-inner {
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .intermediate-certificate {
+    opacity: 1;
+    transform: none;
+    transition: opacity 0.2s ease 0s, transform 0.5s ease;
+    will-change: transform;
+  }
+  .intermediate-certificate.fadeInUp-enter-active {
+    opacity: 0;
+    transform: translateY(10px);
+    transition: none;
+  }
+  .controls {
+    display: flex;
+    justify-content: flex-end;
+  }
+  .close-button {
+    margin-right: 20px;
+  }
+  .ant-form-item {
+    margin-bottom: 10px;
+  }
+</style>