diff --git a/.eslintrc.js b/.eslintrc.js index 479c66d..f616f84 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -48,7 +48,17 @@ module.exports = { 'always' ], 'space-before-blocks': 'error', - 'space-infix-ops': 'error' + 'space-infix-ops': 'error', + 'vue/max-attributes-per-line': ['warning', { + 'singleline': { + 'max': 3, + 'allowFirstLine': true + }, + 'multiline': { + 'max': 1, + 'allowFirstLine': false + } + }] }, parserOptions: { parser: 'babel-eslint', diff --git a/package-lock.json b/package-lock.json index 9836e52..36b7781 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "localzoom", - "version": "0.8.0", + "version": "0.8.1", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -7843,8 +7843,8 @@ } }, "locuszoom": { - "version": "git+https://github.com/statgen/locuszoom.git#773eb8770a7935ee503eb08a9fb33084680ceac0", - "from": "git+https://github.com/statgen/locuszoom.git#773eb87", + "version": "git+https://github.com/statgen/locuszoom.git#780cfd836f2e8f07333a0235ce65fe87fd899630", + "from": "git+https://github.com/statgen/locuszoom.git#780cfd8", "requires": { "d3": "^5.16.0", "gwas-credible-sets": "^0.1.0", diff --git a/package.json b/package.json index 188ddad..d36a2e1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "localzoom", - "version": "0.8.0", + "version": "0.8.1", "license": "MIT", "engines": { "node": ">=10.13.0" @@ -20,7 +20,7 @@ "@sentry/browser": "^4.5.2", "bootstrap": "^4.4.1", "bootstrap-vue": "^2.21.2", - "locuszoom": "git+https://github.com/statgen/locuszoom.git#773eb87", + "locuszoom": "git+https://github.com/statgen/locuszoom.git#780cfd8", "lodash": "^4.17.11", "tabulator-tables": "^4.9.0", "vue": "^2.6.14", diff --git a/src/App.vue b/src/App.vue index dbcd21f..912c020 100644 --- a/src/App.vue +++ b/src/App.vue @@ -90,6 +90,12 @@ export default { class="mt-2">
+

+ If you have found this tool useful, please cite our paper, + LocusZoom.js: + interactive and embeddable visualization of genetic association study results (Bioinformatics 2021). +

+ LocalZoom is a tool for generating region association plots via the web browser. It can be used on any Tabix-indexed file (including those stored on your hard drive), which makes it useful for sensitive or confidential data. If you are comfortable uploading @@ -147,8 +153,7 @@ export default { :max_studies="6" :known_tracks="known_tracks" @add-tabix-track="receiveTrackOptions" - @select-range="updateRegion" - /> + @select-range="updateRegion"/>
diff --git a/src/components/GwasToolbar.vue b/src/components/GwasToolbar.vue index 736103d..6df9ce8 100644 --- a/src/components/GwasToolbar.vue +++ b/src/components/GwasToolbar.vue @@ -22,11 +22,12 @@ export default { TabixAdder, }, props: { - genome_build: { // now now, use live binding in parent + // These two fields are sync bindings (this component notifies its parent of changes) + genome_build: { type: String, default: 'GRCh37', }, - has_credible_sets: { // for now, use sync binding to parent (to avoid single-property update events) + has_credible_sets: { type: Boolean, default: true, }, @@ -51,7 +52,7 @@ export default { message: '', message_class: '', - // Allow the user to customize the plot and select featured annotations. (credsets is a live binding to parent for now) + // Allow the user to customize the plot and select featured annotations. has_gwas_catalog: true, // Controls for "batch view" mode @@ -63,6 +64,24 @@ export default { study_count() { return this.known_tracks.length; }, + // Certain props are passed in with sync bindings (this component is intended to modify its parent). + // Allow form to mirror parent state without weird errors. + i_genome_build: { + get: function() { + return this.genome_build; + }, + set: function(newValue) { + this.$emit('update:genome_build', newValue); + }, + }, + i_has_credible_sets: { + get: function() { + return this.has_credible_sets; + }, + set: function(newValue) { + this.$emit('update:has_credible_sets', newValue); + }, + }, }, methods: { reset() { @@ -168,7 +187,7 @@ export default {