diff --git a/src/components/TheOpswatDescriptor.vue b/src/components/TheOpswatDescriptor.vue
new file mode 100644
index 0000000..e361338
--- /dev/null
+++ b/src/components/TheOpswatDescriptor.vue
@@ -0,0 +1,66 @@
+<template>
+  <v-flex v-if="items !== undefined" shrink>
+    <v-card>
+      <v-card-title>
+        <v-layout wrap>
+          <v-flex xs12 text-xs-left class="font-weight-bold">{{ title }}</v-flex>
+          <v-flex>
+            <v-divider></v-divider>
+          </v-flex>
+        </v-layout>
+      </v-card-title>
+      <v-card-text>
+        <v-card>
+          <v-card-text>
+            <v-layout wrap>
+              <v-flex v-for="(value, key) in procItems[index - 1]" :key="key" xs12>
+                <v-layout>
+                  <v-flex class="font-weight-bold" text-xs-left xs2>{{ key }}</v-flex>
+                  <v-flex shrink>{{ value.threat_found }}</v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-card-text>
+        </v-card>
+      </v-card-text>
+      <v-card-actions v-if="doPaginate">
+        <v-flex>
+          <v-pagination v-model="index" :length="procItems.length"></v-pagination>
+        </v-flex>
+      </v-card-actions>
+    </v-card>
+  </v-flex>
+</template>
+
+<script>
+export default {
+  name: "the-opswat-descriptor",
+  props: {
+    items: { type: [Array, Object] },
+    title: { type: String },
+    skip: {
+      type: Array,
+      default: function() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return { index: 1 };
+  },
+  computed: {
+    doPaginate: function() {
+      if (Array.isArray(this.items) && this.items.length > 1) {
+        return true;
+      }
+      return false;
+    },
+    procItems: function() {
+      if (Array.isArray(this.items)) {
+        return this.items;
+      }
+      return [this.items];
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/src/components/templates/hashdd/index.vue b/src/components/templates/hashdd/index.vue
new file mode 100644
index 0000000..6028c57
--- /dev/null
+++ b/src/components/templates/hashdd/index.vue
@@ -0,0 +1,122 @@
+<template>
+  <v-layout row pt-2 wrap class="subheading">
+    <v-flex>
+      <v-flex lg6>
+        <v-card>
+          <v-card-title primary-title>
+            <span class="subheading">Hashdd Plugin</span>
+          </v-card-title>
+          <v-divider></v-divider>
+          <v-card-text>
+            <v-layout row>
+              <v-flex lg-6 class="text-xs-left">
+                <v-layout column>
+                  <v-flex><v-label>Message:</v-label></v-flex>
+                  <v-flex><v-label>Hash:</v-label></v-flex>
+                  <v-flex ><v-label>Knownlevel:</v-label></v-flex>
+                </v-layout>
+              </v-flex>
+              <v-flex lg-6 class="text-xs-right">
+                <v-layout column>
+                  <v-flex>{{ resource.results.search_results[0].result }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].hash }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].knownlevel }}</v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-card-text>
+        </v-card>
+      </v-flex>    
+      <v-flex lg7 >
+        <v-card v-if="resource.results.search_results[0].details != null">
+          <v-card-title primary-title>
+            <span class="subheading">Hashdd Details</span>
+          </v-card-title>
+          <v-divider></v-divider>
+          <v-card-text>
+            <v-layout row>
+              <v-flex lg-6 class="text-xs-left">
+                <v-layout column>
+                  <v-flex><v-label>Data source:</v-label></v-flex>
+                  <v-flex><v-label>nsrl version:</v-label></v-flex>
+                  <v-flex ><v-label>MD5:</v-label></v-flex>
+                  <v-flex ><v-label>SHA1:</v-label></v-flex>
+                  <v-flex ><v-label>CRC32:</v-label></v-flex>
+                  <v-flex ><v-label>File name:</v-label></v-flex>
+                  <v-flex ><v-label>Size:</v-label></v-flex>
+                  <v-flex ><v-label>Product Code :</v-label></v-flex>
+                  <v-flex ><v-label>OP system code:</v-label></v-flex>
+                  <v-flex ><v-label>Product name:</v-label></v-flex>
+                  <v-flex ><v-label>Product version:</v-label></v-flex>
+                  <v-flex ><v-label>Product manufacturer:</v-label></v-flex>
+                </v-layout>
+              </v-flex>
+              <v-flex lg-6 class="text-xs-right">
+                <v-layout column>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_data_source }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.nsrl_version }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_md5 }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_sha1 }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_crc32 }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_file_name }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_size }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_product_code }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_opsystem_code }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_product_name }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_product_version }}</v-flex>
+                  <v-flex>{{ resource.results.search_results[0].details.hashdd_product_manufacturer }}</v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-card-text>
+        </v-card>
+    </v-flex>
+  </v-flex>
+
+  </v-layout>
+</template>
+
+<script>
+import { make_unique_list, from_python_time } from "../../../utils/utils";
+import { mapActions } from "vuex";
+
+export default {
+  name: "hashdd",
+  props: {
+    plugin_data: Object
+  },
+  data: function() {
+    return {};
+  },
+  methods: {
+    ...mapActions("results", { pushResult: "push" })
+  },
+  computed: {
+    //...mapState("results", { scan: "ready" }),
+    resource: function() {
+      let plugin_result = { ...this.plugin_data };
+      //plugin_result.ptr = make_unique_list(plugin_result.ptr);
+
+      return plugin_result;
+    }
+  },
+  watch: {
+     scan: function(n, o) {
+       this.pushResult({
+         // This this.$options.name serves to have the plugin name.
+         name: this.$options.name,
+         result: this.plugin_data.results.result   || "" 
+       });
+     }
+   },
+  beforeMount: function() {
+    this.pushResult({
+      // This this.$options.name serves to have the plugin name.
+      name: this.$options.name,
+      result: this.plugin_data.results.result || ""
+      
+    });
+    //console.log(`Error: template for plugin "${this.plugin_data.results}" not found`)
+  }
+};
+</script>
diff --git a/src/components/templates/opswat/index.vue b/src/components/templates/opswat/index.vue
new file mode 100644
index 0000000..8367c1f
--- /dev/null
+++ b/src/components/templates/opswat/index.vue
@@ -0,0 +1,141 @@
+<template>
+  <v-layout row pt-2 wrap class="subheading">
+    <v-flex>
+      <v-flex v-if="resource.result_status[0] != 1">
+          <v-card>
+            <v-card-text>
+              <v-flex title class="blue--text">There is no info of this resource in Opswat Metadefender</v-flex>
+            </v-card-text>
+          </v-card>
+      </v-flex> 
+    </v-flex>
+
+
+      <v-flex  v-if="resource.result_status[0] == 1"> 
+        <v-card v-if="resource.results.scan_results.scan_all_result_a == 'Infected'">
+          <v-card>
+            <v-card-text>
+              <v-flex title class="red--text">Infected</v-flex>
+            </v-card-text>
+          
+            <v-card-title primary-title>
+              <span class="subheading">FileInfo</span>
+            </v-card-title>
+            <v-divider></v-divider>
+            <v-card-text>
+              <v-layout row>
+                <v-flex lg-6 class="text-xs-left">
+                  <v-layout column>
+                    <v-flex><v-label>Filesize:</v-label></v-flex>
+                    <v-flex><v-label>MD5:</v-label></v-flex>
+                    <v-flex><v-label>sha1:</v-label></v-flex>
+                    <v-flex><v-label>SHA1:</v-label></v-flex>
+                    <v-flex><v-label>SHA256:</v-label></v-flex>
+                    <v-flex><v-label>Description:</v-label></v-flex>
+                    <v-flex><v-label>Extension:</v-label></v-flex>
+                    <v-flex><v-label>Display name:</v-label></v-flex>
+                  </v-layout>
+                </v-flex>
+                <v-flex lg-6 class="text-xs-right">
+                  <v-layout column>
+                    <v-flex>{{resource.results.file_info.file_size}}</v-flex>
+                     <v-flex>{{resource.results.file_info.md5}}</v-flex>
+                     <v-flex>{{resource.results.file_info.sha1}}</v-flex>
+                     <v-flex>{{resource.results.file_info.sha256}}</v-flex>
+                     <v-flex>{{resource.results.file_info.file_type_description}}</v-flex>
+                     <v-flex>{{resource.results.file_info.file_type_extension}}</v-flex>
+                     <v-flex>{{resource.results.file_info.display_name}}</v-flex>
+                    <!-- <v-flex>asdgasdgas</v-flex> -->
+                  </v-layout>
+                </v-flex>
+              </v-layout>
+            </v-card-text>
+          </v-card>
+            <v-layout wrap>
+               <the-opswat-descriptor :items="resource.results.scan_results.scan_details" title="Results"></the-opswat-descriptor>
+            </v-layout>
+        </v-card> 
+      
+
+        <v-card v-if="resource.results.scan_results.scan_all_result_a != 'Infected'">
+            <v-card-text>
+              <v-flex title class="green--text">No Threat Detected</v-flex>
+            </v-card-text>
+            <v-card-title primary-title>
+              <span class="subheading">FileInfo</span>
+            </v-card-title>
+            <v-divider></v-divider>
+            <v-card-text>
+              <v-layout row>
+                <v-flex lg-6 class="text-xs-left">
+                  <v-layout column>
+                    <v-flex><v-label>Filesize:</v-label></v-flex>
+                    <v-flex><v-label>MD5:</v-label></v-flex>
+                    
+                  </v-layout>
+                </v-flex>
+                <v-flex lg-6 class="text-xs-right">
+                  <v-layout column>
+                    <v-flex>{{resource.results.file_info.file_size}}</v-flex>
+                     <v-flex>{{resource.results.file_info.md5}}</v-flex>
+                    <!-- <v-flex>asdgasdgas</v-flex> -->
+                  </v-layout>
+                </v-flex>
+              </v-layout>
+            </v-card-text>
+        </v-card>
+</v-flex>
+
+  </v-layout>
+</template>
+
+<script>
+import { make_unique_list, from_python_time } from "../../../utils/utils";
+import { mapActions } from "vuex";
+import TheOpswatDescriptor from "../../TheOpswatDescriptor";
+
+export default {
+  name: "opswat",
+  props: {
+    plugin_data: Object
+  },
+  components: {
+    TheOpswatDescriptor
+  },
+  data: function() {
+    
+    return {};
+  },
+  methods: {
+    ...mapActions("results", { pushResult: "push" })
+  },
+  computed: {
+     //...mapState("results", { scan: "ready" }),
+    resource: function() {
+      let plugin_result = { ...this.plugin_data };
+      //plugin_result.ptr = make_unique_list(plugin_result.ptr);
+
+      return plugin_result;
+    }
+    
+   },
+  watch: {
+     scan: function(n, o) {
+       this.pushResult({
+         // This this.$options.name serves to have the plugin name.
+         name: this.$options.name,
+         result: this.plugin_data.results   || "" 
+       });
+     }
+   },
+  beforeMount: function() {
+    this.pushResult({
+      // This this.$options.name serves to have the plugin name.
+      name: this.$options.name,
+      result: this.plugin_data.results || ""
+      
+    });
+    //console.log(`Error: template for plugin "${this.plugin_data.results}" not found`)
+  }
+};
+</script>