Finished tabs and compare views, added file search to ease access to files, corrected minimal fixes
This commit is contained in:
Pixelguy14
parent
ddc690b659
commit
c92576d5a5
@ -2,7 +2,13 @@
|
|||||||
|
|
||||||
julia_version = "1.11.2"
|
julia_version = "1.11.2"
|
||||||
manifest_format = "2.0"
|
manifest_format = "2.0"
|
||||||
project_hash = "0eb77e47b715b07e9286c9a5bb8575a4c2a4963c"
|
project_hash = "e84343a015a9b60e7e39a0605149974e3d8cf1e0"
|
||||||
|
|
||||||
|
[[deps.ATK_jll]]
|
||||||
|
deps = ["Artifacts", "Glib_jll", "JLLWrappers", "Libdl"]
|
||||||
|
git-tree-sha1 = "a2ecb68d240333fe63bea1965b71884e98c2d0f0"
|
||||||
|
uuid = "7b86fcea-f67b-53e1-809c-8f1719c154e8"
|
||||||
|
version = "2.38.0+0"
|
||||||
|
|
||||||
[[deps.AbstractFFTs]]
|
[[deps.AbstractFFTs]]
|
||||||
deps = ["LinearAlgebra"]
|
deps = ["LinearAlgebra"]
|
||||||
@ -229,10 +235,10 @@ uuid = "944b1d66-785c-5afd-91f1-9de20f533193"
|
|||||||
version = "0.7.6"
|
version = "0.7.6"
|
||||||
|
|
||||||
[[deps.ColorBrewer]]
|
[[deps.ColorBrewer]]
|
||||||
deps = ["Colors", "JSON", "Test"]
|
deps = ["Colors", "JSON"]
|
||||||
git-tree-sha1 = "61c5334f33d91e570e1d0c3eb5465835242582c4"
|
git-tree-sha1 = "e771a63cc8b539eca78c85b0cabd9233d6c8f06f"
|
||||||
uuid = "a2cac450-b92f-5266-8821-25eda20663c8"
|
uuid = "a2cac450-b92f-5266-8821-25eda20663c8"
|
||||||
version = "0.4.0"
|
version = "0.4.1"
|
||||||
|
|
||||||
[[deps.ColorSchemes]]
|
[[deps.ColorSchemes]]
|
||||||
deps = ["ColorTypes", "ColorVectorSpace", "Colors", "FixedPointNumbers", "PrecompileTools", "Random"]
|
deps = ["ColorTypes", "ColorVectorSpace", "Colors", "FixedPointNumbers", "PrecompileTools", "Random"]
|
||||||
@ -647,6 +653,12 @@ git-tree-sha1 = "da121cbdc95b065da07fbb93638367737969693f"
|
|||||||
uuid = "d2c73de3-f751-5644-a686-071e5b155ba9"
|
uuid = "d2c73de3-f751-5644-a686-071e5b155ba9"
|
||||||
version = "0.72.8+0"
|
version = "0.72.8+0"
|
||||||
|
|
||||||
|
[[deps.GTK3_jll]]
|
||||||
|
deps = ["ATK_jll", "Artifacts", "Cairo_jll", "Fontconfig_jll", "FreeType2_jll", "FriBidi_jll", "Glib_jll", "HarfBuzz_jll", "JLLWrappers", "Libdl", "Libepoxy_jll", "Pango_jll", "Pkg", "Wayland_jll", "Xorg_libX11_jll", "Xorg_libXcomposite_jll", "Xorg_libXcursor_jll", "Xorg_libXdamage_jll", "Xorg_libXext_jll", "Xorg_libXfixes_jll", "Xorg_libXi_jll", "Xorg_libXinerama_jll", "Xorg_libXrandr_jll", "Xorg_libXrender_jll", "at_spi2_atk_jll", "gdk_pixbuf_jll", "iso_codes_jll", "xkbcommon_jll"]
|
||||||
|
git-tree-sha1 = "b080a592525632d287aee4637a62682576b7f5e4"
|
||||||
|
uuid = "77ec8976-b24b-556a-a1bf-49a033a670a6"
|
||||||
|
version = "3.24.31+0"
|
||||||
|
|
||||||
[[deps.GarishPrint]]
|
[[deps.GarishPrint]]
|
||||||
deps = ["Configurations", "Preferences"]
|
deps = ["Configurations", "Preferences"]
|
||||||
git-tree-sha1 = "41136d24cc02c4d7c2b8c8982823fedac66d0a45"
|
git-tree-sha1 = "41136d24cc02c4d7c2b8c8982823fedac66d0a45"
|
||||||
@ -1213,6 +1225,12 @@ version = "1.11.0+1"
|
|||||||
uuid = "8f399da3-3557-5675-b5ff-fb832c97cbdb"
|
uuid = "8f399da3-3557-5675-b5ff-fb832c97cbdb"
|
||||||
version = "1.11.0"
|
version = "1.11.0"
|
||||||
|
|
||||||
|
[[deps.Libepoxy_jll]]
|
||||||
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Libglvnd_jll", "Pkg", "Xorg_libX11_jll"]
|
||||||
|
git-tree-sha1 = "7a0158b71f8be5c771e7a273183b2d0ac35278c5"
|
||||||
|
uuid = "42c93a91-0102-5b3f-8f9d-e41de60ac950"
|
||||||
|
version = "1.5.10+0"
|
||||||
|
|
||||||
[[deps.Libffi_jll]]
|
[[deps.Libffi_jll]]
|
||||||
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg"]
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg"]
|
||||||
git-tree-sha1 = "27ecae93dd25ee0909666e6835051dd684cc035e"
|
git-tree-sha1 = "27ecae93dd25ee0909666e6835051dd684cc035e"
|
||||||
@ -1445,6 +1463,18 @@ git-tree-sha1 = "030ea22804ef91648f29b7ad3fc15fa49d0e6e71"
|
|||||||
uuid = "77ba4419-2d1f-58cd-9bb1-8ffee604a2e3"
|
uuid = "77ba4419-2d1f-58cd-9bb1-8ffee604a2e3"
|
||||||
version = "1.0.3"
|
version = "1.0.3"
|
||||||
|
|
||||||
|
[[deps.NativeFileDialog]]
|
||||||
|
deps = ["FilePathsBase", "NativeFileDialog_jll"]
|
||||||
|
git-tree-sha1 = "6964c902c838b214cb4e8b4a94ca45e585c9d47b"
|
||||||
|
uuid = "e1fe445b-aa65-4df4-81c1-2041507f0fd4"
|
||||||
|
version = "0.2.1"
|
||||||
|
|
||||||
|
[[deps.NativeFileDialog_jll]]
|
||||||
|
deps = ["Artifacts", "GTK3_jll", "JLLWrappers", "Libdl", "Pkg"]
|
||||||
|
git-tree-sha1 = "916d2db66748820c8e8bc3329a2a23c42c1520de"
|
||||||
|
uuid = "94d9ae2c-efc7-56f8-9a02-54c47b797961"
|
||||||
|
version = "1.1.6+3"
|
||||||
|
|
||||||
[[deps.NaturalSort]]
|
[[deps.NaturalSort]]
|
||||||
git-tree-sha1 = "eda490d06b9f7c00752ee81cfa451efe55521e21"
|
git-tree-sha1 = "eda490d06b9f7c00752ee81cfa451efe55521e21"
|
||||||
uuid = "c020b1a1-e9b0-503a-9c33-f039bfc54a85"
|
uuid = "c020b1a1-e9b0-503a-9c33-f039bfc54a85"
|
||||||
@ -1759,9 +1789,9 @@ uuid = "92933f4c-e287-5a05-a399-4b506db050ca"
|
|||||||
version = "1.10.2"
|
version = "1.10.2"
|
||||||
|
|
||||||
[[deps.PtrArrays]]
|
[[deps.PtrArrays]]
|
||||||
git-tree-sha1 = "77a42d78b6a92df47ab37e177b2deac405e1c88f"
|
git-tree-sha1 = "1d36ef11a9aaf1e8b74dacc6a731dd1de8fd493d"
|
||||||
uuid = "43287f4e-b6f4-7ad1-bb20-aadabca52c3d"
|
uuid = "43287f4e-b6f4-7ad1-bb20-aadabca52c3d"
|
||||||
version = "1.2.1"
|
version = "1.3.0"
|
||||||
|
|
||||||
[[deps.PyCall]]
|
[[deps.PyCall]]
|
||||||
deps = ["Conda", "Dates", "Libdl", "LinearAlgebra", "MacroTools", "Serialization", "VersionParsing"]
|
deps = ["Conda", "Dates", "Libdl", "LinearAlgebra", "MacroTools", "Serialization", "VersionParsing"]
|
||||||
@ -2132,9 +2162,9 @@ weakdeps = ["DataFrames", "JSON", "OffsetArrays"]
|
|||||||
|
|
||||||
[[deps.StipplePivotTable]]
|
[[deps.StipplePivotTable]]
|
||||||
deps = ["Stipple", "StippleUI", "Tables"]
|
deps = ["Stipple", "StippleUI", "Tables"]
|
||||||
git-tree-sha1 = "dcd4bb577152dd9945514e352d306a9dc89339a0"
|
git-tree-sha1 = "02c29d8464f1c26f659d1aa94d69a986ecaafea4"
|
||||||
uuid = "adab0226-ee3c-44de-8f2f-393b1bf1e936"
|
uuid = "adab0226-ee3c-44de-8f2f-393b1bf1e936"
|
||||||
version = "0.3.0"
|
version = "0.3.1"
|
||||||
|
|
||||||
[[deps.StipplePlotly]]
|
[[deps.StipplePlotly]]
|
||||||
deps = ["DataFrames", "Genie", "Requires", "Stipple"]
|
deps = ["DataFrames", "Genie", "Requires", "Stipple"]
|
||||||
@ -2408,12 +2438,24 @@ git-tree-sha1 = "e9216fdcd8514b7072b43653874fd688e4c6c003"
|
|||||||
uuid = "0c0b7dd1-d40b-584c-a123-a41640f87eec"
|
uuid = "0c0b7dd1-d40b-584c-a123-a41640f87eec"
|
||||||
version = "1.0.12+0"
|
version = "1.0.12+0"
|
||||||
|
|
||||||
|
[[deps.Xorg_libXcomposite_jll]]
|
||||||
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg", "Xorg_libXfixes_jll"]
|
||||||
|
git-tree-sha1 = "7c688ca9c957837539bbe1c53629bb871025e423"
|
||||||
|
uuid = "3c9796d7-64a0-5134-86ad-79f8eb684845"
|
||||||
|
version = "0.4.5+4"
|
||||||
|
|
||||||
[[deps.Xorg_libXcursor_jll]]
|
[[deps.Xorg_libXcursor_jll]]
|
||||||
deps = ["Artifacts", "JLLWrappers", "Libdl", "Xorg_libXfixes_jll", "Xorg_libXrender_jll"]
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Xorg_libXfixes_jll", "Xorg_libXrender_jll"]
|
||||||
git-tree-sha1 = "807c226eaf3651e7b2c468f687ac788291f9a89b"
|
git-tree-sha1 = "807c226eaf3651e7b2c468f687ac788291f9a89b"
|
||||||
uuid = "935fb764-8cf2-53bf-bb30-45bb1f8bf724"
|
uuid = "935fb764-8cf2-53bf-bb30-45bb1f8bf724"
|
||||||
version = "1.2.3+0"
|
version = "1.2.3+0"
|
||||||
|
|
||||||
|
[[deps.Xorg_libXdamage_jll]]
|
||||||
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg", "Xorg_libXfixes_jll"]
|
||||||
|
git-tree-sha1 = "fe4ffb2024ba3eddc862c6e1d70e2b070cd1c2bf"
|
||||||
|
uuid = "0aeada51-83db-5f97-b67e-184615cfc6f6"
|
||||||
|
version = "1.1.5+4"
|
||||||
|
|
||||||
[[deps.Xorg_libXdmcp_jll]]
|
[[deps.Xorg_libXdmcp_jll]]
|
||||||
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
||||||
git-tree-sha1 = "89799ae67c17caa5b3b5a19b8469eeee474377db"
|
git-tree-sha1 = "89799ae67c17caa5b3b5a19b8469eeee474377db"
|
||||||
@ -2456,6 +2498,12 @@ git-tree-sha1 = "a490c6212a0e90d2d55111ac956f7c4fa9c277a6"
|
|||||||
uuid = "ea2f1a96-1ddc-540d-b46f-429655e07cfa"
|
uuid = "ea2f1a96-1ddc-540d-b46f-429655e07cfa"
|
||||||
version = "0.9.11+1"
|
version = "0.9.11+1"
|
||||||
|
|
||||||
|
[[deps.Xorg_libXtst_jll]]
|
||||||
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg", "Xorg_libXext_jll", "Xorg_libXfixes_jll", "Xorg_libXi_jll"]
|
||||||
|
git-tree-sha1 = "0c0a60851f44add2a64069ddf213e941c30ed93c"
|
||||||
|
uuid = "b6f176f1-7aea-5357-ad67-1d3e565ea1c6"
|
||||||
|
version = "1.2.3+4"
|
||||||
|
|
||||||
[[deps.Xorg_libpthread_stubs_jll]]
|
[[deps.Xorg_libpthread_stubs_jll]]
|
||||||
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
||||||
git-tree-sha1 = "c57201109a9e4c0585b208bb408bc41d205ac4e9"
|
git-tree-sha1 = "c57201109a9e4c0585b208bb408bc41d205ac4e9"
|
||||||
@ -2539,12 +2587,36 @@ git-tree-sha1 = "622cf78670d067c738667aaa96c553430b65e269"
|
|||||||
uuid = "3161d3a3-bdf6-5164-811a-617609db77b4"
|
uuid = "3161d3a3-bdf6-5164-811a-617609db77b4"
|
||||||
version = "1.5.7+0"
|
version = "1.5.7+0"
|
||||||
|
|
||||||
|
[[deps.at_spi2_atk_jll]]
|
||||||
|
deps = ["ATK_jll", "Artifacts", "JLLWrappers", "Libdl", "Pkg", "XML2_jll", "Xorg_libX11_jll", "at_spi2_core_jll"]
|
||||||
|
git-tree-sha1 = "f16ae690aca4761f33d2cb338ee9899e541f5eae"
|
||||||
|
uuid = "de012916-1e3f-58c2-8f29-df3ef51d412d"
|
||||||
|
version = "2.34.1+4"
|
||||||
|
|
||||||
|
[[deps.at_spi2_core_jll]]
|
||||||
|
deps = ["Artifacts", "Dbus_jll", "Glib_jll", "JLLWrappers", "Libdl", "Pkg", "Xorg_libXtst_jll"]
|
||||||
|
git-tree-sha1 = "d2d540cd145f2b2933614649c029d222fe125188"
|
||||||
|
uuid = "0fc3237b-ac94-5853-b45c-d43d59a06200"
|
||||||
|
version = "2.34.0+4"
|
||||||
|
|
||||||
[[deps.fzf_jll]]
|
[[deps.fzf_jll]]
|
||||||
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
||||||
git-tree-sha1 = "6e50f145003024df4f5cb96c7fce79466741d601"
|
git-tree-sha1 = "6e50f145003024df4f5cb96c7fce79466741d601"
|
||||||
uuid = "214eeab7-80f7-51ab-84ad-2988db7cef09"
|
uuid = "214eeab7-80f7-51ab-84ad-2988db7cef09"
|
||||||
version = "0.56.3+0"
|
version = "0.56.3+0"
|
||||||
|
|
||||||
|
[[deps.gdk_pixbuf_jll]]
|
||||||
|
deps = ["Artifacts", "Glib_jll", "JLLWrappers", "JpegTurbo_jll", "Libdl", "Libtiff_jll", "Pkg", "Xorg_libX11_jll", "libpng_jll"]
|
||||||
|
git-tree-sha1 = "e9190f9fb03f9c3b15b9fb0c380b0d57a3c8ea39"
|
||||||
|
uuid = "da03df04-f53b-5353-a52f-6a8b0620ced0"
|
||||||
|
version = "2.42.8+0"
|
||||||
|
|
||||||
|
[[deps.iso_codes_jll]]
|
||||||
|
deps = ["Artifacts", "JLLWrappers", "Libdl"]
|
||||||
|
git-tree-sha1 = "d837a5d2a19d54243dafb6cc98d0f590a603dfa1"
|
||||||
|
uuid = "bf975903-5238-5d20-8243-bc370bc1e7e5"
|
||||||
|
version = "4.15.1+0"
|
||||||
|
|
||||||
[[deps.isoband_jll]]
|
[[deps.isoband_jll]]
|
||||||
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg"]
|
deps = ["Artifacts", "JLLWrappers", "Libdl", "Pkg"]
|
||||||
git-tree-sha1 = "51b5eeb3f98367157a7a12a1fb0aa5328946c03c"
|
git-tree-sha1 = "51b5eeb3f98367157a7a12a1fb0aa5328946c03c"
|
||||||
|
|||||||
@ -6,6 +6,7 @@ GenieFramework = "a59fdf5c-6bf0-4f5d-949c-a137c9e2f353"
|
|||||||
Images = "916415d5-f1e6-5110-898d-aaa5f9f070e0"
|
Images = "916415d5-f1e6-5110-898d-aaa5f9f070e0"
|
||||||
Libz = "2ec943e9-cfe8-584d-b93d-64dcb6d567b7"
|
Libz = "2ec943e9-cfe8-584d-b93d-64dcb6d567b7"
|
||||||
LinearAlgebra = "37e2e46d-f89d-539d-b4ee-838fcccc9c8e"
|
LinearAlgebra = "37e2e46d-f89d-539d-b4ee-838fcccc9c8e"
|
||||||
|
NativeFileDialog = "e1fe445b-aa65-4df4-81c1-2041507f0fd4"
|
||||||
NaturalSort = "c020b1a1-e9b0-503a-9c33-f039bfc54a85"
|
NaturalSort = "c020b1a1-e9b0-503a-9c33-f039bfc54a85"
|
||||||
PlotlyBase = "a03496cd-edff-5a9b-9e67-9cda94a718b5"
|
PlotlyBase = "a03496cd-edff-5a9b-9e67-9cda94a718b5"
|
||||||
Statistics = "10745b16-79ce-11e8-11f9-7d13ad32a3b2"
|
Statistics = "10745b16-79ce-11e8-11f9-7d13ad32a3b2"
|
||||||
|
|||||||
92
app.jl.html
92
app.jl.html
@ -9,16 +9,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div id="extDivStyle" class="row col-12 q-pa-xl">
|
<div id="extDivStyle" class="row col-12 q-pa-xl">
|
||||||
<div class="row col-6">
|
<div class="row col-7">
|
||||||
<!-- Left DIV -->
|
<!-- Left DIV -->
|
||||||
<div id="intDivStyle" class="st-col col-12 st-module">
|
<div id="intDivStyle" class="st-col col-12 st-module">
|
||||||
<!--<q-file v-model="file_route" filled="" label="Select your imzML file" accept=".imzML"></q-file>-->
|
<!--<q-file v-model="file_route" filled="" label="Select your imzML file" accept=".imzML"></q-file>-->
|
||||||
<q-input id="textRoute" standout="custom-standout" v-model="file_route" label="Insert the route to your imzML file"></q-input>
|
<!--<q-input id="textRoute" standout="custom-standout" v-model="file_route" label="Insert the route to your imzML file"></q-input>-->
|
||||||
|
<h6>Search for your imzML file in your device</h6>
|
||||||
|
<q-btn id="btnStyle" icon="search" class="q-ma-sm" v-on:click="btnSearch=true" label="Search in your device for the imzML file"></q-btn>
|
||||||
|
<!--<p>{{full_route}}</p>-->
|
||||||
<div class="row st-col col-12">
|
<div class="row st-col col-12">
|
||||||
<q-input id="textName" class="col-9" standout="custom-standout" v-model="file_name" label="Insert the name of your imzML file"></q-input>
|
<!--<q-input id="textName" class="col-9" standout="custom-standout" v-model="file_name" label="Insert the name of your imzML file"></q-input>-->
|
||||||
<q-btn-dropdown
|
<q-btn-dropdown
|
||||||
id="btnStyle"
|
id="btnStyle"
|
||||||
class="col-3"
|
class="q-ma-sm"
|
||||||
:loading="progressPlot"
|
:loading="progressPlot"
|
||||||
:disable="btnPlotDisable"
|
:disable="btnPlotDisable"
|
||||||
label="Generate Plots"
|
label="Generate Plots"
|
||||||
@ -30,31 +33,31 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<q-list>
|
<q-list>
|
||||||
<q-item clickable v-close-popup v-on:click="createSumPlot = true">
|
<q-item clickable v-close-popup v-on:click="createSumPlot=true">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>Sum Spectrum Plot</q-item-label>
|
<q-item-label>Sum Spectrum Plot</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
<q-item clickable v-close-popup v-on:click="imageCPlot = true">
|
<q-item clickable v-close-popup v-on:click="imageCPlot=true">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>Image Contour Plot</q-item-label>
|
<q-item-label>Image Contour Plot</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
<q-item clickable v-close-popup v-on:click="triqCPlot = true">
|
<q-item clickable v-close-popup v-on:click="triqCPlot=true">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>TrIQ Contour Plot</q-item-label>
|
<q-item-label>TrIQ Contour Plot</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
<q-item clickable v-close-popup v-on:click="image3dPlot = true">
|
<q-item clickable v-close-popup v-on:click="image3dPlot=true">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>Image 3D Plot</q-item-label>
|
<q-item-label>Image 3D Plot</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
|
|
||||||
<q-item clickable v-close-popup v-on:click="triq3dPlot = true">
|
<q-item clickable v-close-popup v-on:click="triq3dPlot=true">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>TrIQ 3D Plot</q-item-label>
|
<q-item-label>TrIQ 3D Plot</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
@ -91,32 +94,29 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<q-btn id="btnStyle" :loading="progress" :disabled="btnStartDisable" icon="play_arrow" v-on:click="mainProcess = true" padding="lg">
|
<q-btn id="btnStyle" :loading="progress" class="q-ma-sm" :disabled="btnStartDisable" icon="play_arrow" v-on:click="mainProcess=true" padding="lg" label="Main process">
|
||||||
Start Process
|
|
||||||
<template v-slot:loading>
|
<template v-slot:loading>
|
||||||
<q-spinner-hourglass class="on-left" />
|
<q-spinner-hourglass class="on-left" />
|
||||||
Loading...
|
Loading...
|
||||||
</template>
|
</template>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
<q-btn id="btnStyle" icon="zoom_out_map" v-on:click="CompareBtn = true" padding="sm" class="on-right">
|
<q-btn id="btnStyle" icon="zoom_out_map" class="q-ma-sm on-right" v-on:click="CompareBtn=true" padding="sm" label="Compare"></q-btn>
|
||||||
Compare
|
|
||||||
</q-btn>
|
|
||||||
</div>
|
</div>
|
||||||
<p>{{msg}}</p>
|
<p>{{msg}}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row col-6">
|
<div class="row col-5">
|
||||||
<!-- Right DIV -->
|
<!-- Right DIV -->
|
||||||
<div id="intDivStyle" class="st-col col-12 col-sm st-module">
|
<div id="intDivStyle" class="st-col col-12 col-sm st-module">
|
||||||
<st-tabs class="bg-primary text-white shadow-2" :ids="tabIDs" :labels="tabLabels" v-model="selectedTab"></st-tabs>
|
<st-tabs id="tabHeader":ids="tabIDs" :labels="tabLabels" v-model="selectedTab" no-arrows></st-tabs>
|
||||||
<q-tab-panels v-model="selectedTab">
|
<q-tab-panels v-model="selectedTab">
|
||||||
<q-tab-panel name="tab0">
|
<q-tab-panel name="tab0">
|
||||||
<!-- Content for Tab 0 -->
|
<!-- Content for Tab 0 -->
|
||||||
<!-- Btn image changer -->
|
<!-- Btn image changer -->
|
||||||
<h6>Image Visualizer</h6>
|
<h6>Image Visualizer</h6>
|
||||||
<div>
|
<div>
|
||||||
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinus = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinus=true"></q-btn>
|
||||||
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlus = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlus=true"></q-btn>
|
||||||
</div>
|
</div>
|
||||||
<!-- Image manager -->
|
<!-- Image manager -->
|
||||||
<div id="image-container" class="row st-col col-12 items-center">
|
<div id="image-container" class="row st-col col-12 items-center">
|
||||||
@ -135,8 +135,8 @@
|
|||||||
<!-- Triq Btn image changer -->
|
<!-- Triq Btn image changer -->
|
||||||
<h6>TrIQ Visualizer</h6>
|
<h6>TrIQ Visualizer</h6>
|
||||||
<div>
|
<div>
|
||||||
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinusT = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinusT=true"></q-btn>
|
||||||
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlusT = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlusT=true"></q-btn>
|
||||||
</div>
|
</div>
|
||||||
<!-- Triq Image manager -->
|
<!-- Triq Image manager -->
|
||||||
<div id="image-container" class="row st-col col-12 items-center">
|
<div id="image-container" class="row st-col col-12 items-center">
|
||||||
@ -151,11 +151,15 @@
|
|||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="tab2">
|
<q-tab-panel name="tab2">
|
||||||
<!-- Content for Tab 2 -->
|
<!-- Content for Tab 2 -->
|
||||||
<plotly id="plotStyle" :data="plotdata" :layout="plotlayout" class="q-pt-none"></plotly>
|
<plotly id="plotStyle" :data="plotdata" :layout="plotlayout" class="q-pa-none q-ma-none"></plotly>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="tab3">
|
<q-tab-panel name="tab3">
|
||||||
<!-- Content for Tab 3 -->
|
<!-- Content for Tab 3 -->
|
||||||
<plotly id="plotStyle3d" :data="plotdata3d" :layout="plotlayout3d" class="q-pt-none"></plotly>
|
<plotly id="plotStyle" :data="plotdataC" :layout="plotlayoutC" class="q-pa-none q-ma-none"></plotly>
|
||||||
|
</q-tab-panel>
|
||||||
|
<q-tab-panel name="tab4">
|
||||||
|
<!-- Content for Tab 4 -->
|
||||||
|
<plotly id="plotStyle3d" :data="plotdata3d" :layout="plotlayout3d" class="q-pa-none q-ma-none"></plotly>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
</q-tab-panels>
|
</q-tab-panels>
|
||||||
</div>
|
</div>
|
||||||
@ -187,14 +191,14 @@
|
|||||||
<q-card-section class="q-pt-none col-12">
|
<q-card-section class="q-pt-none col-12">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<st-tabs class="bg-primary text-white shadow-2" :ids="tabIDs" :labels="tabLabels" v-model="selectedTab"></st-tabs>
|
<st-tabs id="tabHeader":ids="tabIDs" :labels="tabLabels" v-model="selectedTab"></st-tabs>
|
||||||
<q-tab-panels v-model="selectedTab">
|
<q-tab-panels v-model="selectedTab">
|
||||||
<q-tab-panel name="tab0">
|
<q-tab-panel name="tab0">
|
||||||
<!-- Content for Tab 0 -->
|
<!-- Content for Tab 0 -->
|
||||||
<!-- Btn image changer -->
|
<!-- Btn image changer -->
|
||||||
<div>
|
<div>
|
||||||
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinus = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinus=true"></q-btn>
|
||||||
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlus = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlus=true"></q-btn>
|
||||||
</div>
|
</div>
|
||||||
<!-- Image manager -->
|
<!-- Image manager -->
|
||||||
<div id="image-container" class="row st-col col-12 items-center">
|
<div id="image-container" class="row st-col col-12 items-center">
|
||||||
@ -212,8 +216,8 @@
|
|||||||
<!-- Content for Tab 1 -->
|
<!-- Content for Tab 1 -->
|
||||||
<!-- Triq Btn image changer -->
|
<!-- Triq Btn image changer -->
|
||||||
<div>
|
<div>
|
||||||
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinusT = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinusT=true"></q-btn>
|
||||||
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlusT = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlusT=true"></q-btn>
|
||||||
</div>
|
</div>
|
||||||
<!-- Triq Image manager -->
|
<!-- Triq Image manager -->
|
||||||
<div id="image-container" class="row st-col col-12 items-center">
|
<div id="image-container" class="row st-col col-12 items-center">
|
||||||
@ -228,23 +232,27 @@
|
|||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="tab2">
|
<q-tab-panel name="tab2">
|
||||||
<!-- Content for Tab 2 -->
|
<!-- Content for Tab 2 -->
|
||||||
<plotly id="plotStyle" :data="plotdata" :layout="plotlayout" class="col-12"></plotly>
|
<plotly id="plotStyle" :data="plotdata" :layout="plotlayout" class="q-pa-none q-ma-none"></plotly>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="tab3">
|
<q-tab-panel name="tab3">
|
||||||
<!-- Content for Tab 3 -->
|
<!-- Content for Tab 3 -->
|
||||||
<plotly id="plotStyle3d" :data="plotdata3d" :layout="plotlayout3d" class="col-12"></plotly>
|
<plotly id="plotStyle" :data="plotdataC" :layout="plotlayoutC" class="q-pa-none q-ma-none"></plotly>
|
||||||
|
</q-tab-panel>
|
||||||
|
<q-tab-panel name="tab4">
|
||||||
|
<!-- Content for Tab 4 -->
|
||||||
|
<plotly id="plotStyle3d" :data="plotdata3d" :layout="plotlayout3d" class="q-pa-none q-ma-none"></plotly>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
</q-tab-panels>
|
</q-tab-panels>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<st-tabs class="bg-primary text-white shadow-2" :ids="tabIDs" :labels="tabLabels" v-model="selectedTab"></st-tabs>
|
<st-tabs id="tabHeader" :ids="CompTabIDs" :labels="CompTabLabels" v-model="CompSelectedTab" outside-arrows mobile-arrows></st-tabs>
|
||||||
<q-tab-panels v-model="selectedTab">
|
<q-tab-panels v-model="CompSelectedTab">
|
||||||
<q-tab-panel name="tab0">
|
<q-tab-panel name="tab0">
|
||||||
<!-- Content for Tab 0 -->
|
<!-- Content for Tab 0 -->
|
||||||
<!-- Btn image changer -->
|
<!-- Btn image changer -->
|
||||||
<div>
|
<div>
|
||||||
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinus = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinus=true"></q-btn>
|
||||||
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlus = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlus=true"></q-btn>
|
||||||
</div>
|
</div>
|
||||||
<!-- Image manager -->
|
<!-- Image manager -->
|
||||||
<div id="image-container" class="row st-col col-12 items-center">
|
<div id="image-container" class="row st-col col-12 items-center">
|
||||||
@ -262,8 +270,8 @@
|
|||||||
<!-- Content for Tab 1 -->
|
<!-- Content for Tab 1 -->
|
||||||
<!-- Triq Btn image changer -->
|
<!-- Triq Btn image changer -->
|
||||||
<div>
|
<div>
|
||||||
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinusT = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_back" class="q-my-sm" v-on:click="ImgMinusT=true"></q-btn>
|
||||||
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlusT = true"></q-btn>
|
<q-btn id="btnStyle" icon="arrow_forward" class="q-my-sm on-right" v-on:click="ImgPlusT=true"></q-btn>
|
||||||
</div>
|
</div>
|
||||||
<!-- Triq Image manager -->
|
<!-- Triq Image manager -->
|
||||||
<div id="image-container" class="row st-col col-12 items-center">
|
<div id="image-container" class="row st-col col-12 items-center">
|
||||||
@ -278,11 +286,15 @@
|
|||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="tab2">
|
<q-tab-panel name="tab2">
|
||||||
<!-- Content for Tab 2 -->
|
<!-- Content for Tab 2 -->
|
||||||
<plotly id="plotStyle" :data="plotdata" :layout="plotlayout" class="col-12"></plotly>
|
<plotly id="plotStyle" :data="plotdata" :layout="plotlayout" class="q-pa-none q-ma-none"></plotly>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="tab3">
|
<q-tab-panel name="tab3">
|
||||||
<!-- Content for Tab 3 -->
|
<!-- Content for Tab 3 -->
|
||||||
<plotly id="plotStyle3d" :data="plotdata3d" :layout="plotlayout3d" class="col-12"></plotly>
|
<plotly id="plotStyle" :data="plotdataC" :layout="plotlayoutC" class="q-pa-none q-ma-none"></plotly>
|
||||||
|
</q-tab-panel>
|
||||||
|
<q-tab-panel name="tab4">
|
||||||
|
<!-- Content for Tab 4 -->
|
||||||
|
<plotly id="plotStyle3d" :data="plotdata3d" :layout="plotlayout3d" class="q-pa-none q-ma-none"></plotly>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
</q-tab-panels>
|
</q-tab-panels>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
#btnStyle{background:#009f90;color:rgb(229, 236, 246);}#imgInt{float:left;}#header{display:flex;align-items:center;}#imgLogo{width:100px;height:80px;margin-right:10px;margin-left:10px;}#extDivStyle{background-color:#c9cdb1;border-radius: 10px;}#intDivStyle{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;background-color: #eff2f5;}#colorbar{float:left;}.custom-standout{background-color:#7f8389!important;color:rgb(0, 0, 0)!important;}
|
#btnStyle{background:#009f90;color:rgb(229, 236, 246);}#imgInt{float:left;}#header{display:flex;align-items:center;}#imgLogo{width:100px;height:80px;margin-right:10px;margin-left:10px;}#extDivStyle{background-color:#c9cdb1;border-radius: 10px;}#intDivStyle{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;background-color: #eff2f5;}#colorbar{float:left;}.custom-standout{background-color:#7f8389!important;color:rgb(0, 0, 0)!important;}#tabHeader{color:#009f90;}
|
||||||
@ -6,6 +6,7 @@ Pkg.gc()
|
|||||||
Pkg.add("Libz") ; Pkg.add("PlotlyBase") ; Pkg.add("CairoMakie") ; Pkg.add("Colors") ; Pkg.add("Statistics") ; Pkg.add("NaturalSort") ; Pkg.add("GenieFramework") ;Pkg.add("Genie")
|
Pkg.add("Libz") ; Pkg.add("PlotlyBase") ; Pkg.add("CairoMakie") ; Pkg.add("Colors") ; Pkg.add("Statistics") ; Pkg.add("NaturalSort") ; Pkg.add("GenieFramework") ;Pkg.add("Genie")
|
||||||
Pkg.add(url="https://github.com/CINVESTAV-LABI/julia_mzML_imzML") # With this we ensure it uses the latest library iteration
|
Pkg.add(url="https://github.com/CINVESTAV-LABI/julia_mzML_imzML") # With this we ensure it uses the latest library iteration
|
||||||
Pkg.add("Images") ; Pkg.add("LinearAlgebra")
|
Pkg.add("Images") ; Pkg.add("LinearAlgebra")
|
||||||
|
Pkg.add("NativeFileDialog")
|
||||||
|
|
||||||
using Genie
|
using Genie
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user