FIX: missing popover for edit record (closes #211)

frontend/src/components/FQDNRecordTable.vue

@@ -27,7 +27,7 @@
           </template>
           <template v-slot:cell(actions)="data">
             <b-button-group>
-              <b-dropdown @click="editItem(data.item)" split variant="outline-primary">
+              <b-dropdown :id="'button-edit-record-' +  data.item.fqdn + '_' + record_type + '_' + data.item.data" @click="editItem(data.item)" split variant="outline-primary">
                 <template #button-content>
                   <font-awesome-icon :icon="['far', 'edit']"></font-awesome-icon>
                 </template>
@@ -40,6 +40,10 @@
                 <b-dropdown-item @click="deleteItem(data.item, true)">FQDN und alle referenzierende Records mitlöschen
                 </b-dropdown-item>
               </b-dropdown>
+              <b-tooltip :target="'button-edit-record-' +  data.item.fqdn + '_' + record_type + '_' + data.item.data" triggers="hover"
+                         variant="primary" placement="left">
+                Record bearbeiten
+              </b-tooltip>
             </b-button-group>
           </template>
           <template v-slot:cell(ttl)="data">

frontend/src/views/dnsvs/BCDRecords.vue

@@ -249,7 +249,7 @@
                       </template>
                       <template v-slot:cell(actions)="data">
                         <b-button-group>
-                          <b-dropdown @click="editItem(data.item)" split variant="outline-primary">
+                          <b-dropdown :id="'button-edit-record-' +  data.item.fqdn + '_' + record_type + '_' + data.item.data" @click="editItem(data.item)" split variant="outline-primary">
                             <template #button-content>
                               <font-awesome-icon :icon="['far', 'edit']"></font-awesome-icon>
                             </template>
@@ -265,11 +265,15 @@
                             </b-dropdown-item>
                           </b-dropdown>
                         </b-button-group>
+                        <b-tooltip :target="'button-edit-record-' +  data.item.fqdn + '_' + record_type + '_' + data.item.data" triggers="hover"
+                                   variant="primary" placement="left">
+                          Record bearbeiten
+                        </b-tooltip>
                       </template>
                       <template v-slot:cell(ttl)="data">
                         <template v-if="data.item.ttl != null">{{ data.item.ttl }}s</template>
                         <span v-else title="Geerbt von Zone"
-                              class="text-black-50">{{ data.item.ttl_zone_default }}s</span>
+                              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>