Patterns you'll see on every page

Gurita reuses the same handful of interface patterns everywhere. Learn them once, on any page, and you know them everywhere else.

List pages

Every list — bookings, customers, rooms, payments, anything — works the same way.

Control	What it does
Search box	Filters the list as you type (usually needs 3+ characters).
Filter tabs	Some lists show a row of tabs above the table (for example, by status) — select one to narrow the list instantly.
Column headers	Select a header to sort by that column; select it again to reverse the order.
Rows per page	Choose 10–100 rows per page from the footer, on larger screens.
Pagination	Page numbers at the bottom; the total record count is always shown.
Row actions	The right-hand edge of a row carries Edit (pencil) and Delete (trash) icons; selecting the row itself usually opens it too. Some rows can't be edited or deleted — for example, records Gurita needs to keep — and simply don't show those icons.
Checkboxes + toolbar	Tick one or more rows to reveal bulk actions in the toolbar above the table — Edit, Delete, Copy, and (for smaller lists) Export. On a phone these collapse into a single menu icon.

Note: An empty list shows "It looks like there isn't any data. Create one to get started." instead of a blank table — select Create to add the first record.

Agency list showing search, sortable columns, row actions and pagination

Sorting always has exactly one active column — Gurita won't let you turn sorting off entirely, only switch which column and direction it uses.

Rows per page offers 10, 15, 25, 50 or 100 (15 to start with); the footer also always spells out the total, for example "127 items in total, 15 items on this page."

Bulk actions in the toolbar aren't all available at the same time: Edit and Copy only switch on once you've ticked exactly one row, Delete works with one or more, and Export only appears once you've ticked none — it exports the whole filtered list, not your selection, and only for lists with fewer than 150 matching records. Deleting several rows at once shows a progress bar (for example "3 / 12") while Gurita works through them, and won't let you close the dialog until it's done.

Some lists add a second Filter button next to the toolbar (a funnel icon) for narrowing the list beyond a plain search:

• On the Bookings list, it opens a short menu of one-click presets — "only upcoming", "Past only", "Only non-resolved" and, with the OTA module active, "OTA" — each added as a removable chip above the table.
• On richer lists like Customers and Agencies, it opens a full filter panel instead: pick one or more fields from a Filter dropdown, then fill in the box, range, or checkbox that appears for each one. These panels carry their own CSV button that exports every matching record, with no 150-record limit.

Building and saving a filtered view

On lists with a filter panel (like CRM → Customers), you can combine a filter with sorting, paging and a bookmark, so you or your team can return to exactly this view later:

1. Select Filter to open the panel, then pick one or more fields from the Filter dropdown — anything from a custom guest-data field to tags, loyalty level, or lifetime stays.
2. Fill in the box, range, or checkbox that appears for each field you picked, then select the search icon in the panel to apply it.
3. Sort a column and pick a page size as usual — both travel with the page's web address, exactly like a plain search (see Back button, bookmarks and refreshing below).
4. To reuse this exact combination later, type a name of at least 3 characters into the box at the bottom of the panel and select the disk icon. It's saved as a named filter and immediately appears as its own shortcut in the sidebar (see Shortcuts to saved filters above).

Customer list with the filter panel open and fields selected

Creating and editing a record

Opening a new or existing record works the same way everywhere, whether it opens as a full page or as a pop-up window on top of the list:

1. Select the green Create button above a list (or the matching entry in the top bar's Create menu) to start a new record; select a row, or its Edit icon, to open an existing one.
2. Fill in the fields. Required fields are checked as you go.
3. Select Save (bottom-right, disk icon). Some pages also offer Show All to return to the list without saving.
4. Gurita confirms with a short message at the bottom of the screen.

Warning: Gurita doesn't warn you about unsaved changes. Navigating away, closing a dialog with Close instead of Save, or refreshing the page all discard anything you haven't saved yet — select Save before you leave.

Required fields and validation

If a required field is empty, or its format is wrong, Gurita won't save the record. The field turns red and shows a short reason underneath it — for example, "Password is required" or "E-mail must be valid". Fix the field and select Save again.

A few more examples of the wording you'll run into: "Passwords must match" on a repeat-password field, or "Password must be longer than 4 characters" anywhere you set one. Gurita checks the whole form the moment you select Save, then keeps re-checking a field every time you change it after that — it won't interrupt you while you're still typing for the first time.

Saving: confirmation messages

After you save, delete, or otherwise change something, Gurita confirms it with a short message bar at the bottom of the screen — green for success, red if something went wrong. It disappears on its own after a few seconds, or select Close to dismiss it right away.

The wording follows the same pattern everywhere — "item successfully saved", "item successfully removed" — and success messages clear themselves after about 3 seconds, while error messages stay up longer, around 6 seconds, to give you time to read them. Occasionally you'll see a third, orange colour for a message that's neither a clean success nor a failure — for example, a feature that isn't switched on yet.

Dialogs and pop-up windows

Many actions — creating a record, confirming a deletion, choosing an asset — open in a pop-up window (a dialog) on top of the current page instead of a new page. Most dialogs are deliberate about closing: selecting outside the box won't dismiss it. Use the Close (X) button in the top-right corner, or the action buttons at the bottom.

Room type list with the edit dialog open

Warning: Deleting is one of the few actions Gurita always double-checks — you'll see "Do you really want to delete this item?" before anything is removed. Read it carefully, since deletions can't be undone.

The same yes/no pattern shows up for other one-way actions, worded for what you're about to do — for example, "Do you really want to cancel the booking?" when cancelling a reservation.

Date pickers

Wherever you need a date, either type it directly (Gurita tidies up the format once you click away) or select the calendar icon to pick a day visually. Fields that only allow a certain range — such as an arrival date before a departure date — grey out the days outside that range.

Reports and other date-range fields go a step further with a shortcut list next to the calendar — Current Month, Last Month, Last 3 Month, Current Year, Last Year, and day-count presets like Last 30 Days — so you rarely need to click through months by hand.

Working offline

If your connection drops, Gurita tells you clearly: the top bar turns red and shows a "no connection" icon, and any list you open shows a plain "Offline" placeholder instead of data. Nothing is lost — reconnect and Gurita reloads on its own.

The "no connection" icon itself only shows on larger screens; on a phone or narrow tablet the top bar still turns red, you just won't see the icon that explains why. While you're offline you can keep looking at whatever page is already open, but you can't load new lists or records, save changes, or search — Gurita doesn't queue anything for later, so save your work as soon as you're back online.

Separately, Gurita also checks that your computer's clock roughly matches its server's — whenever you open the app, and again whenever you switch back to its browser tab. If the two are more than a minute apart, a dialog explains why and offers a Refresh button; you can dismiss it and keep working, but arrival/departure dates or payment timestamps recorded while your clock is off could be wrong, so fix your computer's clock and refresh when you can.

Back button, bookmarks and refreshing

Your browser's Back and Forward buttons — and the Back arrow in the top bar — work as expected throughout Gurita. On list pages, your search text, sort order and page number are kept in the web address, so you can bookmark a specific filtered view or share the link with a colleague.