warranty machine column with map hover; opaque settings dialogs

plugins/warranty/frontend/views/WarrantyReport.vue

@@ -33,6 +33,7 @@
                 <th>Service Level</th>
                 <th>Ends</th>
                 <th>Covers</th>
+                <th>Machine #</th>
               </tr>
             </thead>
             <tbody>
@@ -44,6 +45,12 @@
                   <router-link v-for="a in w.assets" :key="a.assetid" :to="assetLink(a)" class="asset-chip">{{ a.assetnumber }}</router-link>
                   <span v-if="!w.assets.length" class="muted">-</span>
                 </td>
+                <td>
+                  <template v-for="a in w.assets" :key="`m-${a.assetid}`">
+                    <MachineMapChip v-if="a.machine" :machine="a.machine" />
+                  </template>
+                  <span v-if="!w.assets.some(a => a.machine)" class="muted">-</span>
+                </td>
               </tr>
             </tbody>
           </table>
@@ -58,6 +65,7 @@
 import { ref, computed, onMounted } from 'vue'
 import { warrantyApi } from '@/api'
 import EmailReportButton from '@/components/EmailReportButton.vue'
+import MachineMapChip from '../components/MachineMapChip.vue'
 
 const loading = ref(true)
 const counts = ref({})