admindb 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +20 -20
- package/README.md +354 -325
- package/dist/db/database.d.ts +61 -39
- package/dist/db/database.js +251 -51
- package/dist/db/database.js.map +1 -1
- package/dist/db/manager.d.ts +2 -2
- package/dist/db/manager.js +3 -2
- package/dist/db/manager.js.map +1 -1
- package/dist/public/css/app.css +1 -1
- package/dist/public/css/input.css +232 -179
- package/dist/public/js/api.js +47 -47
- package/dist/public/js/app.js +120 -120
- package/dist/public/js/browse.js +877 -123
- package/dist/public/js/databases.js +45 -45
- package/dist/public/js/designer.js +205 -205
- package/dist/public/js/forms.js +244 -244
- package/dist/public/js/query.js +232 -232
- package/dist/public/js/schema.js +314 -314
- package/dist/routes/api.js +261 -97
- package/dist/routes/api.js.map +1 -1
- package/dist/routes/pages.js +50 -30
- package/dist/routes/pages.js.map +1 -1
- package/dist/sql/generator.d.ts +0 -22
- package/dist/sql/generator.js +0 -48
- package/dist/sql/generator.js.map +1 -1
- package/dist/test/database.test.js +241 -63
- package/dist/test/database.test.js.map +1 -1
- package/dist/test/generator.test.js +0 -32
- package/dist/test/generator.test.js.map +1 -1
- package/dist/util.d.ts +13 -1
- package/dist/util.js +24 -2
- package/dist/util.js.map +1 -1
- package/dist/views/layouts/main.hbs +49 -49
- package/dist/views/pages/databases.hbs +102 -102
- package/dist/views/pages/designer.hbs +81 -81
- package/dist/views/pages/error.hbs +12 -12
- package/dist/views/pages/form.hbs +62 -62
- package/dist/views/pages/home.hbs +123 -123
- package/dist/views/pages/query.hbs +94 -94
- package/dist/views/pages/schema.hbs +290 -290
- package/dist/views/pages/table.hbs +256 -203
- package/dist/views/partials/navbar.hbs +50 -50
- package/dist/views/partials/sidebar.hbs +116 -128
- package/package.json +66 -62
- package/dist/public/js/triggers.js +0 -155
- package/dist/public/js/views.js +0 -176
- package/dist/views/pages/triggers.hbs +0 -162
- package/dist/views/pages/views.hbs +0 -134
|
@@ -1,203 +1,256 @@
|
|
|
1
|
-
<div class="space-y-5">
|
|
2
|
-
<!-- Header -->
|
|
3
|
-
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
4
|
-
<div class="flex items-center gap-3.5">
|
|
5
|
-
<span class="grid h-12 w-12 place-items-center rounded-xl bg-primary/10 text-primary">
|
|
6
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" /></svg>
|
|
7
|
-
</span>
|
|
8
|
-
<div>
|
|
9
|
-
<h1 class="font-mono text-2xl font-bold tracking-tight">{{table}}</h1>
|
|
10
|
-
<p class="text-sm text-base-content/55">
|
|
11
|
-
{{count}} row(s) · {{info.columns.length}} column(s)
|
|
12
|
-
{{#if pkCols.length}}· PK <span class="font-mono">{{join pkCols ", "}}</span>{{/if}}
|
|
13
|
-
</p>
|
|
14
|
-
</div>
|
|
15
|
-
</div>
|
|
16
|
-
<div class="flex flex-wrap gap-2">
|
|
17
|
-
<a href="{{basePath}}/tables/{{table}}/schema" class="btn btn-ghost btn-sm gap-1.5">
|
|
18
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
|
|
19
|
-
Edit schema
|
|
20
|
-
</a>
|
|
21
|
-
<a href="{{basePath}}/export" class="btn btn-ghost btn-sm gap-1.5">
|
|
22
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
|
|
23
|
-
SQL dump
|
|
24
|
-
</a>
|
|
25
|
-
<div class="dropdown dropdown-end">
|
|
26
|
-
<div tabindex="0" role="button" class="btn btn-outline btn-sm gap-1.5">
|
|
27
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
|
|
28
|
-
Export
|
|
29
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>
|
|
30
|
-
</div>
|
|
31
|
-
<ul tabindex="0" class="dropdown-content menu z-50 w-40 rounded-xl border border-base-300 bg-base-100 p-1.5 shadow-lift">
|
|
32
|
-
<li><a href="{{basePath}}/api/tables/{{table}}/export?format=csv">CSV</a></li>
|
|
33
|
-
<li><a href="{{basePath}}/api/tables/{{table}}/export?format=json">JSON</a></li>
|
|
34
|
-
</ul>
|
|
35
|
-
</div>
|
|
36
|
-
{{#unless readonly}}
|
|
37
|
-
<button id="import-csv" type="button" class="btn btn-outline btn-sm gap-1.5">
|
|
38
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" /></svg>
|
|
39
|
-
Import CSV
|
|
40
|
-
</button>
|
|
41
|
-
{{/unless}}
|
|
42
|
-
<a href="{{basePath}}/query" class="btn btn-outline btn-sm gap-1.5">
|
|
43
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
|
|
44
|
-
Query
|
|
45
|
-
</a>
|
|
46
|
-
{{#unless readonly}}
|
|
47
|
-
<a href="{{basePath}}/tables/{{table}}/rows/new" class="btn btn-primary btn-sm gap-1.5">
|
|
48
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" /></svg>
|
|
49
|
-
New row
|
|
50
|
-
</a>
|
|
51
|
-
{{/unless}}
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
|
|
55
|
-
<!-- Row filters -->
|
|
56
|
-
<
|
|
57
|
-
<
|
|
58
|
-
<span class="flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-base-content/45">
|
|
59
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414A1 1 0 0014 15.414V20a1 1 0 01-1 1h-2a1 1 0 01-1-1v-4.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" /></svg>
|
|
60
|
-
Filter rows
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
<
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
</
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
<
|
|
1
|
+
<div class="space-y-5">
|
|
2
|
+
<!-- Header -->
|
|
3
|
+
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
4
|
+
<div class="flex items-center gap-3.5">
|
|
5
|
+
<span class="grid h-12 w-12 place-items-center rounded-xl bg-primary/10 text-primary">
|
|
6
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" /></svg>
|
|
7
|
+
</span>
|
|
8
|
+
<div>
|
|
9
|
+
<h1 class="font-mono text-2xl font-bold tracking-tight">{{table}}</h1>
|
|
10
|
+
<p class="text-sm text-base-content/55">
|
|
11
|
+
{{count}} row(s) · {{info.columns.length}} column(s)
|
|
12
|
+
{{#if pkCols.length}}· PK <span class="font-mono">{{join pkCols ", "}}</span>{{/if}}
|
|
13
|
+
</p>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="flex flex-wrap gap-2">
|
|
17
|
+
<a href="{{basePath}}/tables/{{table}}/schema" class="btn btn-ghost btn-sm gap-1.5">
|
|
18
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
|
|
19
|
+
Edit schema
|
|
20
|
+
</a>
|
|
21
|
+
<a href="{{basePath}}/export" class="btn btn-ghost btn-sm gap-1.5">
|
|
22
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
|
|
23
|
+
SQL dump
|
|
24
|
+
</a>
|
|
25
|
+
<div class="dropdown dropdown-end">
|
|
26
|
+
<div tabindex="0" role="button" class="btn btn-outline btn-sm gap-1.5">
|
|
27
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
|
|
28
|
+
Export
|
|
29
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>
|
|
30
|
+
</div>
|
|
31
|
+
<ul tabindex="0" class="dropdown-content menu z-50 w-40 rounded-xl border border-base-300 bg-base-100 p-1.5 shadow-lift">
|
|
32
|
+
<li><a href="{{basePath}}/api/tables/{{table}}/export?format=csv">CSV</a></li>
|
|
33
|
+
<li><a href="{{basePath}}/api/tables/{{table}}/export?format=json">JSON</a></li>
|
|
34
|
+
</ul>
|
|
35
|
+
</div>
|
|
36
|
+
{{#unless readonly}}
|
|
37
|
+
<button id="import-csv" type="button" class="btn btn-outline btn-sm gap-1.5">
|
|
38
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" /></svg>
|
|
39
|
+
Import CSV
|
|
40
|
+
</button>
|
|
41
|
+
{{/unless}}
|
|
42
|
+
<a href="{{basePath}}/query" class="btn btn-outline btn-sm gap-1.5">
|
|
43
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
|
|
44
|
+
Query
|
|
45
|
+
</a>
|
|
46
|
+
{{#unless readonly}}
|
|
47
|
+
<a href="{{basePath}}/tables/{{table}}/rows/new" class="btn btn-primary btn-sm gap-1.5">
|
|
48
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" /></svg>
|
|
49
|
+
New row
|
|
50
|
+
</a>
|
|
51
|
+
{{/unless}}
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<!-- Row filters (collapsed by default; auto-expands when filters are active) -->
|
|
56
|
+
<details class="app-card overflow-hidden" {{#if filterQS}}open{{/if}}>
|
|
57
|
+
<summary class="group flex cursor-pointer list-none items-center justify-between gap-2 px-4 py-3 transition hover:bg-base-200/40 [&::-webkit-details-marker]:hidden">
|
|
58
|
+
<span class="flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-base-content/45">
|
|
59
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414A1 1 0 0014 15.414V20a1 1 0 01-1 1h-2a1 1 0 01-1-1v-4.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" /></svg>
|
|
60
|
+
Filter rows
|
|
61
|
+
{{#if filterQS}}<span class="chip chip-pk">active</span>{{/if}}
|
|
62
|
+
</span>
|
|
63
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-base-content/40 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>
|
|
64
|
+
</summary>
|
|
65
|
+
<form id="filter-form" class="border-t border-base-200 p-4">
|
|
66
|
+
<p class="mb-3 text-xs text-base-content/40">Filters adapt to each column's type: foreign keys, booleans, dates and numbers get dedicated controls. Text columns keep the operator syntax — <code>=exact</code> · <code>>5</code> · <code>pre*</code> starts with · plain text = contains.</p>
|
|
67
|
+
<div id="filter-fields" class="grid grid-cols-2 gap-2 md:grid-cols-3 xl:grid-cols-4"></div>
|
|
68
|
+
<div class="mt-3 flex flex-wrap items-center gap-2">
|
|
69
|
+
<button type="submit" class="btn btn-primary btn-sm gap-1.5">
|
|
70
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>
|
|
71
|
+
Apply filter
|
|
72
|
+
</button>
|
|
73
|
+
<button type="button" id="clear-filter" class="btn btn-ghost btn-sm">Clear</button>
|
|
74
|
+
{{#if filterQS}}
|
|
75
|
+
<span class="text-xs text-base-content/50">Filtering <b class="tabular-nums">{{count}}</b> row(s).</span>
|
|
76
|
+
{{/if}}
|
|
77
|
+
</div>
|
|
78
|
+
</form>
|
|
79
|
+
</details>
|
|
80
|
+
|
|
81
|
+
<!-- CSV import -->
|
|
82
|
+
<div id="import-panel" class="app-card hidden p-4">
|
|
83
|
+
<div class="mb-3 flex items-center justify-between">
|
|
84
|
+
<h2 class="text-sm font-semibold uppercase tracking-wide text-base-content/45">Import CSV into <span class="font-mono normal-case">{{table}}</span></h2>
|
|
85
|
+
<button id="import-csv-close" type="button" class="btn btn-ghost btn-xs" aria-label="Close">×</button>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="space-y-3">
|
|
88
|
+
<textarea id="import-csv-text" rows="6" class="field-input w-full font-mono text-[13px]" placeholder="id,name,email 1,Ada,ada@example.com 2,Bob,bob@example.com" spellcheck="false"></textarea>
|
|
89
|
+
<div class="flex flex-wrap items-center gap-3">
|
|
90
|
+
<input type="file" id="import-csv-file" class="file-input file-input-sm w-full max-w-xs" accept=".csv,text/csv" />
|
|
91
|
+
<button id="import-csv-submit" type="button" class="btn btn-primary btn-sm gap-1.5">
|
|
92
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" /></svg>
|
|
93
|
+
Import
|
|
94
|
+
</button>
|
|
95
|
+
</div>
|
|
96
|
+
<p class="text-xs text-base-content/45">The first row must be column names matching this table. Empty cells are treated as “not set” so database defaults apply. The import is transactional — a failed row rolls back everything.</p>
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
|
|
100
|
+
{{#if rows.length}}
|
|
101
|
+
<div class="app-card overflow-hidden">
|
|
102
|
+
<!-- Toolbar -->
|
|
103
|
+
<div class="flex flex-wrap items-center justify-between gap-2 border-b border-base-200 px-4 py-3">
|
|
104
|
+
<span class="text-sm text-base-content/55">Showing <b class="tabular-nums">{{firstRow}}</b>–<b class="tabular-nums">{{lastRow}}</b> of <b class="tabular-nums">{{count}}</b> rows</span>
|
|
105
|
+
<label class="flex items-center gap-2 text-sm text-base-content/55">
|
|
106
|
+
Rows per page
|
|
107
|
+
<select id="page-size" class="field-select !w-auto !py-1.5 !text-[13px]" data-table="{{table}}" data-orderby="{{orderBy}}" data-orderdir="{{orderDir}}" data-filters="{{filterQS}}">
|
|
108
|
+
{{#each sizes}}<option value="{{this}}" {{#if (eq this ../pageSize)}}selected{{/if}}>{{this}}</option>{{/each}}
|
|
109
|
+
</select>
|
|
110
|
+
</label>
|
|
111
|
+
</div>
|
|
112
|
+
|
|
113
|
+
<!-- Bulk selection bar -->
|
|
114
|
+
<div id="bulk-bar" class="hidden items-center justify-between gap-2 border-b border-base-200 bg-primary/[0.04] px-4 py-2.5">
|
|
115
|
+
<span class="text-sm font-medium text-base-content/80">
|
|
116
|
+
<b id="bulk-count" class="tabular-nums text-primary">0</b> row(s) selected
|
|
117
|
+
</span>
|
|
118
|
+
<div class="flex flex-wrap items-center gap-1.5">
|
|
119
|
+
<button id="bulk-export-csv" type="button" class="btn btn-ghost btn-xs gap-1 text-base-content/70 hover:text-primary">
|
|
120
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
|
|
121
|
+
Export CSV
|
|
122
|
+
</button>
|
|
123
|
+
<button id="bulk-export-json" type="button" class="btn btn-ghost btn-xs gap-1 text-base-content/70 hover:text-primary">
|
|
124
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
|
|
125
|
+
Export JSON
|
|
126
|
+
</button>
|
|
127
|
+
<button id="bulk-delete" type="button" class="btn btn-error btn-xs gap-1" {{#if readonly}}disabled{{/if}}>
|
|
128
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
|
|
129
|
+
Delete
|
|
130
|
+
</button>
|
|
131
|
+
<button id="bulk-clear" type="button" class="btn btn-ghost btn-xs text-base-content/60">Clear</button>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
|
|
135
|
+
<div class="overflow-x-auto">
|
|
136
|
+
<table class="table table-sm table-pin-rows">
|
|
137
|
+
<thead>
|
|
138
|
+
<tr class="bg-base-200/70 text-xs uppercase tracking-wide text-base-content/50">
|
|
139
|
+
{{#if hasPk}}
|
|
140
|
+
<th class="w-10 text-center font-semibold">
|
|
141
|
+
<input type="checkbox" id="select-all-rows" class="checkbox checkbox-primary checkbox-xs" title="Select all rows on this page" />
|
|
142
|
+
</th>
|
|
143
|
+
{{/if}}
|
|
144
|
+
{{#each colHeaders}}
|
|
145
|
+
<th class="whitespace-nowrap font-semibold">
|
|
146
|
+
<a href="{{this.href}}" class="sort-link {{#if this.active}}active{{/if}}" title="Sort by {{this.name}}">
|
|
147
|
+
<span class="font-mono normal-case">{{this.name}}</span>
|
|
148
|
+
{{#if this.pk}}<span class="chip chip-pk">PK</span>{{/if}}
|
|
149
|
+
<span class="sort-arrow">{{#if (eq this.dir 'desc')}}↓{{else}}↑{{/if}}</span>
|
|
150
|
+
</a>
|
|
151
|
+
</th>
|
|
152
|
+
{{/each}}
|
|
153
|
+
<th class="text-right font-semibold">Actions</th>
|
|
154
|
+
{{#each refColumns}}
|
|
155
|
+
<th class="whitespace-nowrap text-right font-semibold" title="Rows in {{this.table}} where {{this.from}} references {{this.to}}">
|
|
156
|
+
<span class="font-mono normal-case">{{this.table}}</span>
|
|
157
|
+
</th>
|
|
158
|
+
{{/each}}
|
|
159
|
+
</tr>
|
|
160
|
+
</thead>
|
|
161
|
+
<tbody>
|
|
162
|
+
{{#each rows}}
|
|
163
|
+
<tr class="group hover:bg-primary/[0.04]" data-table="{{../table}}" data-pk="{{this.pkEncoded}}">
|
|
164
|
+
{{#if ../hasPk}}
|
|
165
|
+
<td class="w-10 text-center align-middle">
|
|
166
|
+
{{#if this.pkEncoded}}
|
|
167
|
+
<input type="checkbox" class="row-checkbox checkbox checkbox-primary checkbox-xs" value="{{this.pkEncoded}}" aria-label="Select this row" />
|
|
168
|
+
{{/if}}
|
|
169
|
+
</td>
|
|
170
|
+
{{/if}}
|
|
171
|
+
{{#each this.cells}}
|
|
172
|
+
<td class="max-w-xs align-middle cell-editable {{#unless ../../readonly}}js-inline-cell{{/unless}}"
|
|
173
|
+
data-col="{{this.name}}" data-null="{{this.isNull}}" data-value="{{this.display}}">
|
|
174
|
+
{{#if this.isNull}}
|
|
175
|
+
<span class="chip chip-null js-cell-value">NULL</span>
|
|
176
|
+
{{else}}
|
|
177
|
+
<span class="js-cell-value block max-w-xs truncate font-mono text-[13px]" title="{{this.display}}">{{truncate this.display 120}}</span>
|
|
178
|
+
{{/if}}
|
|
179
|
+
</td>
|
|
180
|
+
{{/each}}
|
|
181
|
+
<td class="whitespace-nowrap text-right align-middle">
|
|
182
|
+
{{#unless ../readonly}}
|
|
183
|
+
{{#if this.pkEncoded}}
|
|
184
|
+
<div class="row-actions">
|
|
185
|
+
<a href="{{../basePath}}/tables/{{../table}}/rows/{{this.pkEncoded}}/edit" class="btn btn-ghost btn-xs gap-1 text-base-content/70 hover:text-primary">
|
|
186
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" /></svg>
|
|
187
|
+
Edit
|
|
188
|
+
</a>
|
|
189
|
+
<button type="button" class="btn btn-ghost btn-xs gap-1 text-error js-delete-row"
|
|
190
|
+
data-table="{{../table}}" data-pk="{{this.pkEncoded}}">
|
|
191
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
|
|
192
|
+
Delete
|
|
193
|
+
</button>
|
|
194
|
+
</div>
|
|
195
|
+
{{else}}
|
|
196
|
+
<span class="text-xs text-base-content/35">No PK</span>
|
|
197
|
+
{{/if}}
|
|
198
|
+
{{/unless}}
|
|
199
|
+
</td>
|
|
200
|
+
{{#each this.refs}}
|
|
201
|
+
<td class="whitespace-nowrap text-right align-middle">
|
|
202
|
+
{{#if this.value}}
|
|
203
|
+
<button type="button" class="js-ref-toggle inline-flex items-center gap-1.5 rounded-lg border border-base-300 bg-base-100 px-2 py-1 text-xs font-medium text-base-content/70 shadow-soft transition hover:border-primary/50 hover:text-primary {{#unless this.count}}opacity-50{{/unless}}"
|
|
204
|
+
data-table="{{../../table}}" data-pk="{{../pkEncoded}}" data-ref-table="{{this.table}}"
|
|
205
|
+
aria-expanded="false" title="View {{this.table}} rows where {{this.from}} = {{this.value}}">
|
|
206
|
+
<span class="font-mono normal-case">{{this.table}}</span>
|
|
207
|
+
<span class="rounded-md bg-primary/10 px-1.5 py-0.5 font-semibold tabular-nums text-primary">{{this.count}}</span>
|
|
208
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="js-ref-chevron h-3 w-3 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>
|
|
209
|
+
</button>
|
|
210
|
+
{{else}}
|
|
211
|
+
<span class="text-xs text-base-content/35">—</span>
|
|
212
|
+
{{/if}}
|
|
213
|
+
</td>
|
|
214
|
+
{{/each}}
|
|
215
|
+
</tr>
|
|
216
|
+
{{/each}}
|
|
217
|
+
</tbody>
|
|
218
|
+
</table>
|
|
219
|
+
</div>
|
|
220
|
+
|
|
221
|
+
<!-- Pagination -->
|
|
222
|
+
{{#if (gt pages 1)}}
|
|
223
|
+
<div class="flex flex-wrap items-center justify-between gap-2 border-t border-base-200 px-4 py-3">
|
|
224
|
+
<span class="text-sm text-base-content/50">Page {{page}} of {{pages}}</span>
|
|
225
|
+
<div class="flex gap-1.5">
|
|
226
|
+
<a href="{{basePath}}/tables/{{table}}?page={{sub page 1}}&size={{pageSize}}&orderBy={{orderBy}}&orderDir={{orderDir}}{{#if filterQS}}&{{filterQS}}{{/if}}"
|
|
227
|
+
class="btn btn-outline btn-sm {{#unless (gt page 1)}}btn-disabled{{/unless}}" aria-disabled="{{#if (gt page 1)}}false{{else}}true{{/if}}">
|
|
228
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /></svg>
|
|
229
|
+
Prev
|
|
230
|
+
</a>
|
|
231
|
+
<a href="{{basePath}}/tables/{{table}}?page={{add page 1}}&size={{pageSize}}&orderBy={{orderBy}}&orderDir={{orderDir}}{{#if filterQS}}&{{filterQS}}{{/if}}"
|
|
232
|
+
class="btn btn-outline btn-sm {{#unless (lt page pages)}}btn-disabled{{/unless}}" aria-disabled="{{#if (lt page pages)}}false{{else}}true{{/if}}">
|
|
233
|
+
Next
|
|
234
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /></svg>
|
|
235
|
+
</a>
|
|
236
|
+
</div>
|
|
237
|
+
</div>
|
|
238
|
+
{{/if}}
|
|
239
|
+
</div>
|
|
240
|
+
{{else}}
|
|
241
|
+
<div class="empty-state">
|
|
242
|
+
<span class="empty-icon">
|
|
243
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>
|
|
244
|
+
</span>
|
|
245
|
+
<p class="text-sm font-medium text-base-content/70">No rows in <span class="font-mono">{{table}}</span></p>
|
|
246
|
+
<div class="mt-2 flex gap-2">
|
|
247
|
+
{{#unless readonly}}
|
|
248
|
+
<a href="{{basePath}}/tables/{{table}}/rows/new" class="btn btn-primary btn-sm">Insert a row</a>
|
|
249
|
+
{{/unless}}
|
|
250
|
+
<a href="{{basePath}}/query" class="btn btn-outline btn-sm">Run a query</a>
|
|
251
|
+
</div>
|
|
252
|
+
</div>
|
|
253
|
+
{{/if}}
|
|
254
|
+
</div>
|
|
255
|
+
<script type="application/json" id="browse-config">{{{json browseConfig}}}</script>
|
|
256
|
+
<script src="{{basePath}}/js/browse.js" defer></script>
|