Move status indicator code into a shared component

dashboard/src/views/EmailView.vue

@@ -8,6 +8,7 @@ import { ref, onMounted, useTemplateRef } from 'vue';
 import { Button, TableView, ProgressBar, InputDialog, Dialog, FormGroup, TextInput, InputGroup, Switch, ButtonGroup, SingleSelect } from 'pankow';
 import { prettyDecimalSize } from 'pankow/utils';
 import Section from '../components/Section.vue';
+import StateLED from '../components/StateLED.vue';
 import SettingsItem from '../components/SettingsItem.vue';
 import DomainsModel from '../models/DomainsModel.js';
 import MailModel from '../models/MailModel.js';
@@ -385,8 +386,7 @@ onMounted(async () => {
     <Section>
       <TableView :columns="columns" :model="domains" :busy="busy">
         <template #status="domain">
-          <i class="fa fa-circle" :class="{ 'status-active': domain.status, 'status-error': !domain.status }" v-if="domain.statusCheckDone"></i>
-          <i class="fa fa-circle-notch fa-spin" v-if="!domain.statusCheckDone"></i>
+          <StateLED :busy="!domain.statusCheckDone" :state="domain.status ? 'success' : 'danger'"/>
         </template>
         <template #domain="domain">
           <a :href="`/#/email/${domain.domain}`">{{ domain.domain }}</a>