Removed old example extensions
This commit is contained in:
Joel Collins
parent
ffafd93838
commit
5f7d7be59f
16 changed files with 0 additions and 12240 deletions
|
|
@ -1,60 +0,0 @@
|
||||||
from labthings.server.extensions import BaseExtension
|
|
||||||
from labthings.server.view import View
|
|
||||||
from labthings.server.decorators import ThingProperty, PropertySchema, use_args
|
|
||||||
from labthings.server import fields
|
|
||||||
from labthings.server.find import find_component
|
|
||||||
from labthings.core.utilities import path_relative_to
|
|
||||||
|
|
||||||
from openflexure_microscope.paths import settings_file_path, check_rw
|
|
||||||
from openflexure_microscope.config import OpenflexureSettingsFile
|
|
||||||
|
|
||||||
from openflexure_microscope.api.utilities.gui import build_gui
|
|
||||||
|
|
||||||
from flask import abort, url_for
|
|
||||||
import logging
|
|
||||||
import os
|
|
||||||
import psutil
|
|
||||||
|
|
||||||
from sys import platform
|
|
||||||
|
|
||||||
|
|
||||||
class CustomElementExtension(BaseExtension):
|
|
||||||
def __init__(self):
|
|
||||||
BaseExtension.__init__(
|
|
||||||
self,
|
|
||||||
"org.openflexure.customelement",
|
|
||||||
description="Testing HTML components in an extension",
|
|
||||||
static_folder=path_relative_to(__file__, "static", "dist"),
|
|
||||||
)
|
|
||||||
|
|
||||||
# Register the on_microscope function to run when the microscope is attached
|
|
||||||
self.on_component("org.openflexure.microscope", self.on_microscope)
|
|
||||||
|
|
||||||
def on_microscope(self, microscope_obj):
|
|
||||||
"""Function to automatically call when the parent LabThing has a microscope attached."""
|
|
||||||
logging.debug(f"CustomElementExtension found microscope {microscope_obj}")
|
|
||||||
|
|
||||||
|
|
||||||
customelement_extension_v2 = CustomElementExtension()
|
|
||||||
|
|
||||||
|
|
||||||
def wc_func():
|
|
||||||
return {
|
|
||||||
"href": customelement_extension_v2.static_file_url("vue-web-component.min.js"),
|
|
||||||
"name": "vue-web-component",
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
def gui_func():
|
|
||||||
return {
|
|
||||||
"icon": "grid_on",
|
|
||||||
"title": "Med Scan",
|
|
||||||
"viewPanel": "stream",
|
|
||||||
"wc": wc_func(),
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
customelement_extension_v2.add_meta("wc", wc_func)
|
|
||||||
customelement_extension_v2.add_meta(
|
|
||||||
"gui", build_gui(gui_func, customelement_extension_v2)
|
|
||||||
)
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
> 1%
|
|
||||||
last 2 versions
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
dist/* filter=lfs diff=lfs merge=lfs -text
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
.DS_Store
|
|
||||||
node_modules
|
|
||||||
|
|
||||||
# local env files
|
|
||||||
.env.local
|
|
||||||
.env.*.local
|
|
||||||
|
|
||||||
# Log files
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.idea
|
|
||||||
.vscode
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
*.sw?
|
|
||||||
|
|
||||||
# Override and include dist
|
|
||||||
!/dist
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
# Example Web Component using Vue framework
|
|
||||||
|
|
||||||
## Structure
|
|
||||||
|
|
||||||
### Web component
|
|
||||||
|
|
||||||
* `/src/components/VueWebComponent.vue`
|
|
||||||
|
|
||||||
### Debug app
|
|
||||||
|
|
||||||
* For debugging purposes, the component can be mounted into a demo app
|
|
||||||
|
|
||||||
* `/src/App.vue` and `/src/main.js` provide demo app functionality, and do not affect the final built web component
|
|
||||||
|
|
||||||
|
|
||||||
## Building
|
|
||||||
|
|
||||||
* Run `npm run build`
|
|
||||||
|
|
||||||
## Debugging
|
|
||||||
|
|
||||||
* Run `npm run serve` to serve the demo app. This can be used to debug the component. Note, the base URL will be set to it's default value of a localhost microscope server
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
presets: [
|
|
||||||
'@vue/cli-plugin-babel/preset'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
|
||||||
oid sha256:e07e1d811b5182b4e96ab2a29d82db90c8de77d340844cf0acd284388154a671
|
|
||||||
size 197
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
|
||||||
oid sha256:f03a6823dea074cef32557902c64407cf67899aaa7f6c0d19ff7746bd149fbe0
|
|
||||||
size 288124
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
|
||||||
oid sha256:155a1dc5d6cbdc787012f83bf82c84b97944ab6b2141f9c566faa375571a3f4a
|
|
||||||
size 92117
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,20 +0,0 @@
|
||||||
{
|
|
||||||
"name": "vue-web-component",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
|
||||||
"scripts": {
|
|
||||||
"serve": "vue-cli-service serve",
|
|
||||||
"build": "cross-var vue-cli-service build --target wc --inline-vue --name $npm_package_name ./src/components/VueWebComponent.vue"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"axios": "^0.19.2",
|
|
||||||
"core-js": "^3.4.4",
|
|
||||||
"vue": "^2.6.10"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@vue/cli-plugin-babel": "^4.1.0",
|
|
||||||
"@vue/cli-service": "^4.1.0",
|
|
||||||
"cross-var": "^1.1.0",
|
|
||||||
"vue-template-compiler": "^2.6.10"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
<template>
|
|
||||||
<div id="app">
|
|
||||||
<VueWebComponent/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import VueWebComponent from './components/VueWebComponent.vue'
|
|
||||||
export default {
|
|
||||||
name: 'app',
|
|
||||||
components: {
|
|
||||||
VueWebComponent
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,72 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="my-component-class">
|
|
||||||
<h1>My Vue Web Component</h1>
|
|
||||||
<div>Base URL: {{ componentBaseURL }}</div>
|
|
||||||
<p>Host microscope name: {{ hostDeviceName }}</p>
|
|
||||||
<p>{{ message }}</p>
|
|
||||||
<br />
|
|
||||||
<p>This cheeky little counter has all of its logic contained in a server-side component:</p>
|
|
||||||
<button type="button" v-on:click="decrement()">-</button>
|
|
||||||
<span>{{ value }}</span>
|
|
||||||
<button type="button" v-on:click="increment()">+</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import axios from 'axios';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
|
|
||||||
props: {
|
|
||||||
'componentBaseURL': {
|
|
||||||
required: false,
|
|
||||||
default: "http://localhost:5000/api/v2",
|
|
||||||
type: String
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data: function() {
|
|
||||||
return {
|
|
||||||
value: 0,
|
|
||||||
message: "",
|
|
||||||
hostDeviceName: null
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
mounted: function() {
|
|
||||||
console.log(this.componentBaseURL)
|
|
||||||
if (this.componentBaseURL){
|
|
||||||
axios
|
|
||||||
.get(`${this.componentBaseURL}`)
|
|
||||||
.then(response => {
|
|
||||||
console.log(response.data)
|
|
||||||
this.hostDeviceName = response.data.title
|
|
||||||
})
|
|
||||||
.catch(function(error) {
|
|
||||||
console.log("Error reading test json, probabl because of cors or something")
|
|
||||||
})
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
this.message = "No componentBaseURL given"
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
decrement: function() {
|
|
||||||
this.value = this.value -1
|
|
||||||
},
|
|
||||||
|
|
||||||
increment: function() {
|
|
||||||
this.value = this.value +1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.my-component-class {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
import Vue from 'vue';
|
|
||||||
import App from './App.vue';
|
|
||||||
|
|
||||||
new Vue({
|
|
||||||
render: h => h(App)
|
|
||||||
}).$mount('#app')
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
process.env.VUE_APP_NAME = require('./package.json').name
|
|
||||||
module.exports = {
|
|
||||||
productionSourceMap: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,117 +0,0 @@
|
||||||
from labthings.server.view import View
|
|
||||||
from labthings.server.extensions import BaseExtension
|
|
||||||
from labthings.server.decorators import ThingAction, ThingProperty
|
|
||||||
|
|
||||||
from openflexure_microscope.api.utilities.gui import build_gui
|
|
||||||
|
|
||||||
import logging
|
|
||||||
|
|
||||||
# Some value that will change over time
|
|
||||||
# Here, we add 1 to it every time a GET request is made
|
|
||||||
val_int = 0
|
|
||||||
|
|
||||||
|
|
||||||
def dynamic_form():
|
|
||||||
global val_int
|
|
||||||
return {
|
|
||||||
"id": "test-plugin",
|
|
||||||
"icon": "pets",
|
|
||||||
"forms": [
|
|
||||||
{
|
|
||||||
"name": "Simple request",
|
|
||||||
"isCollapsible": False,
|
|
||||||
"isTask": False,
|
|
||||||
"selfUpdate": True,
|
|
||||||
"route": "/do",
|
|
||||||
"submitLabel": "Do things",
|
|
||||||
"schema": [
|
|
||||||
{
|
|
||||||
"fieldType": "numberInput",
|
|
||||||
"name": "val_int",
|
|
||||||
"label": "Number value",
|
|
||||||
"minValue": 0,
|
|
||||||
"value": val_int,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"fieldType": "htmlBlock",
|
|
||||||
"name": "html_block",
|
|
||||||
"content": f"<i>Value is: </i><br>{val_int}.", # We dynamically use the val_int variable
|
|
||||||
},
|
|
||||||
],
|
|
||||||
}
|
|
||||||
],
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
# Alternate form without any dynamic parts
|
|
||||||
static_form = {
|
|
||||||
"id": "test-plugin",
|
|
||||||
"icon": "pets",
|
|
||||||
"forms": [
|
|
||||||
{
|
|
||||||
"name": "Simple request",
|
|
||||||
"isCollapsible": False,
|
|
||||||
"isTask": False,
|
|
||||||
"selfUpdate": True,
|
|
||||||
"route": "/do",
|
|
||||||
"submitLabel": "Do things",
|
|
||||||
"schema": [
|
|
||||||
{
|
|
||||||
"fieldType": "numberInput",
|
|
||||||
"name": "val_int",
|
|
||||||
"label": "Number value",
|
|
||||||
"minValue": 0,
|
|
||||||
"default": 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"fieldType": "htmlBlock",
|
|
||||||
"name": "html_block",
|
|
||||||
"content": f"<i>Value is fixed</i>.",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
}
|
|
||||||
],
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ThingProperty
|
|
||||||
class TestAPIView(View):
|
|
||||||
def get(self):
|
|
||||||
global val_int
|
|
||||||
val_int += 1
|
|
||||||
return {"val": True}
|
|
||||||
|
|
||||||
|
|
||||||
@ThingAction
|
|
||||||
class TestDoAPIView(View):
|
|
||||||
def post(self):
|
|
||||||
global val_int
|
|
||||||
val_int += 1
|
|
||||||
return {"val": True}
|
|
||||||
|
|
||||||
|
|
||||||
# Using the dynamic form
|
|
||||||
dynamic_test_extension_v2 = BaseExtension("org.openflexure.examples.dynamic-gui")
|
|
||||||
dynamic_test_extension_v2.add_view(
|
|
||||||
TestAPIView, "/get", endpoint="dynamic_test_extension_get"
|
|
||||||
)
|
|
||||||
dynamic_test_extension_v2.add_view(
|
|
||||||
TestDoAPIView, "/do", endpoint="dynamic_test_extension_do"
|
|
||||||
)
|
|
||||||
|
|
||||||
dynamic_test_extension_v2.add_meta(
|
|
||||||
"gui", build_gui(dynamic_form, dynamic_test_extension_v2)
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
# Using the static form
|
|
||||||
static_test_extension_v2 = BaseExtension("org.openflexure.examples.static-gui")
|
|
||||||
static_test_extension_v2.add_view(
|
|
||||||
TestAPIView, "/get", endpoint="static_test_extension_get"
|
|
||||||
)
|
|
||||||
static_test_extension_v2.add_view(
|
|
||||||
TestDoAPIView, "/do", endpoint="static_test_extension_do"
|
|
||||||
)
|
|
||||||
static_test_extension_v2.add_meta(
|
|
||||||
"gui", build_gui(static_form, static_test_extension_v2)
|
|
||||||
)
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue