Commit f187a3a0 authored by Joel Collins's avatar Joel Collins
Browse files

Removed unused webcomponent support

parent a065bc64

openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue

deleted100644 → 0
+0 −61
Original line number Diff line number Diff line 
<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>

openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue

+0 −13
Original line number Diff line number Diff line
@@ -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,