Skip to content

Commit

Permalink
Updated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Sami Kauranen committed Jan 30, 2020
1 parent 4b80981 commit a7ec6b3
Showing 1 changed file with 22 additions and 6 deletions.
28 changes: 22 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,16 +29,32 @@ export class AppModule { }
## Usage
Simple usage example
```html
<pro-resource-calendar [dates]="dates" [events]="events">
<pro-resource-calendar [dates]="dates" [events]="events" [infoTemplate]="infoTemplate" [hourTemplate]="hourTemplate">
</pro-resource-calendar>
<ng-template #infoTemplate>
Info view
</ng-template>
<ng-template #hourTemplate let-slot="slot">
<div>{{ slot.time | data: 'shortTime' }}</div>
</ng-template>
```

| Attribute | Description |
| --- | --- |
| `dates` | Specifies the dates and resources which calendar shows |
| `events` | Events to show in calendar |
| Attribute | Description | Template output |
| --- | --- | --- |
| `dates` | Specifies the dates and resources which calendar shows | |
| `events` | Events to show in calendar ||
| `slotDurationInMinutes` | How many minutes one slot is. Default 15 minutes. | |
| `height` | Heigh of one slot in pixels. Default 60px. | |
| `hourBorderHeight` | Height between slots when hour changes like border or margin etc. Default 1px. | |
| `infoTemplate` | A custom template to use for the header empty space top of hours. | - |
| `dayTemplate` | A custom template to use for day view in header | day = DateModel |
| `resourceTemplate` | A custom template to use for day view resource in header (below day template) | resource = ResourceModel |
| `hourTemplate` | A custom template to use for hour view (left to calendar) | slot = SlotModel |
| `eventTemplate` | A custom template to use for events | event = EventModel, resource = ResourceModel, day = DayModel |
| `slotTemplate` | A custom template to use for slots | slot = SlotModel, resource = ResourceModel, day = DayModel |
| `currentTimeTemplate` | A custom template to show current time etc. custom overlay | day = DateModel |

## License
[The MIT License (MIT)](LICENSE)

Copyright (c) 2020 Protacon
Copyright (c) 2020 Protacon

0 comments on commit a7ec6b3

Please sign in to comment.