A user interface for the Typesense Server, run in the browser
a) clone or download this repo
b) open typesense-ui.html
You should now see three collections and some demo documents. Note that the demo does not present all features and may introduce bugs that don't occur when connecting your own instance. So it's recommended to connect to your own server.
a) add "enable-cors = true" to your Typesense Server in /etc/typesense/typesense-server.ini
b) clone or download this repo
c) add your Typesense Server API key and your Typesense Nodes to env in /js/typesense-api.js
d) set "USE_DEMO" in env to false or remove anything demo-related entirely
e) open typesense-ui.html
You should now see your collections and your documents.
Documents are displayed unfiltered on initial load. Hover over the table header and enter one or several filters, then click search or press enter to filter. Reset the filters with the close button or esc key.
Pagination
Hover of the collection title to get the page buttons displayed. Click up or down to flick through the paginated results.
You can set the pagination in env in /js/typesense-api.js. Max 250.
Hover over the table header and enter one or several entries, then click upload. Reset the entries with the close button or esc key.
Click the entry in the cell, make the change, then click somewhere else or press enter to commit the change.
Hover over the first column to get the delete button displayed for the row. Click it to get the confirmation button displayed. Click the confirmation button to irreversibly delete the doc from the collection.
When the contents of a cell overflow, you can scroll the cell left and right and the viewer will continuously scroll the content left in order to be able to read the full text.
The UI defaults to dark mode. To change to light mode, load style-light.css in typesense-ui.html