ADD: FQDNRecordTable: Show bcd list and allow record creation (closes #174)

frontend/src/components/FQDNRecordTable.vue

@@ -51,6 +51,21 @@
             <span v-else title="Geerbt von Zone" class="text-muted">{{ data.item.ttl_zone_default }}s</span>
             <span v-if="data.item.ttl_reset_days" class="text-danger"><br/>Reset in {{ data.item.ttl_reset_days }} Tagen</span>
           </template>
+          <template v-slot:cell(bcds)="data">
+            <ul>
+              <li v-for="b in data.item.target_bcd_list" :key="b"><b-link :to="'/dnsvs/bcds/' + b">{{b}}</b-link></li>
+            </ul>
+          </template>
+          <template v-slot:head(actions)>
+            <b-button block variant="outline-success"
+                      :id="'button-create-record'" @click="createItem(record_type)">
+              <font-awesome-icon :icon="['fas', 'plus']"/>
+            </b-button>
+            <b-tooltip :target="'button-create-record'" triggers="hover"
+                       variant="success" placement="left">
+              Neuen Record anlegen
+            </b-tooltip>
+          </template>
         </b-table>
 
       </div>
@@ -128,6 +143,11 @@ export default {
           key: 'ttl',
           sortable: true
         },
+        {
+          label: 'BCDs',
+          key: 'bcds',
+          sortable: false
+        },
         {
           label: 'Aktionen',
           key: 'actions',