From 3d18db07abf3a45ded5568024abce22bc4c08a38 Mon Sep 17 00:00:00 2001 From: TripZz Date: Tue, 17 Oct 2023 14:11:13 +0200 Subject: [PATCH] NN-366 Redesign/implement & organize the concept maintoolbar -created new structure for windows/toolbar -created new design & alignment --- frontend/src/assets/toolbar/proteinselect.png | Bin 0 -> 20369 bytes .../src/components/term_graph/TermToolBar.vue | 8 +- .../src/components/toolbar/MainToolBar.vue | 193 ++++-------------- frontend/src/components/toolbar/SearchBar.vue | 117 ----------- .../toolbar/{ => modules}/DEValue.vue | 0 .../toolbar/{ => modules}/EdgeOpacity.vue | 0 .../toolbar/{ => modules}/ExportGraph.vue | 2 +- .../toolbar/{ => modules}/ExportScreen.vue | 8 +- .../toolbar/{ => modules}/NodeLabelSelect.vue | 2 +- .../toolbar/{ => modules}/ProteinList.vue | 21 +- .../toolbar/{ => modules}/SelectionList.vue | 0 .../toolbar/{ => modules}/SelectionWindow.vue | 0 .../components/toolbar/windows/MenuWindow.vue | 104 ++++++++++ frontend/src/style.css | 13 -- frontend/src/views/ProteinView.vue | 12 +- 15 files changed, 176 insertions(+), 304 deletions(-) create mode 100644 frontend/src/assets/toolbar/proteinselect.png delete mode 100644 frontend/src/components/toolbar/SearchBar.vue rename frontend/src/components/toolbar/{ => modules}/DEValue.vue (100%) rename frontend/src/components/toolbar/{ => modules}/EdgeOpacity.vue (100%) rename frontend/src/components/toolbar/{ => modules}/ExportGraph.vue (91%) rename frontend/src/components/toolbar/{ => modules}/ExportScreen.vue (59%) rename frontend/src/components/toolbar/{ => modules}/NodeLabelSelect.vue (87%) rename frontend/src/components/toolbar/{ => modules}/ProteinList.vue (70%) rename frontend/src/components/toolbar/{ => modules}/SelectionList.vue (100%) rename frontend/src/components/toolbar/{ => modules}/SelectionWindow.vue (100%) create mode 100644 frontend/src/components/toolbar/windows/MenuWindow.vue diff --git a/frontend/src/assets/toolbar/proteinselect.png b/frontend/src/assets/toolbar/proteinselect.png new file mode 100644 index 0000000000000000000000000000000000000000..38039dc411bb63d1f8921909daabc33ee93e1de5 GIT binary patch literal 20369 zcmXtAbwHEf*B`C4iXbf@A&qp625A*3DNzv+2RL%T=rRaN>5@i5Ivgn}FqEzlLlC4! zZou|F`2D?q;qK0J`kp=aoX_>`10x+8N)}2G2t=cMU-J^`D$`Q6dz=zw{mGf&BPDpx|&2=#oBo0|fFC2Z1)9 zfFU5G&?~j(BuQ`32w$a(!C4Cgj$*+f)BPmtrV{^b?f;Di7;`0 z=ofVMz$kxELfc)eCWb)!CvhMnk%>P}gF|2sC81*|!3@y7r1s#IHRi}VCo7s9qmvXr zb-;KGh!hhF^gf2Z36m?)`zZyJfL=rTG!+gygcL@NR07gXZqMD> zjY1@fEClhQlwQOF8hv{9NdzX`@@-P(Lox3<8#n6GJv(ccRidv$gg;FWg0PZc#Yv&f;M)_VDvMlEkZx!s?gd#+pmK33ns zJgIF7tGzKq^(kd%AskTd$C5P&zW(y;ApgxQ5@5j`y`8r^{`cw5bS>|t^T276FxEr% zboL*u38O)-9xMRci#Jk-S(Z2PJTM2$YxIz3({p_E9}IWFjYO0Yp1AqoG2xr(DVAf~ z`BKfnvVr2<-G1^TTlC0z2f94bgXWsz=y+A~ycjkHy+GC@T|&^U1Z(~Ulu@9SO)OQc zQB$}OyCZvlgdzStbK=&WIIY^3S46M&M*!+Dc8?e>z>Zdr`tAOB^nT9cujTW(kN?^w z$GsrVM+2~!?RP->Sl@u@V`A*bPDU9A+EsJn-nQKn_5&3EvQm%qd9sT2#URnI?Z@b7 zcXi}$W3L=ynMY~5@@0YKWf_S=bZ@SC4NMTPW(yAS2T{PY{jl8~O@J@zf*lf#HBk03 zM;RqPSwR+ZlKVF|4y4T%m#d*q=K>XUlbx1{Dg!XG7OKN^( zx6$EZU)BBMCZT;9v~eIiOELDrk^xXkx>oWqYusthz5Sv%cXZXs=RFOuwGD3E{nOii zfNXOn*#3xDV#fuM0jM2uyx%gn&XQvMm+C42uA3aaPhAP!lx{U(^J5KfzAQBkBZ|v9G z@$0d)bs)L9F2mT(fFLD>2Y>==9$bg)Ka0Bxgrn%xb9Qqgb%0DLa`K(T+abNR+x(yI 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 literal 0 HcmV?d00001 diff --git a/frontend/src/components/term_graph/TermToolBar.vue b/frontend/src/components/term_graph/TermToolBar.vue index eb5bed92..cfa1ff52 100644 --- a/frontend/src/components/term_graph/TermToolBar.vue +++ b/frontend/src/components/term_graph/TermToolBar.vue @@ -65,13 +65,13 @@ - - diff --git a/frontend/src/components/toolbar/DEValue.vue b/frontend/src/components/toolbar/modules/DEValue.vue similarity index 100% rename from frontend/src/components/toolbar/DEValue.vue rename to frontend/src/components/toolbar/modules/DEValue.vue diff --git a/frontend/src/components/toolbar/EdgeOpacity.vue b/frontend/src/components/toolbar/modules/EdgeOpacity.vue similarity index 100% rename from frontend/src/components/toolbar/EdgeOpacity.vue rename to frontend/src/components/toolbar/modules/EdgeOpacity.vue diff --git a/frontend/src/components/toolbar/ExportGraph.vue b/frontend/src/components/toolbar/modules/ExportGraph.vue similarity index 91% rename from frontend/src/components/toolbar/ExportGraph.vue rename to frontend/src/components/toolbar/modules/ExportGraph.vue index 70ba4358..e88a6307 100644 --- a/frontend/src/components/toolbar/ExportGraph.vue +++ b/frontend/src/components/toolbar/modules/ExportGraph.vue @@ -1,6 +1,6 @@ diff --git a/frontend/src/components/toolbar/ExportScreen.vue b/frontend/src/components/toolbar/modules/ExportScreen.vue similarity index 59% rename from frontend/src/components/toolbar/ExportScreen.vue rename to frontend/src/components/toolbar/modules/ExportScreen.vue index 354ab793..044bacb0 100644 --- a/frontend/src/components/toolbar/ExportScreen.vue +++ b/frontend/src/components/toolbar/modules/ExportScreen.vue @@ -1,9 +1,9 @@ diff --git a/frontend/src/components/toolbar/NodeLabelSelect.vue b/frontend/src/components/toolbar/modules/NodeLabelSelect.vue similarity index 87% rename from frontend/src/components/toolbar/NodeLabelSelect.vue rename to frontend/src/components/toolbar/modules/NodeLabelSelect.vue index 1ed49662..22f6f5a7 100644 --- a/frontend/src/components/toolbar/NodeLabelSelect.vue +++ b/frontend/src/components/toolbar/modules/NodeLabelSelect.vue @@ -1,6 +1,6 @@ diff --git a/frontend/src/components/toolbar/ProteinList.vue b/frontend/src/components/toolbar/modules/ProteinList.vue similarity index 70% rename from frontend/src/components/toolbar/ProteinList.vue rename to frontend/src/components/toolbar/modules/ProteinList.vue index 3c573fb1..2aa504f3 100644 --- a/frontend/src/components/toolbar/ProteinList.vue +++ b/frontend/src/components/toolbar/modules/ProteinList.vue @@ -1,6 +1,19 @@ @@ -9,7 +22,7 @@ export default { name: 'ProteinList', props: [''], - emits: ['status_changed'], + emits: ['protein_active_changed'], data() { return { } @@ -56,8 +69,8 @@ export default { document.onmousemove = null; } }, - visible_list(){ - this.$emit("status_changed", true); + unactive_proteinlist(){ + this.$emit("protein_active_changed", false); } }, mounted(){ diff --git a/frontend/src/components/toolbar/SelectionList.vue b/frontend/src/components/toolbar/modules/SelectionList.vue similarity index 100% rename from frontend/src/components/toolbar/SelectionList.vue rename to frontend/src/components/toolbar/modules/SelectionList.vue diff --git a/frontend/src/components/toolbar/SelectionWindow.vue b/frontend/src/components/toolbar/modules/SelectionWindow.vue similarity index 100% rename from frontend/src/components/toolbar/SelectionWindow.vue rename to frontend/src/components/toolbar/modules/SelectionWindow.vue diff --git a/frontend/src/components/toolbar/windows/MenuWindow.vue b/frontend/src/components/toolbar/windows/MenuWindow.vue new file mode 100644 index 00000000..c48eb079 --- /dev/null +++ b/frontend/src/components/toolbar/windows/MenuWindow.vue @@ -0,0 +1,104 @@ + + + + + diff --git a/frontend/src/style.css b/frontend/src/style.css index 2db14466..00b44d7e 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -1756,19 +1756,6 @@ display: none; margin: 40px 0 0 0; } -.tool-item { - padding: 5px; -} -.tool-item li { - list-style-type: none; -} -.tool-item li:hover { - background-color: white; - color: black; - border-radius: 20px; - cursor: pointer; -} - .boundary { border-radius: 20px; background: rgba(255, 255, 255, 0.5); diff --git a/frontend/src/views/ProteinView.vue b/frontend/src/views/ProteinView.vue index da3b443b..58f7941b 100644 --- a/frontend/src/views/ProteinView.vue +++ b/frontend/src/views/ProteinView.vue @@ -41,13 +41,11 @@ > - - - -
+
+