Added tooltip to the ROAs Max Length column and removed resources headers

Author: enricoberti

src/locales/en.json

@@ -63,6 +63,7 @@
     "children": "Children",
     "handle": "Handle",
     "maxLength": "Max Length",
+    "maxLengthTooltip": "If max length is not specified (-), it defaults to the prefix length.",
     "confirmation": {
       "title": "Warning",
       "message": "This will remove the ROA. Continue?",

src/locales/pt.json

@@ -63,6 +63,7 @@
     "children": "Filhos",
     "handle": "Identificador",
     "maxLength": "Comprimento máximo",
+    "maxLengthTooltip": "If max length is not specified (-), it defaults to the prefix length.",
     "confirmation": {
       "title": "Aviso",
       "message": "Esta operação irá remover a ROA. Continuar?",

src/views/CADetails.vue

@@ -55,10 +55,20 @@
                   >
                     <el-table-column prop="asn" label="ASN"></el-table-column>
                     <el-table-column prop="prefix" label="Prefix"></el-table-column>
-                    <el-table-column
-                      prop="max_length"
-                      :label="$t('caDetails.maxLength')"
-                    ></el-table-column>
+                    <el-table-column prop="max_length">
+                      <template slot="header">
+                        <el-tooltip
+                          effect="dark"
+                          :content="$t('caDetails.maxLengthTooltip')"
+                          placement="top"
+                        >
+                          <span>{{ $t("caDetails.maxLength") }}</span>
+                        </el-tooltip>
+                      </template>
+                      <template slot-scope="scope">
+                        {{ scope.row.max_length ? scope.row.max_length : "-" }}
+                      </template>
+                    </el-table-column>
                     <el-table-column label width="80">
                       <template slot-scope="scope">
                         <el-button
@@ -106,6 +116,7 @@
                       size="small"
                       v-if="resourcesArray.length"
                       :data="resourcesArray"
+                      :show-header="false"
                       style="width: 100%"
                     >
                       <el-table-column