diff --git a/src/app/app.component.ts b/src/app/app.component.ts index a6b7e1aa77ffe62e17890d1924db276f8d0c0d5e..d7d6ee2b1995e790f7bb1590d5dc84781a19efd4 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -10,7 +10,7 @@ import { ThemeService } from 'src/app/services/theme.service'; styleUrls: ['./app.component.scss'], }) export class AppComponent { - public version = "1.1.16" + public version = "1.1.17" public host = "https://drugst.one" public cdn = "https://cdn.drugst.one" public backendPath = "https://api.drugst.one/" diff --git a/src/app/pages/doc/content/start/basics/basics.component.ts b/src/app/pages/doc/content/start/basics/basics.component.ts index 71f70f4727765255c0d76e4156b0841c939257d0..5772f67b402a29ea799e1940526fee45a9a07552 100644 --- a/src/app/pages/doc/content/start/basics/basics.component.ts +++ b/src/app/pages/doc/content/start/basics/basics.component.ts @@ -16,6 +16,6 @@ export class BasicsComponent implements OnInit { this.basicCode="<head>\n" + " <script src=\""+this.cdn+"/latest/drugstone.js\"></script>\n" + " <link rel=\"stylesheet\" href=\""+this.cdn+"/latest/styles.css\">\n" + - "</head>'" + "</head>" } } diff --git a/src/app/pages/doc/content/ui/ui-panels/ui-panels.component.html b/src/app/pages/doc/content/ui/ui-panels/ui-panels.component.html index a3b1eb7eec054cf818fe2f2b279c5c7e5419085b..c3e1ae27c3b8e4c21754ae3ae5e56e9d73ab103e 100644 --- a/src/app/pages/doc/content/ui/ui-panels/ui-panels.component.html +++ b/src/app/pages/doc/content/ui/ui-panels/ui-panels.component.html @@ -42,7 +42,7 @@ alt="Drugst.one detail panel" /> <figcaption class="figure-caption"> - The Drugst.One detail panel with content for the TGF Beta-1 gene. + The Drugst.One detail panel with content for the CFTR gene. </figcaption> </figure> </div> @@ -159,8 +159,11 @@ similar, but the algorithms will return a list of putative drugs in the network neighborhood of the seed genes. Lastly, the <b>'enrichment analysis'</b> will export the list of selected genes either to - <a href="https://biit.cs.ut.ee/gprofiler/gost" target="_blank">g:Profiler</a> or <a href="https://digest-validation.net">DIGEST</a> - which offer different evaluation, enrichment, profiling and conversion methods. + <a href="https://biit.cs.ut.ee/gprofiler/gost" target="_blank">g:Profiler</a> or <a + href="https://digest-validation.net" target="_blank">DIGEST</a> + which offer different evaluation, enrichment, profiling and conversion methods. Another option is to search for + selected proteins in NDEx integrated Query (<a href="https://www.ndexbio.org/iquery/" target="_blank">iQuery</a>) to + show curated pathways with the same participants. </p> <p> For more information about the algorithm see the @@ -176,7 +179,8 @@ alt="Drugst.one analysis panel" /> <figcaption class="figure-caption"> - The Drugst.One analysis panel with full configuration option for 'drug target' and 'drug' searches and redirects to external resources. + The Drugst.One analysis panel with full configuration option for 'drug target' and 'drug' searches and + redirects to external resources. </figcaption> </figure> </div> @@ -217,7 +221,11 @@ <p> This panel shows a list of all selected genes. Labels and the group are displayed for each genes to give the user an overview over their current - selection. Individual genes or the complete selection can be removed here. + selection. Individual genes or the complete selection can be removed here. Genes can be manually selected by + double-clicking nodes in the network, checking boxes in the according tabular view, or by using the 'rectangular + select' function, which can be used by pressing <kbd>shift</kbd> and then holding the left mouse button down while + dragging the cursor over the network. Options for selection expansion are provided though the 'Add First neighbors' + and 'Add Connected Components' buttons, that use the current selection list as input. </p> <div class="figure-frame"> @@ -229,7 +237,35 @@ alt="Drugst.one selection panel" /> <figcaption class="figure-caption"> - The Drugst.One selection panel after using the 'select by group' function. + The Drugst.One selection panel after using the 'rectangle select' function to manually select a group of + genes. + </figcaption> + </figure> +</div> + +<app-doc-subsubheader + text="Views" + id="views" +></app-doc-subsubheader> +<p> + The views panel shows a list of all created views. A view is a subnetwork + based on a selection of other networks. The user can create a view by + selecting a network and a selection of genes in the network. The view will + then be created and displayed in the network panel. The user can also delete + views from the list. The view list is saved in the browser's local storage + and will be restored when the user returns to the page. +</p> + +<div class="figure-frame"> + <figure class="figure"> + <img + height="200px" + src="/assets/doc/ui_view.png" + class="rounded" + alt="Drugst.one selection panel" + /> + <figcaption class="figure-caption"> + The list of created views, so subnetworks based on selections of other networks. </figcaption> </figure> </div> diff --git a/src/assets/Drugstone_preprint_figure1.png b/src/assets/Drugstone_preprint_figure1.png index e18f20d48061f7cbcfd4fd658897d53a89e9c1a4..feb728739f1a91f232759d55383c37696427636c 100644 Binary files a/src/assets/Drugstone_preprint_figure1.png and b/src/assets/Drugstone_preprint_figure1.png differ diff --git a/src/assets/doc/drugstone_main_view.png b/src/assets/doc/drugstone_main_view.png index 8b052a6ebeae3ff395a4911f6cff3c0851ce3d7b..813cff8fc6b84a9f16890e00a1bef4da617347ee 100644 Binary files a/src/assets/doc/drugstone_main_view.png and b/src/assets/doc/drugstone_main_view.png differ diff --git a/src/assets/doc/ui_analysis-network.png b/src/assets/doc/ui_analysis-network.png index 96e4f3631ba5d31c86d5b2a9904de7f9ea53f58a..5baf29ced6e927b0955aae4b21b2ba509f6bc12c 100644 Binary files a/src/assets/doc/ui_analysis-network.png and b/src/assets/doc/ui_analysis-network.png differ diff --git a/src/assets/doc/ui_analysis-parameters.png b/src/assets/doc/ui_analysis-parameters.png index d8cab9a5b70a73f4c2eb6e3f879a89f0221ddb47..d8afb7c5c7d3c5411b7471dd73d3f1f83347e245 100644 Binary files a/src/assets/doc/ui_analysis-parameters.png and b/src/assets/doc/ui_analysis-parameters.png differ diff --git a/src/assets/doc/ui_analysis-table.png b/src/assets/doc/ui_analysis-table.png index 9768341c5126872e18f325807e9caf3c9bdde08f..fdb283c2d533c2292276b40fed2c4661b206a146 100644 Binary files a/src/assets/doc/ui_analysis-table.png and b/src/assets/doc/ui_analysis-table.png differ diff --git a/src/assets/doc/ui_analysis.png b/src/assets/doc/ui_analysis.png index 11d928e1731e4b1e4170e01309bdd4072ab83530..d064a61728745dc7a28d5989d8139ca30fa6e84d 100644 Binary files a/src/assets/doc/ui_analysis.png and b/src/assets/doc/ui_analysis.png differ diff --git a/src/assets/doc/ui_detail.png b/src/assets/doc/ui_detail.png index f93a00ab2230a547657fbb3cea0f1bd156c3a895..a0a3adf1802f49278fb21118414dd3401c92db43 100644 Binary files a/src/assets/doc/ui_detail.png and b/src/assets/doc/ui_detail.png differ diff --git a/src/assets/doc/ui_network-menu.png b/src/assets/doc/ui_network-menu.png index 7b91758b4772612915fb832f6cea7be18c1ad866..9ab4a4cb6785a79940399e5638631e8ea77f204e 100644 Binary files a/src/assets/doc/ui_network-menu.png and b/src/assets/doc/ui_network-menu.png differ diff --git a/src/assets/doc/ui_selection.png b/src/assets/doc/ui_selection.png index 65fa31f46c28aa0c506332a391e5069b35816b0b..7da6dc218e87fa55ba8ddd45b07dee54aaca1ca5 100644 Binary files a/src/assets/doc/ui_selection.png and b/src/assets/doc/ui_selection.png differ diff --git a/src/assets/doc/ui_sidebar.png b/src/assets/doc/ui_sidebar.png index fc9a8a9a608abd958510e7eff079242d39c1875d..fa34b3659758f96fcfa63c1a4b64eef804f6c255 100644 Binary files a/src/assets/doc/ui_sidebar.png and b/src/assets/doc/ui_sidebar.png differ diff --git a/src/assets/doc/ui_task-execution.png b/src/assets/doc/ui_task-execution.png index 8b816ce81ec0ffe59c7b82f6336c4d36792f0fe6..b2c176787bff5420935b9b17167817f0fd59d2b2 100644 Binary files a/src/assets/doc/ui_task-execution.png and b/src/assets/doc/ui_task-execution.png differ diff --git a/src/assets/doc/ui_view.png b/src/assets/doc/ui_view.png new file mode 100644 index 0000000000000000000000000000000000000000..2d2c2fe1d7518c5c3bc0c6b3404ce3b9e5cb3d9d Binary files /dev/null and b/src/assets/doc/ui_view.png differ diff --git a/src/index.html b/src/index.html index 01c70c1cf38e22406bbf3796d75f60ea26808304..7480199a16638d6dd7209a5098ce6abcb11408fd 100644 --- a/src/index.html +++ b/src/index.html @@ -54,8 +54,8 @@ /> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script> - <script type="text/javascript" src="https://cdn.drugst.one/v1.1.16/drugstone.js"></script> - <link rel="stylesheet" href="https://cdn.drugst.one/v1.1.16/styles.css"> + <script type="text/javascript" src="https://cdn.drugst.one/v1.1.17/drugstone.js"></script> + <link rel="stylesheet" href="https://cdn.drugst.one/v1.1.17/styles.css"> <!-- <script type="text/javascript" src="https://cdn.drugst.one/nightly/drugstone.js"></script> <link rel="stylesheet" href="https://cdn.drugst.one/nightly/styles.css"> -->