You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
fix: correct screenshot placements and add clarifying captions
- Move query-v2.png to parameterized query section (it shows args/options,
not the basic listAirlines query)
- Add captions noting _default scope/collection in CRUD screenshots
should be replaced with inventory/airline
- Add caption noting hotel-index in fts-search-v2.png should be
replaced with airline-name-index
Copy file name to clipboardExpand all lines: tutorial/markdown/connectors/tooljet/tooljet-couchbase-airline-dashboard.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -225,8 +225,6 @@ LIMIT 50
225
225
226
226
5. Click **Run** to test the query
227
227
228
-

229
-
230
228
You should see results in the preview panel — a list of airlines with their names, countries, and callsigns.
231
229
232
230
> **How it works**: This SQL++ query runs against the `airline` collection inside the `inventory` scope of the `travel-sample` bucket. `META().id` gives us the document ID, which we'll need for CRUD operations later.
@@ -254,6 +252,8 @@ LIMIT 50
254
252
{ "$country": "United States" }
255
253
```
256
254
255
+

256
+
257
257
3. Click **Run** — you should see only airlines from the United States
258
258
259
259
> **Why parameterized queries?** Instead of concatenating user input directly into SQL++ strings (which risks injection attacks), Couchbase's `$parameter` syntax sends values separately from the query statement. The plugin passes these through the `args` field in the Data API request body. You can also pass **Query Options** like `{ "readonly": true, "timeout": "30s" }` for additional control.
@@ -287,7 +287,7 @@ Let's add the ability to view a single airline's full document when a user click

290
+

291
291
292
292
2. Drag a **Modal** component onto the canvas and add **Text** components inside it to display:
293
293
-`{{queries.getAirline.data.name}}` — Airline name
@@ -333,7 +333,7 @@ Now when you click any airline row, it fetches the full document and displays it
333
333
}
334
334
```
335
335
336
-

336
+

337
337
338
338
4. Wire it up:
339
339
- "Add Airline" button → **Show modal** (the creation form modal)
@@ -369,7 +369,7 @@ Test it: Click "Add Airline", fill in the form, click "Create". The new airline
369
369
}
370
370
```
371
371
372
-

372
+

373
373
374
374
4. Wire the "Save" button to: **Run query**`updateAirline` → **Run query**`listAirlines` → **Hide modal**
375
375
@@ -386,7 +386,7 @@ Test it: Click "Add Airline", fill in the form, click "Create". The new airline

389
+

390
390
391
391
3. Wire the "Delete" button to show a **confirmation dialog**, then:
392
392
-**Run query**`deleteAirline` → **Run query**`listAirlines` (to refresh the table)
@@ -419,7 +419,7 @@ Now let's add a search bar that uses Couchbase's Full-Text Search to find airlin
419
419
}
420
420
```
421
421
422
-

422
+

423
423
424
424
3. Add an event handler on the search input: **On change** → **Run query**`searchAirlines`
0 commit comments