Feature-5950: Management of quotas in VIM Account

 * Showing the pie/doughnut chart for the Openstack VIM resources
 * Available in dashboard, VIM Account section and NSInstantiate section.

Change-Id: I64bec0b724accc7ea733f509ec5aef7c0d09662e
Signed-off-by: SANDHYA.JS <sandhya.j@tataelxsi.co.in>
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 5d67b03..7489891 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -40,7 +40,7 @@
     "PACKAGES": "Pakete",
     "MODIFIED": "Geändert",
     "NODATAMSG": "Keine Daten in der Tabelle verfügbar",
-    "PRODUCTNAME":"Produktname",
+    "PRODUCTNAME": "Produktname",
     "IDENTIFIER": "Kennung",
     "DESCRIPTION": "Beschreibung",
     "DESIGNER": "Designer",
@@ -165,6 +165,7 @@
     "SCALE": "Rahmen",
     "DEFAULT": "Standard",
     "SOURCE": "Quelle",
+    "RESOURCESNOTFOUND": "Ressourcen nicht gefunden",
     "PAGE": {
         "DASHBOARD": {
             "DASHBOARD": "Instrumententafel",
@@ -231,7 +232,13 @@
             "BACKTOVIMACCOUNTS": "Zurück zu VimAccounts",
             "LOCATIONERROR": "Das Datencenter ist bereits am ausgewählten Speicherort verfügbar",
             "LOADSAMPLECONFIG": "Beispielkonfiguration laden",
-            "CLEARCONFIG": "Konfiguration löschen"
+            "CLEARCONFIG": "Konfiguration löschen",
+            "USED": "Benutzt",
+            "ALLOCATED": "Zugewiesen",
+            "FREE": "Kostenlos",
+            "VIMRESOURCES": "Übersicht über die VIM-Ressourcen",
+            "DOUGHNUT": "Krapfen",
+            "PIE": "Kuchen"
         },
         "WIMACCOUNTS": {
             "CREATEDSUCCESSFULLY": "WIM erfolgreich erstellt",
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index c412e15..c1e4cd7 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -165,6 +165,7 @@
     "SCALE": "Scale",
     "DEFAULT": "Default",
     "SOURCE": "Source",
+    "RESOURCESNOTFOUND": "Resources not found",
     "PAGE": {
         "DASHBOARD": {
             "DASHBOARD": "Dashboard",
@@ -231,7 +232,13 @@
             "BACKTOVIMACCOUNTS": "Back to VimAccounts",
             "LOCATIONERROR": "The Datacenter is already available in the selected location",
             "LOADSAMPLECONFIG": "Load Sample Config",
-            "CLEARCONFIG": "Clear Config"
+            "CLEARCONFIG": "Clear Config",
+            "USED": "Used",
+            "ALLOCATED": "Allocated",
+            "FREE": "Free",
+            "VIMRESOURCES": "VIM Resources Overview",
+            "DOUGHNUT": "Doughnut",
+            "PIE": "Pie"
         },
         "WIMACCOUNTS": {
             "CREATEDSUCCESSFULLY": "WIM Created Successfully",
diff --git a/src/assets/i18n/es.json b/src/assets/i18n/es.json
index 55c9490..5a3920d 100644
--- a/src/assets/i18n/es.json
+++ b/src/assets/i18n/es.json
@@ -40,7 +40,7 @@
     "PACKAGES": "Paquetes",
     "MODIFIED": "Modificado",
     "NODATAMSG": "No hay datos disponibles en la tabla",
-    "PRODUCTNAME":"Nombre del producto",
+    "PRODUCTNAME": "Nombre del producto",
     "IDENTIFIER": "Identificador",
     "DESCRIPTION": "Descripción",
     "DESIGNER": "Diseñador",
@@ -165,6 +165,7 @@
     "SCALE": "Escala",
     "DEFAULT": "por defecto",
     "SOURCE": "Fuente",
+    "RESOURCESNOTFOUND": "Recursos no encontrados",
     "PAGE": {
         "DASHBOARD": {
             "DASHBOARD": "Tablero",
@@ -231,7 +232,13 @@
             "BACKTOVIMACCOUNTS": "Volver a cuentas VIM",
             "LOCATIONERROR": "El centro de datos ya está disponible en la ubicación seleccionada",
             "LOADSAMPLECONFIG": "Cargar configuración de muestra",
-            "CLEARCONFIG": "Borrar configuración"
+            "CLEARCONFIG": "Borrar configuración",
+            "USED": "Usado",
+            "ALLOCATED": "Asignado",
+            "FREE": "Libre",
+            "VIMRESOURCES": "Descripción general de los recursos de VIM",
+            "DOUGHNUT": "Rosquilla",
+            "PIE": "Pastel"
         },
         "WIMACCOUNTS": {
             "CREATEDSUCCESSFULLY": "WIM Creado correctamente",
@@ -469,7 +476,8 @@
             "LEADER": "Líder",
             "LIVELOAD": "Cargando en vivo",
             "SETSECONDS": "Configurar temporizador",
-            "SERIES": "serie"
+            "SERIES": "serie",
+            "UPDATEDSUCCESSFULLY": "Repositorio OSM actualizado correctamente"
         }
     },
     "HTTPERROR": {
diff --git a/src/assets/i18n/pt.json b/src/assets/i18n/pt.json
index b0f7985..65c9855 100644
--- a/src/assets/i18n/pt.json
+++ b/src/assets/i18n/pt.json
@@ -40,7 +40,7 @@
     "MODIFIED": "Modificada",
     "PACKAGES": "Pacotes",
     "NODATAMSG": "Sem dados disponíveis na tabela",
-    "PRODUCTNAME":"Nome do Produto",
+    "PRODUCTNAME": "Nome do Produto",
     "IDENTIFIER": "Identificador",
     "DESCRIPTION": "Descrição",
     "DESIGNER": "Designer",
@@ -165,6 +165,7 @@
     "SCALE": "Escala",
     "DEFAULT": "Padrão",
     "SOURCE": "Fonte",
+    "RESOURCESNOTFOUND": "Recursos não encontrados",
     "PAGE": {
         "DASHBOARD": {
             "DASHBOARD": "painel de controle",
@@ -231,7 +232,13 @@
             "BACKTOVIMACCOUNTS": "Voltar para VimAccounts",
             "LOCATIONERROR": "O Datacenter já está disponível no local selecionado",
             "LOADSAMPLECONFIG": "Carregar configuração de amostra",
-            "CLEARCONFIG": "Limpar configuração"
+            "CLEARCONFIG": "Limpar configuração",
+            "USED": "Usava",
+            "ALLOCATED": "Alocada",
+            "FREE": "Livre",
+            "VIMRESOURCES": "Visão geral dos recursos do VIM",
+            "DOUGHNUT": "rosquinha",
+            "PIE": "torta"
         },
         "WIMACCOUNTS": {
             "CREATEDSUCCESSFULLY": "WIM criado com sucesso",
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 8dd8399..1f7ce6c 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -37,7 +37,8 @@
 .layout-wrapper,
 .CodeMirror-vscrollbar,
 .ng-sidebar,
-.runninginstances .popover-body {
+.runninginstances .popover-body,
+.resources-chart-popover .popover-body {
   &::-webkit-scrollbar {
     @include wh-value(10px, null);
   }
@@ -263,6 +264,14 @@
       overflow-y: scroll;
     }
   }
+  .resources-chart-popover{
+    max-width: 60% !important;
+    @include font-family("Roboto");
+    .popover-body{
+      max-height: 60vh;
+      overflow-y: scroll;
+    }
+  }
   /****************************************************************************/
   /************************** Smart table custom design ***********************/
   /****************************************************************************/