-
-
+
+
+
+
+
{{ page }}
+
+
+
+
-
+
diff --git a/src/Calculations.js b/src/Calculations.js
index 0e19f6d..2c1fbea 100644
--- a/src/Calculations.js
+++ b/src/Calculations.js
@@ -49,7 +49,7 @@ const isOutlier = (value, limit = 3.5) => {
// will return 0 if array is empty
const mean = (
values,
- { sample = 0, conversionExpression = `(${originalValue})` } = {}
+ { sample = 0, conversionExpression = `(${originalValue})` } = {},
) => {
if (conversionExpression.indexOf(originalValue) === -1) {
return NaN
diff --git a/src/Grid.js b/src/Grid.js
index e283d23..c30dfdf 100644
--- a/src/Grid.js
+++ b/src/Grid.js
@@ -75,7 +75,7 @@ const grid = (
numberOfColumns = 24,
numberOfRows = 16,
} = {},
- cells = []
+ cells = [],
) => {
const columns = Array.from(Array(numberOfColumns), (_v, i) => String(i + 1))
const rows = buildRows(numberOfRows, columns)
diff --git a/src/QuantType.js b/src/QuantType.js
index 05a38dc..659e62d 100644
--- a/src/QuantType.js
+++ b/src/QuantType.js
@@ -46,7 +46,7 @@ const defaults = {
const insertFactorsForConversion = ({ factors, expression }) =>
Object.entries(factors).reduce(
(calculation, [factor, value]) => calculation.replaceAll(factor, value),
- expression
+ expression,
)
const quantType = (quantType, data = {}) => {
diff --git a/src/Replicates.js b/src/Replicates.js
index e2578d2..3033648 100644
--- a/src/Replicates.js
+++ b/src/Replicates.js
@@ -107,7 +107,7 @@ const Replicate = ({ wells, options } = { wells: [], options: {} }) => {
**/
const standardDeviation = () => {
return Calculations.standardDeviation(concentrations()).toDecimalPlaces(
- options.decimalPlaces
+ options.decimalPlaces,
)
}
@@ -116,7 +116,7 @@ const Replicate = ({ wells, options } = { wells: [], options: {} }) => {
**/
const cv = () => {
return Calculations.cv(concentrations()).toDecimalPlaces(
- options.decimalPlaces
+ options.decimalPlaces,
)
}
@@ -173,7 +173,7 @@ const Replicate = ({ wells, options } = { wells: [], options: {} }) => {
const zscore = Calculations.modifiedZScores(
well.concentration,
median,
- mad
+ mad,
)
if (Calculations.isOutlier(zscore, options.outlier.threshold)) {
Vue.set(well, 'outlier', true)
diff --git a/src/assets/stylesheets/colors.scss b/src/assets/stylesheets/colors.scss
deleted file mode 100644
index 4309e41..0000000
--- a/src/assets/stylesheets/colors.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// $primary: #003935;
-// $navbar-default-color: gray;
-
-// colours for well backgrounds
-$well-red: #a5191e;
-$well-green: #006600;
-$well-blue: #000066;
-$well-purple: #65009c;
-
-// colours for table headers
-$brown: #ddd1c3;
diff --git a/src/assets/stylesheets/layout.scss b/src/assets/stylesheets/layout.scss
deleted file mode 100644
index 40255a7..0000000
--- a/src/assets/stylesheets/layout.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-@import 'src/assets/stylesheets/colors.scss';
-
-.file {
- visibility: hidden;
- position: absolute;
-}
-
-.text-center {
- text-align: center;
-}
-
-.spacer {
- margin-right: 5px;
-}
-
-label {
- font-size: 20px;
-}
-
-nav {
- height: 30px;
- width: 100%;
- margin-bottom: 10px;
-
- a {
- color: white;
-
- &:hover,
- &:visited {
- color: white;
- }
- }
-}
-
-th {
- background-color: $brown;
-}
-
-.alert {
- margin-left: 20px;
- margin-right: 20px;
-}
-
-.navbar-dark .navbar-nav .nav-link {
- color: white !important;
-}
-
-.plate {
- h3 {
- margin: {
- left: 20px;
- right: 10px;
- }
- }
-}
diff --git a/src/components/Alert.vue b/src/components/Alert.vue
deleted file mode 100644
index 5bce82e..0000000
--- a/src/components/Alert.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-
-
- {{ message }}
-
-
-
-
-
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
deleted file mode 100644
index 509dfd7..0000000
--- a/src/components/NavBar.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-
-
-
-
diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
new file mode 100644
index 0000000..fe7cbd2
--- /dev/null
+++ b/src/components/PageFooter.vue
@@ -0,0 +1,106 @@
+
+
+
+
+
+
diff --git a/src/components/PageHeading.vue b/src/components/PageHeading.vue
new file mode 100644
index 0000000..be2f1e4
--- /dev/null
+++ b/src/components/PageHeading.vue
@@ -0,0 +1,46 @@
+
+
+
+
diff --git a/src/components/PageLink.vue b/src/components/PageLink.vue
new file mode 100644
index 0000000..de61fda
--- /dev/null
+++ b/src/components/PageLink.vue
@@ -0,0 +1,40 @@
+
+
+ {{ name }}
+
+
+
+
diff --git a/src/components/Plate.vue b/src/components/Plate.vue
index 3c36a4d..b44d5b5 100644
--- a/src/components/Plate.vue
+++ b/src/components/Plate.vue
@@ -1,50 +1,48 @@
-
+
-
-
-
-
-
-
{{ msg }}: {{ barcode }}
-
-
-
-
-
-
-
+
| |
- {{ column }} |
+
+ {{ column }} |
|
@@ -72,17 +71,21 @@
import Row from '@/components/Row.vue'
import Grid from '@/Grid'
import QuantType from '@/QuantType'
-import Alert from '@/components/Alert.vue'
+import QuanthubMessage from '@/components/QuanthubMessage.vue'
+import QuanthubModal from '@/components/shared/QuanthubModal.vue'
+import QuanthubButton from '@/components/shared/QuanthubButton.vue'
+import QuanthubSpinner from '@/components/shared/QuanthubSpinner.vue'
import { ReplicateList as Replicates } from '@/Replicates'
import axios from 'axios'
-import Spinner from 'vue-simple-spinner'
export default {
name: 'Plate',
components: {
Row,
- Spinner,
- Alert,
+ QuanthubSpinner,
+ QuanthubButton,
+ QuanthubMessage,
+ QuanthubModal,
},
props: {
barcode: {
@@ -175,7 +178,7 @@ export default {
quantType: this.grid.quantType,
lotNumber: this.lotNumber,
},
- cells
+ cells,
)
return json
@@ -195,14 +198,14 @@ export default {
this.exporting = false
this.$refs.alert.show(
'QC Results for plate has been successfully exported to Sequencescape',
- 'success'
+ 'success',
)
})
.catch((error) => {
this.exporting = false
this.$refs.alert.show(
'QC Results for plate could not be exported',
- 'danger'
+ 'danger',
)
/*eslint no-console: ["error", { allow: ["error"] }] */
console.error(error)
diff --git a/src/components/PlateList.vue b/src/components/PlateList.vue
index 0236d6a..7a971f4 100644
--- a/src/components/PlateList.vue
+++ b/src/components/PlateList.vue
@@ -1,53 +1,45 @@
-
+
-
-
-
-
- {{ msg }}
-
-
-
-
-
- {{ localStorageUsed }}
-
-
-
-
+
+ {{ clearLocalStorageTxt }}
+
+ {{ localStorageUsed }}
+
+ {{ msg }}
+
+
+
{{ plate }}
-
-
-
-
-
-
+
-
+
diff --git a/src/components/QuantFile.vue b/src/components/QuantFile.vue
index 6fc2067..b1893ef 100644
--- a/src/components/QuantFile.vue
+++ b/src/components/QuantFile.vue
@@ -60,7 +60,7 @@ export default {
const barcodeLine = this.metadata[this.quantType.metadata.idColumn]
if (barcodeLine.match(/[-_]QC/)) {
return this.metadata[this.quantType.metadata.idColumn].split(
- /[-_]QC/
+ /[-_]QC/,
)[0]
}
return this.metadata[this.quantType.metadata.idColumn].split(/,/)[0]
@@ -74,7 +74,7 @@ export default {
},
barcodeFromFileName() {
const fileNameMatch = this.filename.match(
- this.quantType.fileNameSpecs.pattern
+ this.quantType.fileNameSpecs.pattern,
)
if (!fileNameMatch) {
return null
@@ -83,7 +83,7 @@ export default {
const groups = fileNameMatch.groups
const barcode = this.quantType.fileNameSpecs.barcodeFormat.replace(
/{(.+?)}/g,
- (_, key) => groups[key]
+ (_, key) => groups[key],
)
return `${barcode}${
@@ -143,7 +143,7 @@ export default {
quantType: this.quant,
...(this.quantType.grid || {}),
},
- this.parseRaw()
+ this.parseRaw(),
)
this.json = json
} catch (error) {
diff --git a/src/components/QuanthubMessage.vue b/src/components/QuanthubMessage.vue
new file mode 100644
index 0000000..99d1a92
--- /dev/null
+++ b/src/components/QuanthubMessage.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+ {{ message }}
+
+
+
+
+
+
+
+
diff --git a/src/components/Upload.vue b/src/components/Upload.vue
index fbcda5d..f62e03e 100644
--- a/src/components/Upload.vue
+++ b/src/components/Upload.vue
@@ -1,57 +1,49 @@
-