tabshift/pocketbase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added view query sample loading indicator

Browse Source
This commit is contained in:
Gani Georgiev
2026-04-22 16:04:57 +03:00
parent 866b8b8029
commit 83e44a7cfb
6 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/dist/assets/index-DWSRRo-V.css → ui/dist/assets/index-BsxX9wuy.css vendored
View File

File diff suppressed because one or more lines are too long

2
ui/dist/assets/index-CRAjAtnU.js → ui/dist/assets/index-CFYkmcdC.js vendored
View File

File diff suppressed because one or more lines are too long

4
ui/dist/index.html vendored
View File

@@ -13,9 +13,9 @@
<!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-CRAjAtnU.js"></script>
<script type="module" crossorigin src="./assets/index-CFYkmcdC.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-DWSRRo-V.css">
<link rel="stylesheet" crossorigin href="./assets/index-BsxX9wuy.css">
</head>
<body>
</body>

6
ui/src/collections/collectionViewQueryTab.js
View File

@@ -171,9 +171,13 @@ export function collectionViewQueryTab(upsertData) {
),
t.div(
{ className: "col-12" },
t.p({ className: "txt-sm txt-bold" }, "Sample output:"),
t.p(
{ className: "txt-sm txt-bold" },
"Sample output:",
),
t.div(
{ className: "view-query-sample-wrapper" },
t.span({ hidden: () => !local.isTesting, className: "loader sm" }),
app.components.codeBlock({
language: () => local.testError ? "plain" : "js",
className: () => `view-query-sample ${local.testError ? "txt-danger" : ""}`,

10
ui/src/css/collectionModal.css
View File

@@ -88,7 +88,17 @@
padding: var(--smSpacing);
}
.view-query-sample-wrapper {
position: relative;
.loader {
position: absolute;
z-index: 1;
right: 10px;
top: 10px;
}
}
.view-query-sample code {
z-index: 0;
max-height: 300px;
background: none;
border: 1px solid var(--surfaceAlt2Color);