+
+### Development
+
+* Master is the latest working version.
+* New features and bug fixes should be developed on branches (or forks), and merged into master.
+
+### Releases
+
+* Once we've merged a few things in and want to make a release, we tag it on master.
+* Not every commit on master will get a tag, we'll accumulate a few changes before making a release, unless there's a reason to release straight away.
+* Once we're confident that the tagged release is building and stable, we merge it into the stable branch.
+
+## Code of Conduct
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+### Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+ address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+ professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at [INSERT EMAIL ADDRESS]. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/
diff --git a/openflexure_microscope/api/static/LICENSE b/openflexure_microscope/api/static/LICENSE
new file mode 100644
index 00000000..10537ed5
--- /dev/null
+++ b/openflexure_microscope/api/static/LICENSE
@@ -0,0 +1,674 @@
+ GNU GENERAL PUBLIC LICENSE
+ Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc.
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/assets/less/app.less b/openflexure_microscope/api/static/src/assets/less/app.less
new file mode 100644
index 00000000..f762eda0
--- /dev/null
+++ b/openflexure_microscope/api/static/src/assets/less/app.less
@@ -0,0 +1,18 @@
+// Theming specific to the electron app
+
+.menubar-menu-container {
+ box-shadow: 0.5px 1px 4px 0px rgba(0, 0, 0, 0.3) !important;
+}
+
+.menubar-menu-container>* {
+ box-shadow: none !important;
+}
+
+.menubar-menu-container .action-menu-item,
+.menubar-menu-container .action-label {
+ cursor: default
+}
+
+.menubar-menu-container a:hover {
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/openflexure_microscope/api/static/src/assets/less/highlight.less b/openflexure_microscope/api/static/src/assets/less/highlight.less
new file mode 100644
index 00000000..0dc5923d
--- /dev/null
+++ b/openflexure_microscope/api/static/src/assets/less/highlight.less
@@ -0,0 +1,67 @@
+/*
+ * UIkit Theme for Highlight.js
+ */
+
+.hljs {
+ display: block;
+ color: #333;
+}
+
+.hljs-comment,
+.hljs-meta {
+ color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+ color: @global-danger-background;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+ color: #1f34aa;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+ color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+ color: #63a35c;
+}
+
+.hljs-tag {
+ color: #333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+ color: #795da3;
+}
+
+.hljs-addition {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.hljs-deletion {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.hljs-link {
+ text-decoration: underline;
+}
\ No newline at end of file
diff --git a/openflexure_microscope/api/static/src/assets/less/theme.less b/openflexure_microscope/api/static/src/assets/less/theme.less
new file mode 100644
index 00000000..17d014a2
--- /dev/null
+++ b/openflexure_microscope/api/static/src/assets/less/theme.less
@@ -0,0 +1,362 @@
+// UIkit Core
+@import "../../../node_modules/uikit/src/less/uikit.theme.less";
+
+// Highlight.js
+@import "./highlight.less";
+
+// Electron app theming
+@import "./app.less";
+
+// Custom OpenFlexure theming
+
+//
+// Colors
+//
+
+@global-color: #666;
+@global-emphasis-color: #333;
+@global-muted-color: #666;
+
+@global-primary-background: #C32280;
+
+@inverse-primary-muted-color: lighten(@global-primary-background, 15%);
+@inverse-global-color: fade(@global-inverse-color, 80%);
+
+@global-border: #d5d5d5;
+
+// UIkit
+// ========================================================================
+
+@global-font-family: ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+@global-font-size: 14px;
+
+@global-xxlarge-font-size: 38px;
+@global-xlarge-font-size: 30px;
+@global-large-font-size: 24px;
+@global-medium-font-size: 20px;
+@global-small-font-size: 14px;
+
+@global-emphasis-color: #222;
+
+//
+// Base
+//
+
+@base-code-font-family: 'Roboto Mono', monospace;
+@base-code-font-size: 12px;
+
+@base-heading-font-weight: 300;
+
+@base-pre-font-size: 12px;
+@base-pre-padding: 25px;
+@base-pre-background: @global-muted-background;
+@base-pre-border-width: 0;
+@base-pre-border-radius: 0;
+
+.hook-base-body() {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ text-rendering: optimizeLegibility;
+}
+
+//
+// Container
+//
+
+@container-max-width: 1380px;
+@container-small-max-width: 650px;
+
+//
+// Navbar
+//
+
+@inverse-navbar-nav-item-color: @inverse-global-color;
+@inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color;
+
+//
+// Nav
+//
+
+@nav-header-font-size: 12px;
+
+//
+// Subnav
+//
+
+@inverse-subnav-item-color: @inverse-global-color;
+@inverse-subnav-item-hover-color: @inverse-global-emphasis-color;
+
+//
+// Tab
+//
+
+@tab-item-padding-horizontal: 10px;
+@tab-item-padding-vertical: 9px;
+@tab-item-border-width: 2px;
+@tab-item-font-size: 12px;
+
+.hook-tab-item() {
+ line-height: 20px;
+}
+
+//
+// Table
+//
+
+@table-header-cell-font-size: 12px;
+
+//
+// Label
+//
+
+@label-font-size: 12px;
+
+//
+// Text
+//
+
+.hook-text-lead() {
+ font-weight: 300;
+}
+
+.hook-text-large() {
+ font-weight: 300;
+}
+
+//
+// Utility
+//
+
+@inverse-logo-color: @inverse-global-emphasis-color;
+@inverse-logo-hover-color: @inverse-global-emphasis-color;
+
+//
+// Off-canvas
+//
+
+@offcanvas-bar-background: #fff;
+@offcanvas-bar-color-mode: dark;
+
+//
+// Inverse
+//
+
+@inverse-global-color: fade(@global-inverse-color, 80%);
+@inverse-global-muted-color: fade(@global-inverse-color, 60%);
+
+//
+// Paper
+//
+@paper-border-radius: 4px;
+
+
+/* ========================================================================
+ Theme
+ ========================================================================== */
+
+@sidebar-left-width: 240px;
+@sidebar-left-width-xl: 300px;
+
+@sidebar-right-width: 200px;
+@sidebar-right-left: 0px;
+@sidebar-right-left-xl: 60px;
+
+
+
+/* UIkit modifiers
+ ========================================================================== */
+
+/*
+ * Navbar
+ */
+
+// Line Mode
+@navbar-nav-item-line-margin-vertical: 20px;
+@navbar-nav-item-line-margin-horizontal: @navbar-nav-item-padding-horizontal;
+@navbar-nav-item-line-height: 1px;
+@navbar-nav-item-line-background: currentColor;
+@navbar-nav-item-line-transition-duration: 0.3s;
+
+.uk-navbar-dropdown.uk-open {
+ border-radius: @paper-border-radius;
+}
+
+/*
+ * Cards
+ */
+
+.uk-card {
+ border-radius: @paper-border-radius;
+ border: 1px solid rgba(180, 180, 180, 0.25);
+ box-shadow: none;
+ -webkit-box-shabox-shadow: none;
+}
+
+.uk-card-media-top img {
+ border-radius: @paper-border-radius @paper-border-radius 0 0;
+}
+
+.uk-card-default .uk-card-footer {
+ border-top: 1px solid rgba(180, 180, 180, 0.25);
+}
+
+.uk-card-primary .uk-card-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.075);
+}
+
+.uk-card-default {
+ color: @global-color;
+}
+
+.hook-inverse() {
+
+ // Override background colour in dark mode
+ .uk-card-default {
+ background-color: #2a2a2a !important;
+ color: @inverse-global-color;
+ }
+
+ // Lighten on hover to show depth in dark mode
+ .uk-card-default:hover {
+ transition: background-color @animation-fast-duration ease;
+ background-color: #333 !important;
+ }
+}
+
+/*
+ * Modal
+ */
+.uk-modal-dialog {
+ border-radius: @paper-border-radius;
+ box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
+ transition: 0.3s ease !important;
+}
+
+.uk-modal-footer {
+ border-radius: 0 0 @paper-border-radius @paper-border-radius;
+}
+
+.uk-modal-header {
+ border-radius: @paper-border-radius @paper-border-radius 0 0;
+}
+
+/*
+ * Notifications
+ */
+.uk-notification-message {
+ border-radius: @paper-border-radius;
+ box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
+}
+
+.uk-notification-message-danger {
+ border: 1px solid @notification-message-danger-color
+}
+
+.uk-notification-message-warning {
+ border: 1px solid @notification-message-warning-color
+}
+
+.uk-notification-message-success {
+ border: 1px solid @notification-message-success-color
+}
+
+/*
+ * Links
+ */
+.uk-link,
+.uk-button-link {
+ color: @global-muted-color;
+}
+
+.uk-link:hover,
+.uk-button-link:hover,
+a:hover {
+ color: @global-primary-background;
+}
+
+.hook-inverse() {
+
+ .uk-link:hover,
+ .uk-button-link:hover,
+ a:hover {
+ color: @inverse-primary-muted-color;
+ }
+}
+
+/*
+ * Buttons
+ */
+.uk-button {
+ border-radius: 2px;
+ padding: 0 8px;
+}
+
+.uk-button-default {
+ background-color: rgba(180, 180, 180, 0.10);
+ border-color: @global-border;
+}
+
+.uk-button-danger {
+ background-color: transparent;
+ color: #f0506e;
+ border: 1px solid #f0506e;
+}
+
+.hook-inverse() {
+ .uk-button-primary {
+ background-color: rgba(180, 180, 180, 0.15);
+ color: @inverse-primary-muted-color;
+ border-color: @inverse-primary-muted-color;
+ }
+
+ .uk-button-primary:hover {
+ background-color: @inverse-primary-muted-color;
+ color: #fff;
+ }
+}
+
+.uk-icon-button,
+.uk-icon-button:hover {
+ text-decoration: none
+}
+
+/*
+ * Accordion
+ */
+
+.uk-accordion-title {
+ display: block;
+ font-size: @global-font-size;
+ line-height: 1.4;
+ color: #333;
+ font-weight: 500;
+}
+
+.uk-accordion-title::before {
+ content: "";
+ width: 1.4em;
+ height: 1.4em;
+ float: left;
+ margin: 0 2px 0 0;
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
+ mask-position: 100% 50%;
+ background-image: none;
+ background-color: #333;
+}
+
+.uk-open>.uk-accordion-title::before {
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+ mask-position: 100% 50%;
+ background-image: none;
+}
+
+.uk-accordion-content {
+ margin-top: 10px;
+}
+
+.hook-inverse() {
+ .uk-accordion-title::before {
+ background-color: #fff;
+ }
+
+}
\ No newline at end of file
diff --git a/openflexure_microscope/api/static/src/components/appContent.vue b/openflexure_microscope/api/static/src/components/appContent.vue
new file mode 100644
index 00000000..319ddc35
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/appContent.vue
@@ -0,0 +1,317 @@
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/controlComponents/devTools.vue b/openflexure_microscope/api/static/src/components/controlComponents/devTools.vue
new file mode 100644
index 00000000..7bcf540b
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/controlComponents/devTools.vue
@@ -0,0 +1,35 @@
+
+
+
+ visibility
+
+
+
+ photo_library
+
+
+
+ +
+ gamepad
+
+
+ camera_alt
+
+
+ settings
+
+
+
+ +
+ {{ plugin.icon || "extension" }}
+
+
+
+ info
+
+
+
+
+
+ + +
+ +
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/controlComponents/paneCapture.vue b/openflexure_microscope/api/static/src/components/controlComponents/paneCapture.vue
new file mode 100644
index 00000000..41460dcc
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/controlComponents/paneCapture.vue
@@ -0,0 +1,467 @@
+
+
+
+ +
+ +
+ +
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/controlComponents/paneNavigate.vue b/openflexure_microscope/api/static/src/components/controlComponents/paneNavigate.vue
new file mode 100644
index 00000000..f5040ff5
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/controlComponents/paneNavigate.vue
@@ -0,0 +1,355 @@
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/checkList.vue b/openflexure_microscope/api/static/src/components/fieldComponents/checkList.vue
new file mode 100644
index 00000000..b39485d1
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/checkList.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ + +
+ ++ +
+
+
+ + +
++ +
++ +
+ +
+ +
+
+
+
+
+
+
+
+
+ -
+
-
+ Notes
+ +++ ++
+
+
-
+ Annotations
+ ++
+
+
+ -
+ Tags
+ ++
+
+
+ +
-
+
+
-
+ Stack and Scan
+ +++ ++ +++++ ++ ++ ++ +++ ++ ++ +++ +++ ++++ ++ ++ ++ +++ ++ ++ +++ +++ +++ + ++ ++ + ++
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/htmlBlock.vue b/openflexure_microscope/api/static/src/components/fieldComponents/htmlBlock.vue
new file mode 100644
index 00000000..812c526f
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/htmlBlock.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/keyvalList.vue b/openflexure_microscope/api/static/src/components/fieldComponents/keyvalList.vue
new file mode 100644
index 00000000..ed884a4a
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/keyvalList.vue
@@ -0,0 +1,124 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/labelInput.vue b/openflexure_microscope/api/static/src/components/fieldComponents/labelInput.vue
new file mode 100644
index 00000000..5fc4a553
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/labelInput.vue
@@ -0,0 +1,65 @@
+
+
+
+ delete
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/numberInput.vue b/openflexure_microscope/api/static/src/components/fieldComponents/numberInput.vue
new file mode 100644
index 00000000..4570308a
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/numberInput.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/radioList.vue b/openflexure_microscope/api/static/src/components/fieldComponents/radioList.vue
new file mode 100644
index 00000000..361f73ff
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/radioList.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/selectList.vue b/openflexure_microscope/api/static/src/components/fieldComponents/selectList.vue
new file mode 100644
index 00000000..d082b8eb
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/selectList.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/tagList.vue b/openflexure_microscope/api/static/src/components/fieldComponents/tagList.vue
new file mode 100644
index 00000000..28aa065e
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/tagList.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+ {{ tag }}
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/fieldComponents/textInput.vue b/openflexure_microscope/api/static/src/components/fieldComponents/textInput.vue
new file mode 100644
index 00000000..d3f32e9b
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/fieldComponents/textInput.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/genericComponents/progressBar.vue b/openflexure_microscope/api/static/src/components/genericComponents/progressBar.vue
new file mode 100644
index 00000000..783e2816
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/genericComponents/progressBar.vue
@@ -0,0 +1,157 @@
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/genericComponents/tabContent.vue b/openflexure_microscope/api/static/src/components/genericComponents/tabContent.vue
new file mode 100644
index 00000000..c3ef1ce4
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/genericComponents/tabContent.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue b/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue
new file mode 100644
index 00000000..15dfd38f
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue
@@ -0,0 +1,116 @@
+
+
+
+ {{ computedTitle }}
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/genericComponents/taskProgress.vue b/openflexure_microscope/api/static/src/components/genericComponents/taskProgress.vue
new file mode 100644
index 00000000..1f355d0f
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/genericComponents/taskProgress.vue
@@ -0,0 +1,209 @@
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/genericComponents/taskSubmitter.vue b/openflexure_microscope/api/static/src/components/genericComponents/taskSubmitter.vue
new file mode 100644
index 00000000..845bad9e
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/genericComponents/taskSubmitter.vue
@@ -0,0 +1,348 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/loadingContent.vue b/openflexure_microscope/api/static/src/components/loadingContent.vue
new file mode 100644
index 00000000..5bd92b3a
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/loadingContent.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/modalComponents/calibrationModal.vue b/openflexure_microscope/api/static/src/components/modalComponents/calibrationModal.vue
new file mode 100644
index 00000000..5383eca4
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/modalComponents/calibrationModal.vue
@@ -0,0 +1,318 @@
+
+ Loading...
+ error_outline
+
+ {{ $store.state.error }}
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/pluginComponents/JsonForm.vue b/openflexure_microscope/api/static/src/components/pluginComponents/JsonForm.vue
new file mode 100644
index 00000000..70262bd8
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/pluginComponents/JsonForm.vue
@@ -0,0 +1,257 @@
+
+
+
+ Microscope Calibration
+
+
+
+ + Some important microscope calibration data is currently missing. +
++ Your microscope will still function, however some functionality will + be limited, and image quality will likely suffer. +
++ Click Next to begin microscope calibration. +
+
+
+
+ Lens-shading
+
+
+ + Your lens-shading table has already been calibrated. Click Next + to move on. +
+
+
+ + Follow the important steps below before starting lens-shading + calibration! +
+-
+
- Remove any samples from your microscope +
- Ensure your illumination is on and properly fixed in place +
Once you're ready, click auto-calibrate.
+ +
+
+
+ Camera-stage mapping
+
+
+ + Your camera-stage mapping has already been calibrated. Click Next + to move on. +
+
+
+ + No stage connected. Please skip this step, or connect a valid + stage, then reboot your microscope. +
+
+
+ + Follow the important steps below before starting camera-stage + mapping calibration! +
+-
+
- Insert a clearly visible sample to the microscope +
- + Ensure the sample is reasonably well centered on the microscope + camera + +
Once you're ready, click auto-calibrate.
+ +
+
+
+ + Calibration complete +
++ Click Finish to return to your microscope, or Restart to re-run the + calibration routine +
++ + + + +
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue b/openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue
new file mode 100644
index 00000000..810a73af
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/pluginComponents/WebComponentLoader.vue
@@ -0,0 +1,61 @@
+
+
+
+ cached
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/aboutContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/aboutContent.vue
new file mode 100644
index 00000000..5133f558
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/aboutContent.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/captureContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/captureContent.vue
new file mode 100644
index 00000000..a2959bd2
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/captureContent.vue
@@ -0,0 +1,25 @@
+
+
+
+ {{ error }}
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue
new file mode 100644
index 00000000..001d2e79
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/extensionContent.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue
new file mode 100644
index 00000000..c7454cff
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/navigateContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/navigateContent.vue
new file mode 100644
index 00000000..f29d4c5f
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/navigateContent.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/settingsContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/settingsContent.vue
new file mode 100644
index 00000000..d9ad4810
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/settingsContent.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/viewContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/viewContent.vue
new file mode 100644
index 00000000..0eebd4ec
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/tabContentComponents/viewContent.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/connectComponents/hostCard.vue b/openflexure_microscope/api/static/src/components/viewComponents/connectComponents/hostCard.vue
new file mode 100644
index 00000000..ee5ea2d6
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/connectComponents/hostCard.vue
@@ -0,0 +1,168 @@
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/captureCard.vue b/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/captureCard.vue
new file mode 100644
index 00000000..be3ccfdb
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/captureCard.vue
@@ -0,0 +1,329 @@
+
+
+
+
+
+ ![]()
+
+
+ Snapshot unavailable
+
+
+
+
+
+
+
+ delete
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/scanCard.vue b/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/scanCard.vue
new file mode 100644
index 00000000..7432709f
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/scanCard.vue
@@ -0,0 +1,149 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ delete
+
+
+
+
+
+
+
+
+
+ +
+ +
+ {{ fileName }}
+Path: {{ captureState.path }}
+Time: {{ captureState.metadata.image.acquisitionDate }}
+ID: {{ captureState.metadata.image.id }}
+Format: {{ captureState.metadata.image.format }}
+ ++ +
+
+
+ + {{ key }}: {{ value }} +
++ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/zipDownloader.vue b/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/zipDownloader.vue
new file mode 100644
index 00000000..c3eb4fbc
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/galleryComponents/zipDownloader.vue
@@ -0,0 +1,184 @@
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ delete
+
+
+
+
+
+
+
+ +
+ {{ metadata.image.name }}
+Time: {{ metadata.image.acquisitionDate }}
+ID: {{ metadata.image.id }}
+ ++ +
+
+ + {{ key }}: {{ value }} +
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/galleryDisplay.vue b/openflexure_microscope/api/static/src/components/viewComponents/galleryDisplay.vue
new file mode 100644
index 00000000..c33407d8
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/galleryDisplay.vue
@@ -0,0 +1,409 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/miniStreamDisplay.vue b/openflexure_microscope/api/static/src/components/viewComponents/miniStreamDisplay.vue
new file mode 100644
index 00000000..e12f2e6d
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/miniStreamDisplay.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+ arrow_back
+
+
+
+
+
+
+ + SCAN + {{ allScans[galleryFolder].metadata.image.name }} +
+
+
+
+
+
+ ![Stream]()
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/appSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/appSettings.vue
new file mode 100644
index 00000000..b47e42ee
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/appSettings.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraCalibrationSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraCalibrationSettings.vue
new file mode 100644
index 00000000..06863da0
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraCalibrationSettings.vue
@@ -0,0 +1,118 @@
+
+ Appearance
++ +
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraSettings.vue
new file mode 100644
index 00000000..a7616481
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraSettings.vue
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraStageMappingSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraStageMappingSettings.vue
new file mode 100644
index 00000000..26dbf50e
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/cameraStageMappingSettings.vue
@@ -0,0 +1,170 @@
+
+
+
+
+
+ Manual camera settings
+ +Automatic calibration
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/microscopeSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/microscopeSettings.vue
new file mode 100644
index 00000000..4a1c77a4
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/microscopeSettings.vue
@@ -0,0 +1,134 @@
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/streamSettings.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/streamSettings.vue
new file mode 100644
index 00000000..5e5ae94e
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsComponents/streamSettings.vue
@@ -0,0 +1,78 @@
+
+
+
+ +
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue
new file mode 100644
index 00000000..303c5cf2
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue
@@ -0,0 +1,173 @@
+
+
+
+
+
+ Stream settings
+ ++ +
+
+ Microscope display output
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/statusPane.vue b/openflexure_microscope/api/static/src/components/viewComponents/statusPane.vue
new file mode 100644
index 00000000..4b970686
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/statusPane.vue
@@ -0,0 +1,202 @@
+
+
+
+
+ -
+
- Application settings +
-
+
+ Display + +
+ - Microscope settings +
-
+
+ Camera + +
+ -
+
+ Camera/stage mapping + +
+ -
+
+ General + +
+
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/streamDisplay.vue b/openflexure_microscope/api/static/src/components/viewComponents/streamDisplay.vue
new file mode 100644
index 00000000..cc871c7e
--- /dev/null
+++ b/openflexure_microscope/api/static/src/components/viewComponents/streamDisplay.vue
@@ -0,0 +1,330 @@
+
+
+
+ +
+ +
+ +
+
+
+
+
+ API origin:
+
+ {{ $store.state.origin }} +
+ API URL: +
+ {{ $store.getters.uriV2 }} +
+ + {{ $store.state.origin }} +
+ API URL: +
+ {{ $store.getters.uriV2 }} +
+ +
+ Device name:
+ {{ settings.name }} +
+ + {{ settings.name }} +
+ Server version:
+ {{ configuration.application.version }} +
+ + {{ configuration.application.version }} +
+ Client version:
+ {{ clientVersionName }} +
+
+ + {{ clientVersionName }} +
+ +
+ Camera:
+
+
+ +
+ {{ configuration.camera.type }}
+
+ No camera connected
+
+ Stage:
+
+
+
+ +
+ {{ configuration.stage.type }}
+
+ No stage connected
+ + +
+
+
+
+
+
+
+
+
+
+ Loading...
+
+
+ Error: {{ $store.state.error }}
+
+ No active connection
+
+ ![Stream]()
+
+
+
+
+
+
+
diff --git a/openflexure_microscope/api/static/src/main.js b/openflexure_microscope/api/static/src/main.js
new file mode 100644
index 00000000..567298e6
--- /dev/null
+++ b/openflexure_microscope/api/static/src/main.js
@@ -0,0 +1,154 @@
+import Vue from "vue";
+import App from "./App.vue";
+import store from "./store";
+import UIkit from "uikit";
+import VueTour from "vue-tour";
+import LoadScript from "vue-plugin-load-script";
+import VueFriendlyIframe from "vue-friendly-iframe";
+
+require("vue-tour/dist/vue-tour.css");
+
+// Import MD icons
+import "material-design-icons/iconfont/material-icons.css";
+
+// UIKit overrides
+UIkit.mixin(
+ {
+ data: {
+ animation: false
+ }
+ },
+ "accordion"
+);
+
+// Use load-script module
+Vue.use(LoadScript);
+
+// Use vue-tour module
+Vue.use(VueTour);
+
+// Use Friendly Iframe module
+Vue.use(VueFriendlyIframe);
+
+Vue.config.productionTip = false;
+
+Vue.mixin({
+ methods: {
+ modalConfirm: function(modalText) {
+ var context = this;
+
+ // Stop GPU preview to show modal
+ context.$root.$emit("globalTogglePreview", false);
+
+ var showModal = function(resolve, reject) {
+ UIkit.modal
+ .confirm(modalText, { stack: true })
+ .then(
+ function() {
+ resolve();
+ },
+ function() {
+ reject();
+ }
+ )
+ .finally(function() {
+ // Reenable the GPU preview, if it was active before the modal
+ console.log("Re-enabling GPU preview");
+ if (context.$store.state.globalSettings.autoGpuPreview) {
+ console.log("Re-enabling preview");
+ context.$root.$emit("globalTogglePreview", true);
+ }
+ });
+ };
+ return new Promise(showModal);
+ },
+
+ modalNotify: function(message, status = "success") {
+ UIkit.notification({
+ message: message,
+ status: status
+ });
+ },
+
+ modalDialog: function(title, message) {
+ UIkit.modal.dialog(
+ `
+
+
+
+
+
+
+
+
+ Stream preview disabled
+
+
+
+ No active connection
+
+
+
+ ${title}
+
+
+ `,
+ { stack: true }
+ );
+ },
+
+ modalError: function(error) {
+ var errormsg = this.getErrorMessage(error);
+ this.$store.commit("setErrorMessage", errormsg);
+ UIkit.notification({
+ message: `${errormsg}`,
+ status: "danger"
+ });
+ },
+
+ getErrorMessage: function(error) {
+ var errormsg = "";
+
+ // If a response was obtained
+ if (error.response) {
+ // If the response is a nicely formatted JSON response from the server
+ if (error.response.data.message) {
+ errormsg = `${error.response.status}: ${error.response.data.message}`;
+ console.log(errormsg);
+ }
+ // If the response is just some generic error response
+ else {
+ errormsg = `${error.response.status}: ${error.response.data}`;
+ console.log(errormsg);
+ }
+ // If the error occured during the request
+ } else if (error.request) {
+ errormsg = `${error.message}`;
+ console.log(errormsg);
+ // Everything else
+ } else {
+ errormsg = `${error.message}`;
+ console.log(errormsg);
+ }
+ return errormsg;
+ },
+
+ showModalElement: function(element) {
+ UIkit.modal(element).show();
+ },
+
+ hideModalElement: function(element) {
+ UIkit.modal(element).hide();
+ },
+
+ getLocalStorageObj: function(keyName) {
+ if (localStorage.getItem(keyName)) {
+ try {
+ return JSON.parse(localStorage.getItem(keyName));
+ } catch (e) {
+ console.log("Malformed entry. Removing from localStorage");
+ localStorage.removeItem(keyName);
+ return null;
+ }
+ }
+ },
+
+ setLocalStorageObj: function(keyName, object) {
+ const parsed = JSON.stringify(object);
+ localStorage.setItem(keyName, parsed);
+ }
+ }
+});
+
+new Vue({
+ store,
+ render: h => h(App)
+}).$mount("#app");
diff --git a/openflexure_microscope/api/static/src/store.js b/openflexure_microscope/api/static/src/store.js
new file mode 100644
index 00000000..00a4de76
--- /dev/null
+++ b/openflexure_microscope/api/static/src/store.js
@@ -0,0 +1,58 @@
+import Vue from "vue";
+import Vuex from "vuex";
+
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+ state: {
+ origin: window.location.origin,
+ available: false,
+ waiting: false,
+ error: "",
+ globalSettings: {
+ disableStream: false,
+ autoGpuPreview: false,
+ trackWindow: true,
+ appTheme: "system"
+ },
+ activeStreams: {}
+ },
+
+ mutations: {
+ changeOrigin(state, origin) {
+ state.origin = origin;
+ },
+ changeWaiting(state, waiting) {
+ state.waiting = waiting;
+ },
+ changeSetting(state, [key, value]) {
+ state.globalSettings[key] = value;
+ },
+ resetState(state) {
+ state.waiting = false;
+ state.available = false;
+ state.error = null;
+ },
+ setConnected(state) {
+ state.waiting = false;
+ state.available = true;
+ },
+ setErrorMessage(state, msg) {
+ state.error = msg;
+ },
+ addStream(state, id) {
+ state.activeStreams[id] = true;
+ },
+ removeStream(state, id) {
+ state.activeStreams[id] = false;
+ }
+ },
+
+ actions: {},
+
+ getters: {
+ uriV2: state => `${state.origin}/api/v2`,
+ baseUri: state => state.origin,
+ ready: state => state.available
+ }
+});
diff --git a/openflexure_microscope/api/static/vue.config.js b/openflexure_microscope/api/static/vue.config.js
new file mode 100644
index 00000000..2983e5ab
--- /dev/null
+++ b/openflexure_microscope/api/static/vue.config.js
@@ -0,0 +1,15 @@
+var webpack = require("webpack");
+
+module.exports = {
+ configureWebpack: {
+ plugins: [
+ new webpack.DefinePlugin({
+ "process.env": {
+ PACKAGE: JSON.stringify(require("./package.json"))
+ }
+ })
+ ]
+ },
+
+ publicPath: ""
+};
${message}
+