Artifact.vue in mihari-5.6.0

- old
+ new

@@ -2,13 +2,11 @@
   <div class="column">
     <div v-if="enrichArtifactTask.isRunning">
       <Loading></Loading>
       <hr />
     </div>
-
     <h2 class="is-size-2 mb-4">Artifact</h2>
-
     <div class="columns">
       <div
         class="column is-half"
         v-if="googleMapSrc !== undefined || urlscanLiveshotSrc !== undefined"
       >
@@ -19,24 +17,21 @@
               countryCode || artifact.geolocation?.countryCode
             }}</span>
           </h4>
           <iframe class="mb-4" :src="googleMapSrc" width="100%" height="240px"></iframe>
         </div>
-
         <div v-if="urlscanLiveshotSrc">
           <h4 class="is-size-4 mb-2">
             Live screenshot
             <span class="has-text-grey">Hover to expand</span>
           </h4>
           <img :src="urlscanLiveshotSrc" class="liveshot" alt="liveshot" />
         </div>
       </div>
-
       <div class="column">
         <div class="block">
           <h4 class="is-size-4 mb-2">Information</h4>
-
           <table class="table is-fullwidth is-completely-borderless">
             <tr>
               <th>ID</th>
               <td>
                 {{ artifact.id }}
@@ -45,22 +40,20 @@
                     <span>Enrich</span>
                     <span class="icon is-small">
                       <font-awesome-icon icon="lightbulb"></font-awesome-icon>
                     </span>
                   </button>
-
                   <button
                     class="button is-info is-light is-small"
                     @click="flipShowMetadata"
                     v-if="artifact.metadata"
                   >
                     <span>Metadata</span>
                     <span class="icon is-small">
                       <font-awesome-icon icon="info-circle"></font-awesome-icon>
                     </span>
                   </button>
-
                   <button class="button is-light is-small" @click="deleteArtifact">
                     <span>Delete</span>
                     <span class="icon is-small">
                       <font-awesome-icon icon="times"></font-awesome-icon>
                     </span>
@@ -84,11 +77,10 @@
               <th>Tags</th>
               <td><Tags :tags="artifact.tags"></Tags></td>
             </tr>
           </table>
         </div>
-
         <div v-if="artifact.metadata && showMetadata">
           <div class="modal is-active">
             <div class="modal-background" @click="flipShowMetadata"></div>
             <div class="modal-card">
               <header class="modal-card-head">
@@ -101,48 +93,39 @@
             </div>
           </div>
         </div>
       </div>
     </div>
-
     <div class="block" v-if="artifact.autonomousSystem">
       <h4 class="is-size-4 mb-2">AS</h4>
       <AS :autonomousSystem="artifact.autonomousSystem"></AS>
     </div>
-
     <div class="block" v-if="artifact.reverseDnsNames">
       <h4 class="is-size-4 mb-2">Reverse DNS</h4>
       <ReverseDnsNames :reverseDnsNames="artifact.reverseDnsNames"></ReverseDnsNames>
     </div>
-
     <div class="block" v-if="artifact.dnsRecords">
       <h4 class="is-size-4 mb-2">DNS records</h4>
       <DnsRecords :dnsRecords="artifact.dnsRecords"></DnsRecords>
     </div>
-
     <div class="block" v-if="artifact.cpes">
       <h4 class="is-size-4 mb-2">CPEs</h4>
       <CPEs :cpes="artifact.cpes"></CPEs>
     </div>
-
     <div class="block" v-if="artifact.ports">
       <h4 class="is-size-4 mb-2">Ports</h4>
       <Ports :ports="artifact.ports"></Ports>
     </div>
-
     <div class="block" v-if="artifact.whoisRecord">
       <h4 class="is-size-4 mb-2">Whois record</h4>
       <WhoisRecord :whoisRecord="artifact.whoisRecord"></WhoisRecord>
     </div>
-
     <div class="block">
       <h4 class="is-size-4 mb-2">Links</h4>
       <Links :data="artifact.data" :type="artifact.dataType"></Links>
     </div>
   </div>
-
   <hr />
-
   <div class="column">
     <h2 class="is-size-2 mb-4">Related alerts</h2>
     <Alerts :artifact="artifact.data"></Alerts>
   </div>
 </template>