From f187a3a00d5007f77a9002ec5f9df39534b3ce05 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Sun, 22 Nov 2020 16:33:01 +0000
Subject: [PATCH] Removed unused webcomponent support

---
 .../pluginComponents/WebComponentLoader.vue   | 61 -------------------
 .../tabContentComponents/extensionContent.vue | 13 ----
 2 files changed, 74 deletions(-)
 delete mode 100644 openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue

diff --git a/openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue b/openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue
deleted file mode 100644
index 810a73af..00000000
--- a/openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <div class="uk-padding-small">
-    <div v-if="error" class="uk-padding-small uk-text-danger">
-      <b>{{ error }}</b>
-    </div>
-    <component
-      :is="componentName"
-      v-if="ready"
-      :component-base-u-r-l="ApiRootURL"
-    ></component>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "WebComponentLoader",
-
-  props: {
-    componentURL: {
-      type: String,
-      required: true
-    },
-    componentName: {
-      type: String,
-      required: true
-    }
-  },
-
-  data: function() {
-    return {
-      ready: false,
-      error: null
-    };
-  },
-
-  computed: {
-    ApiRootURL: function() {
-      return `${this.$store.getters.baseUri}/api/v2`;
-    }
-  },
-
-  mounted() {
-    // Method 2
-    this.$loadScript(this.componentURL)
-      .then(() => {
-        const el = customElements.get(this.componentName);
-        if (el) {
-          this.ready = true;
-        } else {
-          this.error = `Error: No component ${this.componentName} found.`;
-        }
-        this.ready = true;
-      })
-      .catch(() => {
-        this.ready = false;
-      });
-  }
-};
-</script>
-
-<style scoped></style>
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue
index 28a72c07..7ec6e5fb 100644
--- a/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue
@@ -3,12 +3,6 @@
   <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
     <div class="control-component">
       <vue-friendly-iframe v-if="frame" :src="frame.href"></vue-friendly-iframe>
-      <div v-else-if="webComponent">
-        <WebComponentLoader
-          :component-u-r-l="webComponent.href"
-          :component-name="webComponent.name"
-        />
-      </div>
       <!-- Handle OpenFlexure Forms -->
       <div
         v-for="form in forms"
@@ -37,7 +31,6 @@
 
 <script>
 import JsonForm from "../pluginComponents/JsonForm";
-import WebComponentLoader from "../pluginComponents/WebComponentLoader";
 import streamDisplay from "./streamContent.vue";
 import galleryContent from "../tabContentComponents/galleryContent.vue";
 import settingsContent from "../tabContentComponents/settingsContent.vue";
@@ -47,7 +40,6 @@ export default {
 
   components: {
     JsonForm,
-    WebComponentLoader,
     streamDisplay,
     galleryContent,
     settingsContent
@@ -59,11 +51,6 @@ export default {
       required: false,
       default: () => []
     },
-    webComponent: {
-      type: Object,
-      required: false,
-      default: null
-    },
     frame: {
       type: Object,
       required: false,