-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[pre-commit.ci] auto fixes from pre-commit.com hooks
for more information, see https://pre-commit.ci
- Loading branch information
1 parent
ab4cd4d
commit dad8a59
Showing
1 changed file
with
106 additions
and
106 deletions.
There are no files selected for viewing
212 changes: 106 additions & 106 deletions
212
src/electron/frontend/core/components/pages/guided-mode/results/GuidedResults.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,106 +1,106 @@ | ||
| import { html } from "lit"; | ||
| import { unsafeSVG } from "lit/directives/unsafe-svg.js"; | ||
| import folderOpenSVG from "../../../../../assets/icons/folder_open.svg?raw"; | ||
|
|
||
| import { Page } from "../../Page.js"; | ||
| import { getStubArray } from "../options/GuidedStubPreview.js"; | ||
| import { getSharedPath } from "../../../preview/NWBFilePreview.js"; | ||
|
|
||
| import { electron, path } from "../../../../../utils/electron.js"; | ||
|
|
||
| import manualActionsJSON from "../../../../../../../schemas/json/manual_actions.json"; | ||
|
|
||
| import { CodeBlock } from "../../../CodeBlock.js"; | ||
|
|
||
| const { ipcRenderer } = electron; | ||
|
|
||
| export class GuidedResultsPage extends Page { | ||
| constructor(...args) { | ||
| super(...args); | ||
| } | ||
|
|
||
| header = { | ||
| controls: () => | ||
| html`<nwb-button | ||
| size="small" | ||
| @click=${() => { | ||
| if (ipcRenderer) ipcRenderer.send("showItemInFolder", this.#sharedPath()); | ||
| }} | ||
| >${unsafeSVG(folderOpenSVG)}</nwb-button | ||
| >`, | ||
| }; | ||
|
|
||
| footer = {}; | ||
|
|
||
| #sharedPath = () => { | ||
| const { conversion } = this.info.globalState; | ||
| if (!conversion) return ""; | ||
| return getSharedPath(getStubArray(conversion).map((item) => item.file)); | ||
| }; | ||
|
|
||
| updated() { | ||
| this.save(); // Save the current state | ||
| } | ||
|
|
||
| render() { | ||
| const { conversion } = this.info.globalState; | ||
|
|
||
| if (!conversion) | ||
| return html`<div style="text-align: center;"><p>Your conversion failed. Please try again.</p></div>`; | ||
|
|
||
| // Show a snippet for how to open the NWB file | ||
| return html` | ||
| <p>Your data was successfully converted to NWB!</p> | ||
| <ol style="margin: 10px 0px; padding-top: 0;"> | ||
| ${getStubArray(conversion) | ||
| .map(({ file }) => file.split(path.sep).slice(-1)[0]) | ||
| .sort() | ||
| .map((id) => html`<li>${id}</li>`)} | ||
| </ol> | ||
| <h4>But what about my other data?</h4> | ||
| <p> | ||
| The GUIDE still can't do everything. You may need to manually adjust the NWB file to ensure it contains | ||
| all the necessary data. | ||
| </p> | ||
| ${new CodeBlock({ | ||
| text: `from pynwb import NWBHDF5IO, NWBFile, TimeSeries | ||
| filename = "${this.#sharedPath()}" | ||
| # Open the file | ||
| with NWBHDF5IO(filename, "r+") as io: | ||
| nwbfile = io.read() | ||
| # Adjust the file as needed | ||
| # ... | ||
| # Write the modified file | ||
| io.write(nwbfile) | ||
| `, | ||
| })} | ||
| <h5>Related Documentation</h5> | ||
| <div | ||
| style="display: flex; gap: 10px; margin-top: 15px; padding-bottom: 5px; margin-bottom: 10px; overflow: auto;" | ||
| > | ||
| ${manualActionsJSON.map( | ||
| ({ name, description, url }) => html` | ||
| <div style="min-width: 300px; padding: 20px; background-color: #f0f0f0; border-radius: 5px;"> | ||
| <h4 style="margin-bottom: 5px;"> | ||
| <a href=${url} target="_blank" style="text-decoration: none;">${name}</a> | ||
| </h4> | ||
| <small>${description}</small> | ||
| </div> | ||
| ` | ||
| )} | ||
| </div> | ||
| <p> | ||
| For more information, please refer to the | ||
| <a href="https://pynwb.readthedocs.io/en/stable/" target="_blank">PyNWB</a> and | ||
| <a href="https://neurodatawithoutborders.github.io/matnwb/" target="_blank">MatNWB</a> documentation. | ||
| </p> | ||
| `; | ||
| } | ||
| } | ||
|
|
||
| customElements.get("nwbguide-guided-results-page") || | ||
| customElements.define("nwbguide-guided-results-page", GuidedResultsPage); | ||
| import { html } from "lit"; | ||
| import { unsafeSVG } from "lit/directives/unsafe-svg.js"; | ||
| import folderOpenSVG from "../../../../../assets/icons/folder_open.svg?raw"; | ||
|
|
||
| import { Page } from "../../Page.js"; | ||
| import { getStubArray } from "../options/GuidedStubPreview.js"; | ||
| import { getSharedPath } from "../../../preview/NWBFilePreview.js"; | ||
|
|
||
| import { electron, path } from "../../../../../utils/electron.js"; | ||
|
|
||
| import manualActionsJSON from "../../../../../../../schemas/json/manual_actions.json"; | ||
|
|
||
| import { CodeBlock } from "../../../CodeBlock.js"; | ||
|
|
||
| const { ipcRenderer } = electron; | ||
|
|
||
| export class GuidedResultsPage extends Page { | ||
| constructor(...args) { | ||
| super(...args); | ||
| } | ||
|
|
||
| header = { | ||
| controls: () => | ||
| html`<nwb-button | ||
| size="small" | ||
| @click=${() => { | ||
| if (ipcRenderer) ipcRenderer.send("showItemInFolder", this.#sharedPath()); | ||
| }} | ||
| >${unsafeSVG(folderOpenSVG)}</nwb-button | ||
| >`, | ||
| }; | ||
|
|
||
| footer = {}; | ||
|
|
||
| #sharedPath = () => { | ||
| const { conversion } = this.info.globalState; | ||
| if (!conversion) return ""; | ||
| return getSharedPath(getStubArray(conversion).map((item) => item.file)); | ||
| }; | ||
|
|
||
| updated() { | ||
| this.save(); // Save the current state | ||
| } | ||
|
|
||
| render() { | ||
| const { conversion } = this.info.globalState; | ||
|
|
||
| if (!conversion) | ||
| return html`<div style="text-align: center;"><p>Your conversion failed. Please try again.</p></div>`; | ||
|
|
||
| // Show a snippet for how to open the NWB file | ||
| return html` | ||
| <p>Your data was successfully converted to NWB!</p> | ||
| <ol style="margin: 10px 0px; padding-top: 0;"> | ||
| ${getStubArray(conversion) | ||
| .map(({ file }) => file.split(path.sep).slice(-1)[0]) | ||
| .sort() | ||
| .map((id) => html`<li>${id}</li>`)} | ||
| </ol> | ||
| <h4>But what about my other data?</h4> | ||
| <p> | ||
| The GUIDE still can't do everything. You may need to manually adjust the NWB file to ensure it contains | ||
| all the necessary data. | ||
| </p> | ||
| ${new CodeBlock({ | ||
| text: `from pynwb import NWBHDF5IO, NWBFile, TimeSeries | ||
| filename = "${this.#sharedPath()}" | ||
| # Open the file | ||
| with NWBHDF5IO(filename, "r+") as io: | ||
| nwbfile = io.read() | ||
| # Adjust the file as needed | ||
| # ... | ||
| # Write the modified file | ||
| io.write(nwbfile) | ||
| `, | ||
| })} | ||
| <h5>Related Documentation</h5> | ||
| <div | ||
| style="display: flex; gap: 10px; margin-top: 15px; padding-bottom: 5px; margin-bottom: 10px; overflow: auto;" | ||
| > | ||
| ${manualActionsJSON.map( | ||
| ({ name, description, url }) => html` | ||
| <div style="min-width: 300px; padding: 20px; background-color: #f0f0f0; border-radius: 5px;"> | ||
| <h4 style="margin-bottom: 5px;"> | ||
| <a href=${url} target="_blank" style="text-decoration: none;">${name}</a> | ||
| </h4> | ||
| <small>${description}</small> | ||
| </div> | ||
| ` | ||
| )} | ||
| </div> | ||
| <p> | ||
| For more information, please refer to the | ||
| <a href="https://pynwb.readthedocs.io/en/stable/" target="_blank">PyNWB</a> and | ||
| <a href="https://neurodatawithoutborders.github.io/matnwb/" target="_blank">MatNWB</a> documentation. | ||
| </p> | ||
| `; | ||
| } | ||
| } | ||
|
|
||
| customElements.get("nwbguide-guided-results-page") || | ||
| customElements.define("nwbguide-guided-results-page", GuidedResultsPage); |