Skip to content

Commit f00ec07

Browse files
committed
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
1 parent cdeb5cc commit f00ec07

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

tutorial/markdown/connectors/tooljet/tooljet-couchbase-airline-dashboard.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -225,8 +225,6 @@ LIMIT 50
225225

226226
5. Click **Run** to test the query
227227

228-
![SQL++ Query operation configured in ToolJet](query-v2.png)
229-
230228
You should see results in the preview panel — a list of airlines with their names, countries, and callsigns.
231229

232230
> **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
254252
{ "$country": "United States" }
255253
```
256254

255+
![SQL++ Query with parameterized arguments and query options in ToolJet](query-v2.png)
256+
257257
3. Click **Run** — you should see only airlines from the United States
258258

259259
> **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
287287
- **Collection**: `airline`
288288
- **Document ID**: `{{components.table1.selectedRow.doc_id}}`
289289

290-
![Get Document operation configured in ToolJet](get-doc.png)
290+
![Get Document operation in ToolJet — use `inventory` for Scope and `airline` for Collection in place of the `_default` values shown](get-doc.png)
291291

292292
2. Drag a **Modal** component onto the canvas and add **Text** components inside it to display:
293293
- `{{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
333333
}
334334
```
335335

336-
![Create Document operation configured in ToolJet](create-doc.png)
336+
![Create Document operation in ToolJet — use `inventory` for Scope and `airline` for Collection in place of the `_default` values shown](create-doc.png)
337337

338338
4. Wire it up:
339339
- "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
369369
}
370370
```
371371

372-
![Update Document operation configured in ToolJet](update-doc.png)
372+
![Update Document operation in ToolJet — use `inventory` for Scope and `airline` for Collection in place of the `_default` values shown](update-doc.png)
373373

374374
4. Wire the "Save" button to: **Run query** `updateAirline`**Run query** `listAirlines`**Hide modal**
375375

@@ -386,7 +386,7 @@ Test it: Click "Add Airline", fill in the form, click "Create". The new airline
386386
- **Collection**: `airline`
387387
- **Document ID**: `{{components.table1.selectedRow.doc_id}}`
388388

389-
![Delete Document operation configured in ToolJet](delete-doc.png)
389+
![Delete Document operation in ToolJet — use `inventory` for Scope and `airline` for Collection in place of the `_default` values shown](delete-doc.png)
390390

391391
3. Wire the "Delete" button to show a **confirmation dialog**, then:
392392
- **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
419419
}
420420
```
421421

422-
![FTS Search operation configured in ToolJet](fts-search-v2.png)
422+
![FTS Search operation in ToolJet — use `airline-name-index` for Index Name in place of the `hotel-index` value shown](fts-search-v2.png)
423423

424424
3. Add an event handler on the search input: **On change****Run query** `searchAirlines`
425425

0 commit comments

Comments
 (0)