mirror of
https://github.com/RADar-AZDelta/azd-radar-data-athenaSearch.git
synced 2026-03-23 20:37:13 +00:00
A search component to search the database of Athena OHDSI
- Svelte 63.8%
- TypeScript 21%
- SCSS 9.3%
- JavaScript 3.8%
- HTML 0.9%
- Other 1.2%
| .github/workflows | ||
| .vscode | ||
| libs | ||
| src | ||
| .gitignore | ||
| .gitmodules | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| build.sh | ||
| eslint.config.js | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
| svelte.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||
@radar-azdelta/svelte-Athena-search
We have created a component where we can search the Athena database for concepts. The reason for this component is so we can use this in other projects where we need to search the Athena database. The layout is based on the design of the webtool from Athena so that the users will have a familiar experience. It uses the @radar-azdelta/svelte-datatable package, which is an easy to use and fast table component.
Features
- Filter on domain, vocabulary, ...
- Sorting
- Filtering
- Bind custom actions to rows
- Can be used without configuration
Usage
Install the package
npm install @radar-azdelta/svelte-athena-search
Add the component to a Svelte page
<script lang="ts">
import Search from '@radar-azdelta/svelte-Athena-search'
</script>
<Search />
Example
See the demo site
Manual
Properties
The Search component has the following optional properties
| Value | Description | Required | Default |
|---|---|---|---|
| views | Create up to 2 extra screens to use in the Search component | no | [] |
| globalFilter | A filter to set on a specific column | no | { column: 'all', filter: undefined } |
| tableOptions | Extra options to give to the table (id, defaultColumnWidth, ...) | no | undefined |
| height | Set a certain height for the component | no | 100% |
| width | Set a certain width for the component | no | 100% |
| fontSize | Set a certain font size for all the text in the component | no | 10px |