-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
mob next [ci-skip] [ci skip] [skip ci]
lastFile:frontend/src/stores/useReportStore.ts
- Loading branch information
1 parent
f3c2fa5
commit 0b7db29
Showing
12 changed files
with
154 additions
and
20 deletions.
There are no files selected for viewing
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
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
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
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
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
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 |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| import { defineStore } from "pinia"; | ||
| import { ref, shallowRef } from "vue"; | ||
| import { type KeyLayoutSize, type KeyMoveDirection, type Layout, type Report } from "@/models"; | ||
| import { fetchReport } from "@/services/api"; | ||
| import { poll, swapItemsInArray } from "@/services/utils"; | ||
|
|
||
|
|
||
| export const useReportStore = defineStore("reports", () => { | ||
| // this object is not deeply reactive as it may be very large | ||
| const report = shallowRef<Report | null>(null); | ||
| const layout = ref<Layout>([]); | ||
|
|
||
| /** | ||
| * Return true if the the given key is in the list of displayed keys, false otherwise. | ||
| * @param key the key to look for | ||
| */ | ||
| function isKeyDisplayed(key: string) { | ||
| const visibleKeys = layout.value.map(({ key: k }) => k); | ||
| return visibleKeys.includes(key); | ||
| } | ||
|
|
||
| /** | ||
| * Add the value of a key to the report. | ||
| * @param key the key to add to the report | ||
| */ | ||
| async function displayKey(key: string) { | ||
| stopBackendPolling(); | ||
| if (!isKeyDisplayed(key)) { | ||
| layout.value.push({ key, size: "large" }); | ||
| await persistLayout(); | ||
| } | ||
| await startBackendPolling(); | ||
| } | ||
|
|
||
| /** | ||
| * Hide the value of a key from the report. | ||
| * @param key the key to hide | ||
| */ | ||
| async function hideKey(key: string) { | ||
| stopBackendPolling(); | ||
| if (isKeyDisplayed(key)) { | ||
| layout.value = layout.value.filter(({ key: k }) => key != k); | ||
| await persistLayout(); | ||
| } | ||
| await startBackendPolling(); | ||
| } | ||
|
|
||
| /** | ||
| * Change the visual size of the value of a key in the report. | ||
| * @param key the key which changes | ||
| * @param size the target size | ||
| */ | ||
| async function setKeyLayoutSize(key: string, size: KeyLayoutSize) { | ||
| stopBackendPolling(); | ||
| if (isKeyDisplayed(key)) { | ||
| const index = layout.value.findIndex(({ key: k }) => key == k); | ||
| if (index !== -1) { | ||
| layout.value[index].size = size; | ||
| } | ||
| await persistLayout(); | ||
| } | ||
| await startBackendPolling(); | ||
| } | ||
|
|
||
| /** | ||
| * Move a displayed key up or down in the list | ||
| * @param key the key to replace | ||
| * @param direction up or down | ||
| */ | ||
| async function moveKey(key: string, direction: KeyMoveDirection) { | ||
| stopBackendPolling(); | ||
| const offset = direction == "up" ? -1 : 1; | ||
| const index = layout.value.findIndex(({ key: k }) => key == k); | ||
| swapItemsInArray(layout.value, index, index + offset); | ||
| await persistLayout(); | ||
| await startBackendPolling(); | ||
| } | ||
|
|
||
| /** | ||
| * Fetch all reports URI | ||
| * and eventually the detail of the currently selected report | ||
| */ | ||
| let _isCanceledCall = false; | ||
| async function fetch() { | ||
| if (!_isCanceledCall) { | ||
|
|
||
| const newReport = await fetchReport(); | ||
| report.value = newReport; | ||
| } | ||
| } | ||
| /** | ||
| * Start real time sync with the server. | ||
| */ | ||
| let _stopBackendPolling: Function | null = null; | ||
| async function startBackendPolling() { | ||
| _isCanceledCall = false; | ||
| _stopBackendPolling = await poll(fetch, 1500); | ||
| } | ||
|
|
||
| /** | ||
| * Stop real time sync with the server. | ||
| */ | ||
| function stopBackendPolling() { | ||
| _isCanceledCall = true; | ||
| _stopBackendPolling && _stopBackendPolling(); | ||
| } | ||
|
|
||
| /** | ||
| * Send new layout to backend | ||
| */ | ||
| async function persistLayout() { | ||
| if (report.value && layout.value) { | ||
| // FIXME p | ||
| //const report = await putLayout(report.value.uri, layout.value); | ||
| } | ||
| } | ||
|
|
||
| function setReport(r: Report) { | ||
| report.value = r; | ||
| // FIXME setup layout | ||
| } | ||
|
|
||
| return { | ||
| layout, | ||
| report, | ||
| displayKey, | ||
| hideKey, | ||
| setKeyLayoutSize, | ||
| startBackendPolling, | ||
| stopBackendPolling, | ||
| setReport, | ||
| moveKey, | ||
| }; | ||
| }); |
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
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
Binary file not shown.
Binary file not shown.
Binary file not shown.
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