Hide frequency for QRT/test spots, change tag styling

src/components/ModeLabel.vue

@@ -1,6 +1,7 @@
 <template>
   <b-tag v-if="!type || type === 'NORMAL'" type="is-dark" :class="tagClass">{{ mode.toUpperCase() }}</b-tag>
-  <b-tag v-else type="is-dark" :class="tagClass">{{ type.toUpperCase() }}</b-tag>
+  <b-tag v-else-if="type === 'QRT'" type="is-warning">{{ type.toUpperCase() }}</b-tag>
+  <b-tag v-else-if="type === 'TEST'" type="is-dark" class="test">{{ type.toUpperCase() }}</b-tag>
 </template>
 
 <script>
@@ -41,4 +42,7 @@ export default {
 .tag.mode-fm {
   background-color: #a7385a;
 }
+.tag.test {
+  background-color: #aaa;
+}
 </style>

src/components/SpotCard.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="card">
     <div class="card-content">
-      <div class="freqmode">{{ spot.frequency | formatFrequency }} <ModeLabel :mode="spot.mode" :type="spot.type" /></div>
+      <div class="freqmode"><span v-if="!spot.type || spot.type === 'NORMAL'">{{ spot.frequency | formatFrequency }} </span><ModeLabel :mode="spot.mode" :type="spot.type" /></div>
       <div class="time" v-html="formatTimeDay(spot.timeStamp)" />
       <div class="callsign">
         <template v-if="callsignLink">

src/components/SpotsList.vue

@@ -27,7 +27,7 @@
           </template>
         </b-table-column>
         <b-table-column field="frequency" label="Frequency" sortable :custom-sort="sortFrequency" numeric>
-          {{ props.row.frequency | formatFrequency }}
+          <span v-if="!props.row.type || props.row.type === 'NORMAL'">{{ props.row.frequency | formatFrequency }}</span>
         </b-table-column>
         <b-table-column field="mode" label="Mode" sortable>
           <ModeLabel :mode="props.row.mode" :type="props.row.type" />