# @tanglemedia/directus-collection-modal

Installs the Page Collection to your Directus project. 

The package will install the following collections:

* Page Collection `tngl_modal`
 
It automatically sets the following:

* Creates a new role called Website. If the Website role already exist, it will not create a new one.
* Website role will have READ permission to tngl_modal collection
* Sets default presets when viewing a list of pages

## Requirements
- Directus >= 10.10.1
- Node >= 18.x.x


## Install
1. Add the following variables to your Directus env file:
   - `SITE_BASE_URL` (Base url of the site. Needed to properly format the full url of the page in the collection)

2. `npm i @tanglemedia/directus-collection-modal`  

3. `npx directus bootstrap` to update your database and restart directus


## What's inside the package

### Modal Collection
- Enable
- Type
- Timeout
- Heading
- Content
- Image
- Buttons