diff --git a/frontend/src/components/enrichment/PathwayList.vue b/frontend/src/components/enrichment/PathwayList.vue index 93052fa5..42a8053d 100644 --- a/frontend/src/components/enrichment/PathwayList.vue +++ b/frontend/src/components/enrichment/PathwayList.vue @@ -86,6 +86,11 @@ export default { selectedIndex: -1 } }, + mounted(){ + this.emitter.on("bookmarkPathway", (value) => { + this.add_enrichment(value) + }); + }, watch:{ terms() { this.filter_options(this.terms) diff --git a/frontend/src/components/enrichment/PathwayMenu.vue b/frontend/src/components/enrichment/PathwayMenu.vue index 88696dbd..9ef769fa 100644 --- a/frontend/src/components/enrichment/PathwayMenu.vue +++ b/frontend/src/components/enrichment/PathwayMenu.vue @@ -51,6 +51,14 @@ export default { filtered_terms: [] } }, + watch:{ + favourite_pathways: { + handler(newList){ + this.emitter.emit('updateFavouriteList', newList) + }, + deep: true + }, + }, mounted() { var com = this com.generatePathways(com.gephi_data.nodes[0].species, com.gephi_data.nodes.map(node => node.attributes["Name"])) diff --git a/frontend/src/components/home/InputScreen.vue b/frontend/src/components/home/InputScreen.vue index aade397e..7d424ac5 100644 --- a/frontend/src/components/home/InputScreen.vue +++ b/frontend/src/components/home/InputScreen.vue @@ -25,6 +25,20 @@ +

Edge score:

+ + @@ -49,16 +63,13 @@ export default { subgraph: "api/subgraph/proteins", }, threshold: { - value: 0.7, - min: 0.4, - max: 1.0, - step: 0.001, + value: 0, + min: 0, + max: 0.9999, + step: 0.01, }, edge_thick: { value: 0.2, - min: 0, - max: 1.0, - step: 0.1, }, raw_text: null, selected_species: "", @@ -131,7 +142,12 @@ export default { } return randomElements; - } + }, + valueChanged(id){ + var target = document.getElementById(id) + let a = (target.value / target.max)* 100; + target.style.background = `linear-gradient(to right,#0A0A1A,#0A0A1A ${a}%,#ccc ${a}%)`; + } } } @@ -156,5 +172,34 @@ export default { } + +.input-form-data input[type=number] { +border: none; +border-radius: 5px; +text-align: center; +font-family: 'ABeeZee', sans-serif; +background: none; +-moz-appearance: textfield; +-webkit-appearance: textfield; +appearance: textfield; +} + +.input-form-data input[type=range]{ + appearance: none; + outline: none; + width: 10vw; + height: 0.3vw; + border-radius: 5px; + background-color: #ccc; +} +.input-form-data input[type=range]::-webkit-slider-thumb { + background: #fafafa; + appearance: none; + box-shadow: 1px 2px 26px 1px #bdbdbd; + width: 0.8vw; + height: 0.8vw; + border-radius: 50%; +} + diff --git a/frontend/src/components/pane/modules/layer/EnrichmentLayerPane.vue b/frontend/src/components/pane/modules/layer/EnrichmentLayerPane.vue index 01085132..3b0d21bf 100644 --- a/frontend/src/components/pane/modules/layer/EnrichmentLayerPane.vue +++ b/frontend/src/components/pane/modules/layer/EnrichmentLayerPane.vue @@ -16,7 +16,8 @@
- contained proteins + contained nodes +
{ + this.copyclipboard() + }); } } diff --git a/frontend/src/components/pane/modules/node/NodePane.vue b/frontend/src/components/pane/modules/node/NodePane.vue index 46a07cbc..5ffdc641 100644 --- a/frontend/src/components/pane/modules/node/NodePane.vue +++ b/frontend/src/components/pane/modules/node/NodePane.vue @@ -143,6 +143,7 @@ export default { transform: translate(50%); font-family: 'ABeeZee', sans-serif; font-size: 0.9vw; + padding: 1%; } .nodeattributes{ position: absolute; diff --git a/frontend/src/components/pane/modules/pathways/TermPane.vue b/frontend/src/components/pane/modules/pathways/TermPane.vue index 94d0158d..81abf99f 100644 --- a/frontend/src/components/pane/modules/pathways/TermPane.vue +++ b/frontend/src/components/pane/modules/pathways/TermPane.vue @@ -1,6 +1,11 @@