Skip to content

Commit

Permalink
[update] merged with sp-next-factor branch, links fixed, release date…
Browse files Browse the repository at this point in the history
… added, links to samples for start-end props added
tbshag2 committed Nov 6, 2024
1 parent 6044562 commit 5b56005
Showing 7 changed files with 20 additions and 14 deletions.
4 changes: 4 additions & 0 deletions docs/api/config/booking-end.md
Original file line number Diff line number Diff line change
@@ -29,3 +29,7 @@ new booking.Booking("#root", {
// other parameters
});
~~~

The snippet below shows how to set the [start](/api/config/booking-start) and end dates:

<iframe src="https://snippet.dhtmlx.com/cc28whe7?mode=result" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
4 changes: 2 additions & 2 deletions docs/api/config/booking-start.md
Original file line number Diff line number Diff line change
@@ -30,6 +30,6 @@ new booking.Booking("#root", {
});
~~~

The snippet below shows how to set the start date:
The snippet below shows how to set the start and [end](/api/config/booking-end) dates:

<iframe src="https://snippet.dhtmlx.com/cm7871sl?mode=result" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
<iframe src="https://snippet.dhtmlx.com/cc28whe7?mode=result" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
10 changes: 5 additions & 5 deletions docs/guides/configuration.md
Original file line number Diff line number Diff line change
@@ -366,7 +366,7 @@ Please, see an example in the [snippet tool](https://snippet.dhtmlx.com/pd6wp1xc

## Configuring the filter

You can configure filter settings via the [`filterShape`](/api/config/booking-filterShape) property. Default configuration is the following:
You can configure filter settings via the [`filterShape`](/api/config/booking-filtershape) property. Default configuration is the following:

~~~jsx {}
const defaultTimeRanges = [
@@ -389,7 +389,7 @@ const defaultFilterShape = {

### Hiding filter input fields

All input fields are displayed by default: text, time, and date. To hide the fields, apply the [`filterShape`](/api/config/booking-filterShape) property and set the corresponding parameters to **false**.
All input fields are displayed by default: text, time, and date. To hide the fields, apply the [`filterShape`](/api/config/booking-filtershape) property and set the corresponding parameters to **false**.

Example:

@@ -407,7 +407,7 @@ new booking.Booking("#root", {

### Configuring filter fields

To enable the auto-complete and show the values that match a user's input text in the **text** field, set the `suggest` parameter of the [`filterShape`](/api/config/booking-filterShape) property to **true**. The values from the [`data`](/api/config/booking-data) object will be displayed. To add labels to these fields, apply the `label` parameter of the [`filterShape`](/api/config/booking-filterShape) property.
To enable the auto-complete and show the values that match a user's input text in the **text** field, set the `suggest` parameter of the [`filterShape`](/api/config/booking-filtershape) property to **true**. The values from the [`data`](/api/config/booking-data) object will be displayed. To add labels to these fields, apply the `label` parameter of the [`filterShape`](/api/config/booking-filtershape) property.

Example:

@@ -427,7 +427,7 @@ new booking.Booking("#root", {
});
~~~

To define the time filtering options, for the `time` parameter of the [`filterShape`](/api/config/booking-filterShape) property specify the start and end slot time values:
To define the time filtering options, for the `time` parameter of the [`filterShape`](/api/config/booking-filtershape) property specify the start and end slot time values:

- `from` - the start time for a slot; it can be a number from 0 to 24 that specifies the time in hours (e.g., 9 means 9:00, 8.5 means 8:30) or a string in the format "h:m" (for example, "8:30")
- `to` - the end time for a slot; it can be a number from 0 to 24 that specifies the time in hours (e.g., 9 means 9:00, 8.5 means 8:30) or a string in the format "h:m" (for example, "8:30")
@@ -455,7 +455,7 @@ new booking.Booking("#root", {

### Enabling the autoApply mode for the filter

To hide the **Search** button and make the filter immediately apply a user's input, set the `autoApply` parameter of the [`filterShape`](/api/config/booking-filterShape) property to **true**.
To hide the **Search** button and make the filter immediately apply a user's input, set the `autoApply` parameter of the [`filterShape`](/api/config/booking-filtershape) property to **true**.

Example:

2 changes: 1 addition & 1 deletion docs/guides/initialization.md
Original file line number Diff line number Diff line change
@@ -10,7 +10,7 @@ This guide will give you detailed instructions on how to create Booking on a pag

1. [Include the Booking source files on a page](#including-source-files).
2. [Create a container for Booking](#creating-container).
3. [Initialize Booking with a constructor](#initializing-file-manager).
3. [Initialize Booking with a constructor](#initializing-booking).

## Including source files

4 changes: 2 additions & 2 deletions docs/how-to-start.md
Original file line number Diff line number Diff line change
@@ -12,14 +12,14 @@ This clear and comprehensive tutorial will guide your through the steps you need

## Step 1. Downloading and installing packages

[Download the package](https://dhtmlx.com/docs/products/dhtmlxbooking/download.shtml) and unpack it into a folder of your project.
[Download the package](https://dhtmlx.com/docs/products/dhtmlxBooking/) and unpack it into a folder of your project.

You can import JavaScript Booking into your project using `yarn` or `npm` package manager.

#### Installing trial Booking via npm and yarn

:::info
If you want to use the trial version of Booking, download the trial [booking package](https://dhtmlx.com/docs/products/dhtmlxbooking/download.shtml) and follow the steps mentioned in the *README* file. Note that trial booking is available for 30 days only.
If you want to use the trial version of Booking, download the trial [booking package](https://dhtmlx.com/docs/products/dhtmlxBooking/) and follow the steps mentioned in the *README* file. Note that trial booking is available for 30 days only.
:::

#### Installing PRO Booking via npm and yarn
2 changes: 2 additions & 0 deletions docs/news/whats_new.md
Original file line number Diff line number Diff line change
@@ -8,6 +8,8 @@ description: SEO data

## Version 1.0.0

Released on November 6, 2024

### Initial functionality

- [Various rules](/guides/configuration#defining-slot-rules) for defining item slots
8 changes: 4 additions & 4 deletions docusaurus.config.js
Original file line number Diff line number Diff line change
@@ -212,7 +212,7 @@ const config = {
items: [
{
"label": "Examples",
"href": "https://snippet.dhtmlx.com", // [TODO] change before release
"href": "https://snippet.dhtmlx.com/d7w3jtqz?tag=booking",
"position": "right"
},
{
@@ -227,7 +227,7 @@ const config = {
},
{
"label": "Download",
"href": "https://dhtmlx.com/docs/products/dhtmlxBooking/download.shtml", // [TODO] change before release
"href": "https://dhtmlx.com/docs/products/dhtmlxBooking/",
"position": "right"
}
],
@@ -240,12 +240,12 @@ const config = {
"items": [
{
"label": "Download Booking",
"href": "https://dhtmlx.com/docs/products/dhtmlxBooking/download.shtml", // [TODO] change before release
"href": "https://dhtmlx.com/docs/products/dhtmlxBooking/",
"position": "right"
},
{
"label": "Examples",
"href": "https://snippet.dhtmlx.com", // [TODO] change before release
"href": "https://snippet.dhtmlx.com/d7w3jtqz?tag=booking",
"position": "right"
},
{

0 comments on commit 5b56005

Please sign in to comment.