Fixed debug app for example custom element (0c695a37) · Commits · OpenFlexure / openflexure-microscope-server

openflexure_microscope/api/example_extensions/custom_element/init.py

+8 −3

Original line number	Diff line number	Diff line
		@@ -42,13 +42,18 @@ customelement_extension_v2 = CustomElementExtension()

		def wc_func():
		return {
		"href": customelement_extension_v2.static_file_url("my-custom-element.min.js"),
		"name": "my-custom-element",
		"href": customelement_extension_v2.static_file_url("vue-web-component.min.js"),
		"name": "vue-web-component",
		}


		def gui_func():
		return {"icon": "pets", "title": "Element", "viewPanel": "stream", "wc": wc_func()}
		return {
		"icon": "grid_on",
		"title": "Med Scan",
		"viewPanel": "stream",
		"wc": wc_func(),
		}


		customelement_extension_v2.add_meta("wc", wc_func)

0 → 100644

+22 −0

Original line number	Diff line number	Diff line
		# 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
		No newline at end of file