History: Offline Trackers

• «
• »

            ! Offline Trackers
{DIV(class="lead")}Tiki Wiki CMS Groupware offers a robust and flexible system for managing data through Trackers. The Offline Tracker feature allows users to interact with Tiki [https://doc.tiki.org/Trackers|Trackers] without requiring a continuous internet connection. This feature ensures that users can continue their work seamlessly, even in environments with unreliable or no internet connectivity. With Offline Trackers, you can cache necessary data, insert items into trackers, and sync your changes once you’re back online.{DIV}

!! Why this Feature in Tiki?

Available since [https://doc.tiki.org/Tiki26|Tiki26], the offline tracker feature enhances the flexibility and accessibility of Tiki Trackers by ensuring that users can continue their work without interruption, regardless of their connectivity status. It allows for uninterrupted data entry and management, making Tiki more robust and versatile for users in remote or mobile environments.


!! Requirements

To use the Offline Tracker feature, you need:

* Tiki instance.
* Trackers well setup


!! Setup

__1. Enable the Offline Tracker Feature__:
* Ensure the Offline Tracker feature is activated by navigating to __''Settings > Control Panel > Features.''__
* Under the Global Features tab, enable the Progressive Web Application option.
{img type="fileId" fileId="2072" link="display2072" width="400"  rel="box[g]" imalign="center" desc="Click to expand" align="center" styleimage="border"}

__2. Install the Dexie Package__:
* Check if the Dexie package is installed. If not, you can install it by going to __''Settings > Control Panel > Packages''__.
* On the Packages page, search for npm-asset/dexie in the list and proceed with the installation.
__3. Choose Trackers for Offline Use__:
* Navigate to your Tiki Trackers page 
* Select the tracker you want to make available offline.
* Click the Properties tab.
* In the popup, select the Features section
* Check the Allow offline usage option to enable offline functionality for this selected tracker

!! How it works

__Note:__ Currently we support the following fields.

||__Field__ |__Notes__
__Text__ | Support all options but the multilingual option.
__TextArea__ | Supports all options except multilingual and WYSIWYG (requires Vue initialization)
__Dropdown__ | Supports all forms: radios, checkboxes, select, multi-select, select with other
__DateTime__ | Traditional datetime field with dropdowns for month, year, etc
__ItemLink__ | Single/multi-selection with field formatting. Advanced display options to be added later
__ItemsList__ | Relatively full support in both input and output modes
__Files__ |  Supports basic options: type/name filtering, maximum uploads.
__UserSelector__ |  Fully supported except group-list selection (users by groups).
__AutoIncrement__ |  Fully supported
__Checkbox__ |  Fully supported
__JsCalendar__ |  Reuses datetime-picker Vue widget, mostly fully supported. 
__DynamicList__ |  Relatively full support similar to ItemsList. ||


!!! Steps:

* __Choose Trackers for Offline Use:__ Select the trackers you want to use offline by enabling the "Allow offline usage" option in the tracker’s properties.

* __Load Offline Page:__ While connected to the internet, load the offline page to cache the necessary data for offline use.

* __Navigate to the Offline mode__ Access offline trackers

{img type="fileId" fileId="2070" link="display2070" width="400"  rel="box[g]" imalign="center" desc="Click to expand" align="center" styleimage="border"}

* __Work Offline:__  Insert items into all available trackers even without an internet connection.

* __Manage Stored Items:__ If you make a mistake, you can delete temporarily stored items or edit them as needed.

* __Sync Items When Back Online:__ Once you regain internet access, sync the offline changes with the server to update your trackers.

{img type="fileId" fileId="2071" link="display2071" width="400"  rel="box[g]" imalign="center" desc="Click to expand" align="center" styleimage="border"}

* __Auto-Sync:__ If you are online while using the offline page, your changes will automatically sync with the server.

* __Validation:__ jQuery validation works with Vue components, ensuring that required fields are validated. Other validation types, such as uniqueness or format checks that require remote verification, are still under development.