@konnectio/core 4.3.17 → 4.3.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +274 -274
- package/dist/{ActionField-zsR6Q0Lt.js → ActionField-Bg0yFXyo.js} +3 -3
- package/dist/ActionField-Bg0yFXyo.js.br +0 -0
- package/dist/ActionField-Bg0yFXyo.js.gz +0 -0
- package/dist/{AvailabilitySkeleton-j7146CzL.js → AvailabilitySkeleton-DLjqFg6U.js} +7 -7
- package/dist/AvailabilitySkeleton-DLjqFg6U.js.br +0 -0
- package/dist/AvailabilitySkeleton-DLjqFg6U.js.gz +0 -0
- package/dist/{AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_86730e88_lang-DGyrwJi3.js → AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_bcdabbb5_lang-CgMThV2A.js} +2 -2
- package/dist/AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_bcdabbb5_lang-CgMThV2A.js.br +0 -0
- package/dist/AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_bcdabbb5_lang-CgMThV2A.js.gz +0 -0
- package/dist/{CheckoutWindow-BxfQmIE3.js → CheckoutWindow-BMdnoHy9.js} +6 -6
- package/dist/CheckoutWindow-BMdnoHy9.js.br +0 -0
- package/dist/CheckoutWindow-BMdnoHy9.js.gz +0 -0
- package/dist/{ErrorMessage-94lZwu4l.js → ErrorMessage-jEofs6LL.js} +3 -3
- package/dist/ErrorMessage-jEofs6LL.js.br +0 -0
- package/dist/ErrorMessage-jEofs6LL.js.gz +0 -0
- package/dist/{EventAvailabilityForm-CdiGPOsU.js → EventAvailabilityForm-DP2s7m8v.js} +4 -4
- package/dist/EventAvailabilityForm-DP2s7m8v.js.br +0 -0
- package/dist/EventAvailabilityForm-DP2s7m8v.js.gz +0 -0
- package/dist/{Field-IulYHawr.js → Field-3KNgiKPM.js} +6 -6
- package/dist/Field-3KNgiKPM.js.br +0 -0
- package/dist/Field-3KNgiKPM.js.gz +0 -0
- package/dist/Field.vue_vue_type_style_index_0_scoped_c072a208_lang-B5c8ufB9.js +21 -0
- package/dist/Field.vue_vue_type_style_index_0_scoped_c072a208_lang-B5c8ufB9.js.br +0 -0
- package/dist/Field.vue_vue_type_style_index_0_scoped_c072a208_lang-B5c8ufB9.js.gz +0 -0
- package/dist/{SelectField.vue_vue_type_style_index_0_lang-xUbGmu0G.js → SelectField.vue_vue_type_style_index_0_lang-k2xp8Gqw.js} +11 -11
- package/dist/SelectField.vue_vue_type_style_index_0_lang-k2xp8Gqw.js.br +0 -0
- package/dist/SelectField.vue_vue_type_style_index_0_lang-k2xp8Gqw.js.gz +0 -0
- package/dist/{TermsOfService-C0UXGi-v.js → TermsOfService-CAwgDlMG.js} +7 -7
- package/dist/TermsOfService-CAwgDlMG.js.br +0 -0
- package/dist/TermsOfService-CAwgDlMG.js.gz +0 -0
- package/dist/_-DQD4tHzx.js +5 -0
- package/dist/_-DQD4tHzx.js.br +0 -0
- package/dist/_-DQD4tHzx.js.gz +2 -0
- package/dist/{_.vue_vue_type_style_index_0_lang-1YS6jkC9.js → _.vue_vue_type_style_index_0_lang-Bp4LTg7i.js} +2 -2
- package/dist/_.vue_vue_type_style_index_0_lang-Bp4LTg7i.js.br +0 -0
- package/dist/_.vue_vue_type_style_index_0_lang-Bp4LTg7i.js.gz +0 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js.gz +0 -0
- package/dist/availability.js +8 -8
- package/dist/availability.js.br +0 -0
- package/dist/availability.js.gz +0 -0
- package/dist/cancel-reservation.js +5 -5
- package/dist/cancel-reservation.js.br +0 -0
- package/dist/cancel-reservation.js.gz +0 -0
- package/dist/core.css +1 -1
- package/dist/core.css.br +0 -0
- package/dist/core.css.gz +0 -0
- package/dist/deep-link.js.gz +0 -0
- package/dist/event.js +73 -73
- package/dist/event.js.br +0 -0
- package/dist/event.js.gz +0 -0
- package/dist/gift-card-validation.js +13 -13
- package/dist/gift-card-validation.js.br +0 -0
- package/dist/gift-card-validation.js.gz +0 -0
- package/dist/gift-card.js +12 -12
- package/dist/gift-card.js.br +0 -0
- package/dist/gift-card.js.gz +0 -0
- package/dist/{giftCard-C9p1KM8D.js → giftCard-CrwgJ6Fm.js} +2 -2
- package/dist/giftCard-CrwgJ6Fm.js.br +0 -0
- package/dist/giftCard-CrwgJ6Fm.js.gz +0 -0
- package/dist/hotel.js +131 -130
- package/dist/hotel.js.br +0 -0
- package/dist/hotel.js.gz +0 -0
- package/dist/{index-Cvnya9Nj.js → index-DR2Ax4hj.js} +3 -3
- package/dist/index-DR2Ax4hj.js.br +0 -0
- package/dist/index-DR2Ax4hj.js.gz +0 -0
- package/dist/{masonry.plugin-C7yeboUH.js → masonry.plugin-CKPCoYcs.js} +59 -119
- package/dist/masonry.plugin-CKPCoYcs.js.br +0 -0
- package/dist/masonry.plugin-CKPCoYcs.js.gz +0 -0
- package/dist/mitt-CqW9zFaX.js.gz +0 -0
- package/dist/polyfill.js +5685 -5962
- package/dist/polyfill.js.br +0 -0
- package/dist/polyfill.js.gz +0 -0
- package/dist/style-Tyu_krEp.js.gz +0 -0
- package/package.json +118 -118
- package/dist/ActionField-zsR6Q0Lt.js.br +0 -0
- package/dist/ActionField-zsR6Q0Lt.js.gz +0 -0
- package/dist/AvailabilitySkeleton-j7146CzL.js.br +0 -0
- package/dist/AvailabilitySkeleton-j7146CzL.js.gz +0 -0
- package/dist/AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_86730e88_lang-DGyrwJi3.js.br +0 -0
- package/dist/AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_86730e88_lang-DGyrwJi3.js.gz +0 -0
- package/dist/CheckoutWindow-BxfQmIE3.js.br +0 -0
- package/dist/CheckoutWindow-BxfQmIE3.js.gz +0 -0
- package/dist/ErrorMessage-94lZwu4l.js.br +0 -0
- package/dist/ErrorMessage-94lZwu4l.js.gz +0 -0
- package/dist/EventAvailabilityForm-CdiGPOsU.js.br +0 -0
- package/dist/EventAvailabilityForm-CdiGPOsU.js.gz +0 -0
- package/dist/Field-IulYHawr.js.br +0 -0
- package/dist/Field-IulYHawr.js.gz +0 -0
- package/dist/Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-Czyin1ew.js +0 -21
- package/dist/Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-Czyin1ew.js.br +0 -0
- package/dist/Field.vue_vue_type_style_index_0_scoped_6ef33e68_lang-Czyin1ew.js.gz +0 -0
- package/dist/SelectField.vue_vue_type_style_index_0_lang-xUbGmu0G.js.br +0 -0
- package/dist/SelectField.vue_vue_type_style_index_0_lang-xUbGmu0G.js.gz +0 -0
- package/dist/TermsOfService-C0UXGi-v.js.br +0 -0
- package/dist/TermsOfService-C0UXGi-v.js.gz +0 -0
- package/dist/_-DDuKZ_0C.js +0 -5
- package/dist/_-DDuKZ_0C.js.br +0 -0
- package/dist/_-DDuKZ_0C.js.gz +0 -0
- package/dist/_.vue_vue_type_style_index_0_lang-1YS6jkC9.js.br +0 -0
- package/dist/_.vue_vue_type_style_index_0_lang-1YS6jkC9.js.gz +0 -0
- package/dist/giftCard-C9p1KM8D.js.br +0 -0
- package/dist/giftCard-C9p1KM8D.js.gz +0 -0
- package/dist/index-Cvnya9Nj.js.br +0 -0
- package/dist/index-Cvnya9Nj.js.gz +0 -0
- package/dist/masonry.plugin-C7yeboUH.js.br +0 -0
- package/dist/masonry.plugin-C7yeboUH.js.gz +0 -0
package/README.md
CHANGED
|
@@ -1,274 +1,274 @@
|
|
|
1
|
-
# Konnectio Core Integration for Octopus PMS
|
|
2
|
-
|
|
3
|
-
<p align="center">
|
|
4
|
-
<a href="https://vuejs.org/"><img src="https://img.shields.io/badge/vue-3-brightgreen.svg"/></a>
|
|
5
|
-
</p>
|
|
6
|
-
|
|
7
|
-
## Features
|
|
8
|
-
|
|
9
|
-
- Three feature-rich shortcode modules:
|
|
10
|
-
- Hotel availability 'call-to-action'
|
|
11
|
-
- Hotel module (with support for ReePay & Dibs)
|
|
12
|
-
- Gift card module (with support for ReePay & Dibs)
|
|
13
|
-
- Gift card validation
|
|
14
|
-
- Event module
|
|
15
|
-
- The look of the modules will adapt to the existing design of the website.
|
|
16
|
-
- Multiple languages supported:
|
|
17
|
-
- Works with popular multi-language plugins such as WPML and Polylang.
|
|
18
|
-
- Language strings can be modified through an easy to use interface.
|
|
19
|
-
- Comes prepackaged with Danish and English.
|
|
20
|
-
- Various customization options.
|
|
21
|
-
- Continuous updates. See [CHANGELOG.md](CHANGELOG.md).
|
|
22
|
-
|
|
23
|
-
## Getting started
|
|
24
|
-
|
|
25
|
-
### Installation
|
|
26
|
-
Simply upload and install `FreshBooking for Octopus PMS` in the same way you'd install any other plugin.
|
|
27
|
-
|
|
28
|
-
During the installation of the plugin two database tables are created. One for containing custom translation strings (which currently comes prepackaged with translations for Danish and English) and another for storing FreshBooking credentials.
|
|
29
|
-
|
|
30
|
-
### License activation
|
|
31
|
-
After the installation of the FreshBooking WordPress plugin it is necessary to activate the FreshBooking license. This is done by navigating to the 'FreshBooking' page in the sidebar menu within the WordPress administration panel. From there you click the tab labeled 'License'. Here you just fill out your Octopus PMS login credentials, and then click 'Generate License'. This will generate the FreshBooking token required to use the plugin.
|
|
32
|
-
|
|
33
|
-

|
|
34
|
-
|
|
35
|
-
After successfully generating the FreshBooking token, you will be able to begin setting up plugin provided shortcodes that constitute the main functionality.
|
|
36
|
-
|
|
37
|
-
## Usage
|
|
38
|
-
The FreshBooking WordPress plugin currently contains three shortcodes that require manual placement on a given page.
|
|
39
|
-
|
|
40
|
-
The shortcodes can be inserted without further configuration.
|
|
41
|
-
|
|
42
|
-
Common for all shortcodes is that they inject small [Vue.js](https://vuejs.org/) applications that work isolated from the rest of the Wordpress website.
|
|
43
|
-
|
|
44
|
-
The most optimal way to insert them are on pages with a _"full width"_ layout with about a 15-25 pixel margin in the sides.
|
|
45
|
-
|
|
46
|
-
### 'Availability' shortcode
|
|
47
|
-
|
|
48
|
-
The availability shortcode would most likely be inserted on the front page, and used as a _call to action_ to direct guests to _hotel_ module where the actual booking process happens.
|
|
49
|
-
|
|
50
|
-
The availability shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
51
|
-
|
|
52
|
-
```
|
|
53
|
-
[konnectio-availability]
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
You can add custom properties to the availability shortcode like so:
|
|
57
|
-
|
|
58
|
-
```
|
|
59
|
-
[konnectio-availability panel-padding="24px"]
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
The availability shortcode supports the following properties (the default property settings are listed in the right side of the arrows):
|
|
63
|
-
|
|
64
|
-
```js
|
|
65
|
-
[
|
|
66
|
-
'accent-color' => '#e7c55e',
|
|
67
|
-
'button-background' => '#e7c55e',
|
|
68
|
-
'button-border' => null,
|
|
69
|
-
'button-border-radius' => '4px',
|
|
70
|
-
'button-color' => '#000000',
|
|
71
|
-
'button-font-family' => 'inherit',
|
|
72
|
-
'button-font-size' => '14px',
|
|
73
|
-
'button-font-weight' => '400',
|
|
74
|
-
'button-text-transform' => 'uppercase',
|
|
75
|
-
'font-color' => '#666',
|
|
76
|
-
'font-family' => 'inherit',
|
|
77
|
-
'font-size' => '18px',
|
|
78
|
-
'header-color' => '#000000',
|
|
79
|
-
'header-font-size' => '42px',
|
|
80
|
-
'input-background' => '#fff',
|
|
81
|
-
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
82
|
-
'input-border-radius' => '0px',
|
|
83
|
-
'label-font-weight' => 'bold',
|
|
84
|
-
'label-padding' => '6px',
|
|
85
|
-
'panel-background' => 'rgba(255, 255, 255, 0.8)',
|
|
86
|
-
'panel-border' => null,
|
|
87
|
-
'panel-border-radius' => '8px',
|
|
88
|
-
'panel-padding' => '24px'
|
|
89
|
-
]
|
|
90
|
-
```
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
### 'Hotel' shortcode
|
|
94
|
-
|
|
95
|
-
The hotel shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
96
|
-
|
|
97
|
-
```
|
|
98
|
-
[konnectio-hotel]
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
The hotel shortcode supports the following properties:
|
|
102
|
-
|
|
103
|
-
```js
|
|
104
|
-
[
|
|
105
|
-
'accent-color' => '#e7c55e',
|
|
106
|
-
'button-background' => '#e7c55e',
|
|
107
|
-
'button-border-radius' => '4px',
|
|
108
|
-
'button-border' => null,
|
|
109
|
-
'button-color' => '#000000',
|
|
110
|
-
'button-font-family' => 'inherit',
|
|
111
|
-
'button-font-size' => '14px',
|
|
112
|
-
'button-font-weight' => '400',
|
|
113
|
-
'button-text-transform' => 'uppercase',
|
|
114
|
-
'danger-color' => '#afa997',
|
|
115
|
-
'font-color' => '#666',
|
|
116
|
-
'font-family' => 'inherit',
|
|
117
|
-
'font-size' => '18px',
|
|
118
|
-
'gray-color' => 'grey',
|
|
119
|
-
'header-color' => '#000000',
|
|
120
|
-
'header-layout' => 'default',
|
|
121
|
-
'input-background' => '#ffffff',
|
|
122
|
-
'input-border-radius' => '0px',
|
|
123
|
-
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
124
|
-
'label-font-weight' => 'bold',
|
|
125
|
-
'label-padding' => '6px',
|
|
126
|
-
'layout' => 'selective',
|
|
127
|
-
'loading-color' => '#666',
|
|
128
|
-
'packages-title-max-lines' => '1',
|
|
129
|
-
'panel-background' => '#ffffff',
|
|
130
|
-
'panel-border-radius' => '8px',
|
|
131
|
-
'panel-border' => null,
|
|
132
|
-
'panel-padding' => '24px',
|
|
133
|
-
'success-color' => '#e7c55e'
|
|
134
|
-
]
|
|
135
|
-
```
|
|
136
|
-
|
|
137
|
-
### 'Gift card' shortcode
|
|
138
|
-
|
|
139
|
-
The gift card shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
140
|
-
|
|
141
|
-
```
|
|
142
|
-
[konnectio-gift-card]
|
|
143
|
-
```
|
|
144
|
-
|
|
145
|
-
The gift card shortcode supports the following properties:
|
|
146
|
-
|
|
147
|
-
```js
|
|
148
|
-
[
|
|
149
|
-
'accent-color' => '#e7c55e',
|
|
150
|
-
'button-background' => '#e7c55e',
|
|
151
|
-
'button-border' => null,
|
|
152
|
-
'button-border-radius' => '4px',
|
|
153
|
-
'button-color' => '#000000',
|
|
154
|
-
'button-font-family' => 'inherit',
|
|
155
|
-
'button-font-size' => '14px',
|
|
156
|
-
'button-text-transform' => 'uppercase',
|
|
157
|
-
'button-font-weight' => '400',
|
|
158
|
-
'font-color' => '#666',
|
|
159
|
-
'font-family' => 'inherit',
|
|
160
|
-
'font-size' => '18px',
|
|
161
|
-
'font-weight' => '400',
|
|
162
|
-
'gray-color' => 'grey',
|
|
163
|
-
'header-color' => '#000000',
|
|
164
|
-
'header-font-size' => '32px',
|
|
165
|
-
'input-background' => '#ffffff',
|
|
166
|
-
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
167
|
-
'input-border-radius' => '0px',
|
|
168
|
-
'label-font-weight' => 'bold',
|
|
169
|
-
'label-padding' => '6px',
|
|
170
|
-
'loading-color' => '#666',
|
|
171
|
-
'panel-background' => '#ffffff',
|
|
172
|
-
'panel-border' => null,
|
|
173
|
-
'panel-border-radius' => '8px',
|
|
174
|
-
'panel-padding' => '24px',
|
|
175
|
-
'place-type' => '0',
|
|
176
|
-
'success-color' => '#e7c55e'
|
|
177
|
-
]
|
|
178
|
-
```
|
|
179
|
-
|
|
180
|
-
### 'Gift card validation' shortcode
|
|
181
|
-
|
|
182
|
-
The gift card validation shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
183
|
-
|
|
184
|
-
```
|
|
185
|
-
[konnectio-gift-card-validation]
|
|
186
|
-
```
|
|
187
|
-
|
|
188
|
-
The gift card validation shortcode supports the following properties:
|
|
189
|
-
|
|
190
|
-
```js
|
|
191
|
-
[
|
|
192
|
-
'accent-color' => '#e7c55e',
|
|
193
|
-
'button-background' => '#e7c55e',
|
|
194
|
-
'button-border' => null,
|
|
195
|
-
'button-border-radius' => '4px',
|
|
196
|
-
'button-color' => '#000000',
|
|
197
|
-
'button-font-family' => 'inherit',
|
|
198
|
-
'button-font-size' => '14px',
|
|
199
|
-
'button-text-transform' => 'uppercase',
|
|
200
|
-
'button-font-weight' => '400',
|
|
201
|
-
'font-color' => '#666',
|
|
202
|
-
'font-family' => 'inherit',
|
|
203
|
-
'font-size' => '18px',
|
|
204
|
-
'font-weight' => '400',
|
|
205
|
-
'gray-color' => 'grey',
|
|
206
|
-
'header-color' => '#000000',
|
|
207
|
-
'header-font-size' => '32px',
|
|
208
|
-
'input-background' => '#ffffff',
|
|
209
|
-
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
210
|
-
'input-border-radius' => '0px',
|
|
211
|
-
'label-font-weight' => 'bold',
|
|
212
|
-
'label-padding' => '6px',
|
|
213
|
-
'loading-color' => '#666',
|
|
214
|
-
'panel-background' => '#ffffff',
|
|
215
|
-
'panel-border' => null,
|
|
216
|
-
'panel-border-radius' => '8px',
|
|
217
|
-
'panel-padding' => '24px'
|
|
218
|
-
]
|
|
219
|
-
```
|
|
220
|
-
|
|
221
|
-
### 'Event' shortcode
|
|
222
|
-
|
|
223
|
-
The event shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
224
|
-
|
|
225
|
-
```
|
|
226
|
-
[konnectio-event]
|
|
227
|
-
```
|
|
228
|
-
|
|
229
|
-
The event validation shortcode supports the following properties:
|
|
230
|
-
|
|
231
|
-
```js
|
|
232
|
-
[
|
|
233
|
-
'accent-color' => '#e7c55e',
|
|
234
|
-
'button-background' => '#e7c55e',
|
|
235
|
-
'button-border-radius' => '4px',
|
|
236
|
-
'button-border' => null,
|
|
237
|
-
'button-color' => '#000000',
|
|
238
|
-
'button-font-family' => 'inherit',
|
|
239
|
-
'button-font-size' => '14px',
|
|
240
|
-
'button-font-weight' => '400',
|
|
241
|
-
'button-text-transform' => 'uppercase',
|
|
242
|
-
'danger-color' => '#afa997',
|
|
243
|
-
'font-color' => '#666',
|
|
244
|
-
'font-family' => 'inherit',
|
|
245
|
-
'font-size' => '18px',
|
|
246
|
-
'gray-color' => 'grey',
|
|
247
|
-
'header-color' => '#000000',
|
|
248
|
-
'input-background' => '#ffffff',
|
|
249
|
-
'input-border-radius' => '0px',
|
|
250
|
-
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
251
|
-
'label-font-weight' => 'bold',
|
|
252
|
-
'label-padding' => '6px',
|
|
253
|
-
'loading-color' => '#666',
|
|
254
|
-
'panel-background' => '#ffffff',
|
|
255
|
-
'panel-border-radius' => '8px',
|
|
256
|
-
'panel-border' => null,
|
|
257
|
-
'panel-padding' => '24px',
|
|
258
|
-
'success-color' => '#e7c55e'
|
|
259
|
-
]
|
|
260
|
-
```
|
|
261
|
-
|
|
262
|
-
## Configuration
|
|
263
|
-
|
|
264
|
-
The FreshBooking WordPress plugin can be configured from the `FreshBooking` page within the WordPress administration panel.
|
|
265
|
-
|
|
266
|
-
### Settings
|
|
267
|
-
|
|
268
|
-

|
|
269
|
-
|
|
270
|
-
### Translations
|
|
271
|
-
|
|
272
|
-
FreshBooking supports custom translations.
|
|
273
|
-
|
|
274
|
-

|
|
1
|
+
# Konnectio Core Integration for Octopus PMS
|
|
2
|
+
|
|
3
|
+
<p align="center">
|
|
4
|
+
<a href="https://vuejs.org/"><img src="https://img.shields.io/badge/vue-3-brightgreen.svg"/></a>
|
|
5
|
+
</p>
|
|
6
|
+
|
|
7
|
+
## Features
|
|
8
|
+
|
|
9
|
+
- Three feature-rich shortcode modules:
|
|
10
|
+
- Hotel availability 'call-to-action'
|
|
11
|
+
- Hotel module (with support for ReePay & Dibs)
|
|
12
|
+
- Gift card module (with support for ReePay & Dibs)
|
|
13
|
+
- Gift card validation
|
|
14
|
+
- Event module
|
|
15
|
+
- The look of the modules will adapt to the existing design of the website.
|
|
16
|
+
- Multiple languages supported:
|
|
17
|
+
- Works with popular multi-language plugins such as WPML and Polylang.
|
|
18
|
+
- Language strings can be modified through an easy to use interface.
|
|
19
|
+
- Comes prepackaged with Danish and English.
|
|
20
|
+
- Various customization options.
|
|
21
|
+
- Continuous updates. See [CHANGELOG.md](CHANGELOG.md).
|
|
22
|
+
|
|
23
|
+
## Getting started
|
|
24
|
+
|
|
25
|
+
### Installation
|
|
26
|
+
Simply upload and install `FreshBooking for Octopus PMS` in the same way you'd install any other plugin.
|
|
27
|
+
|
|
28
|
+
During the installation of the plugin two database tables are created. One for containing custom translation strings (which currently comes prepackaged with translations for Danish and English) and another for storing FreshBooking credentials.
|
|
29
|
+
|
|
30
|
+
### License activation
|
|
31
|
+
After the installation of the FreshBooking WordPress plugin it is necessary to activate the FreshBooking license. This is done by navigating to the 'FreshBooking' page in the sidebar menu within the WordPress administration panel. From there you click the tab labeled 'License'. Here you just fill out your Octopus PMS login credentials, and then click 'Generate License'. This will generate the FreshBooking token required to use the plugin.
|
|
32
|
+
|
|
33
|
+

|
|
34
|
+
|
|
35
|
+
After successfully generating the FreshBooking token, you will be able to begin setting up plugin provided shortcodes that constitute the main functionality.
|
|
36
|
+
|
|
37
|
+
## Usage
|
|
38
|
+
The FreshBooking WordPress plugin currently contains three shortcodes that require manual placement on a given page.
|
|
39
|
+
|
|
40
|
+
The shortcodes can be inserted without further configuration.
|
|
41
|
+
|
|
42
|
+
Common for all shortcodes is that they inject small [Vue.js](https://vuejs.org/) applications that work isolated from the rest of the Wordpress website.
|
|
43
|
+
|
|
44
|
+
The most optimal way to insert them are on pages with a _"full width"_ layout with about a 15-25 pixel margin in the sides.
|
|
45
|
+
|
|
46
|
+
### 'Availability' shortcode
|
|
47
|
+
|
|
48
|
+
The availability shortcode would most likely be inserted on the front page, and used as a _call to action_ to direct guests to _hotel_ module where the actual booking process happens.
|
|
49
|
+
|
|
50
|
+
The availability shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
51
|
+
|
|
52
|
+
```
|
|
53
|
+
[konnectio-availability]
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
You can add custom properties to the availability shortcode like so:
|
|
57
|
+
|
|
58
|
+
```
|
|
59
|
+
[konnectio-availability panel-padding="24px"]
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
The availability shortcode supports the following properties (the default property settings are listed in the right side of the arrows):
|
|
63
|
+
|
|
64
|
+
```js
|
|
65
|
+
[
|
|
66
|
+
'accent-color' => '#e7c55e',
|
|
67
|
+
'button-background' => '#e7c55e',
|
|
68
|
+
'button-border' => null,
|
|
69
|
+
'button-border-radius' => '4px',
|
|
70
|
+
'button-color' => '#000000',
|
|
71
|
+
'button-font-family' => 'inherit',
|
|
72
|
+
'button-font-size' => '14px',
|
|
73
|
+
'button-font-weight' => '400',
|
|
74
|
+
'button-text-transform' => 'uppercase',
|
|
75
|
+
'font-color' => '#666',
|
|
76
|
+
'font-family' => 'inherit',
|
|
77
|
+
'font-size' => '18px',
|
|
78
|
+
'header-color' => '#000000',
|
|
79
|
+
'header-font-size' => '42px',
|
|
80
|
+
'input-background' => '#fff',
|
|
81
|
+
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
82
|
+
'input-border-radius' => '0px',
|
|
83
|
+
'label-font-weight' => 'bold',
|
|
84
|
+
'label-padding' => '6px',
|
|
85
|
+
'panel-background' => 'rgba(255, 255, 255, 0.8)',
|
|
86
|
+
'panel-border' => null,
|
|
87
|
+
'panel-border-radius' => '8px',
|
|
88
|
+
'panel-padding' => '24px'
|
|
89
|
+
]
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
### 'Hotel' shortcode
|
|
94
|
+
|
|
95
|
+
The hotel shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
96
|
+
|
|
97
|
+
```
|
|
98
|
+
[konnectio-hotel]
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
The hotel shortcode supports the following properties:
|
|
102
|
+
|
|
103
|
+
```js
|
|
104
|
+
[
|
|
105
|
+
'accent-color' => '#e7c55e',
|
|
106
|
+
'button-background' => '#e7c55e',
|
|
107
|
+
'button-border-radius' => '4px',
|
|
108
|
+
'button-border' => null,
|
|
109
|
+
'button-color' => '#000000',
|
|
110
|
+
'button-font-family' => 'inherit',
|
|
111
|
+
'button-font-size' => '14px',
|
|
112
|
+
'button-font-weight' => '400',
|
|
113
|
+
'button-text-transform' => 'uppercase',
|
|
114
|
+
'danger-color' => '#afa997',
|
|
115
|
+
'font-color' => '#666',
|
|
116
|
+
'font-family' => 'inherit',
|
|
117
|
+
'font-size' => '18px',
|
|
118
|
+
'gray-color' => 'grey',
|
|
119
|
+
'header-color' => '#000000',
|
|
120
|
+
'header-layout' => 'default',
|
|
121
|
+
'input-background' => '#ffffff',
|
|
122
|
+
'input-border-radius' => '0px',
|
|
123
|
+
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
124
|
+
'label-font-weight' => 'bold',
|
|
125
|
+
'label-padding' => '6px',
|
|
126
|
+
'layout' => 'selective',
|
|
127
|
+
'loading-color' => '#666',
|
|
128
|
+
'packages-title-max-lines' => '1',
|
|
129
|
+
'panel-background' => '#ffffff',
|
|
130
|
+
'panel-border-radius' => '8px',
|
|
131
|
+
'panel-border' => null,
|
|
132
|
+
'panel-padding' => '24px',
|
|
133
|
+
'success-color' => '#e7c55e'
|
|
134
|
+
]
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
### 'Gift card' shortcode
|
|
138
|
+
|
|
139
|
+
The gift card shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
140
|
+
|
|
141
|
+
```
|
|
142
|
+
[konnectio-gift-card]
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
The gift card shortcode supports the following properties:
|
|
146
|
+
|
|
147
|
+
```js
|
|
148
|
+
[
|
|
149
|
+
'accent-color' => '#e7c55e',
|
|
150
|
+
'button-background' => '#e7c55e',
|
|
151
|
+
'button-border' => null,
|
|
152
|
+
'button-border-radius' => '4px',
|
|
153
|
+
'button-color' => '#000000',
|
|
154
|
+
'button-font-family' => 'inherit',
|
|
155
|
+
'button-font-size' => '14px',
|
|
156
|
+
'button-text-transform' => 'uppercase',
|
|
157
|
+
'button-font-weight' => '400',
|
|
158
|
+
'font-color' => '#666',
|
|
159
|
+
'font-family' => 'inherit',
|
|
160
|
+
'font-size' => '18px',
|
|
161
|
+
'font-weight' => '400',
|
|
162
|
+
'gray-color' => 'grey',
|
|
163
|
+
'header-color' => '#000000',
|
|
164
|
+
'header-font-size' => '32px',
|
|
165
|
+
'input-background' => '#ffffff',
|
|
166
|
+
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
167
|
+
'input-border-radius' => '0px',
|
|
168
|
+
'label-font-weight' => 'bold',
|
|
169
|
+
'label-padding' => '6px',
|
|
170
|
+
'loading-color' => '#666',
|
|
171
|
+
'panel-background' => '#ffffff',
|
|
172
|
+
'panel-border' => null,
|
|
173
|
+
'panel-border-radius' => '8px',
|
|
174
|
+
'panel-padding' => '24px',
|
|
175
|
+
'place-type' => '0',
|
|
176
|
+
'success-color' => '#e7c55e'
|
|
177
|
+
]
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
### 'Gift card validation' shortcode
|
|
181
|
+
|
|
182
|
+
The gift card validation shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
183
|
+
|
|
184
|
+
```
|
|
185
|
+
[konnectio-gift-card-validation]
|
|
186
|
+
```
|
|
187
|
+
|
|
188
|
+
The gift card validation shortcode supports the following properties:
|
|
189
|
+
|
|
190
|
+
```js
|
|
191
|
+
[
|
|
192
|
+
'accent-color' => '#e7c55e',
|
|
193
|
+
'button-background' => '#e7c55e',
|
|
194
|
+
'button-border' => null,
|
|
195
|
+
'button-border-radius' => '4px',
|
|
196
|
+
'button-color' => '#000000',
|
|
197
|
+
'button-font-family' => 'inherit',
|
|
198
|
+
'button-font-size' => '14px',
|
|
199
|
+
'button-text-transform' => 'uppercase',
|
|
200
|
+
'button-font-weight' => '400',
|
|
201
|
+
'font-color' => '#666',
|
|
202
|
+
'font-family' => 'inherit',
|
|
203
|
+
'font-size' => '18px',
|
|
204
|
+
'font-weight' => '400',
|
|
205
|
+
'gray-color' => 'grey',
|
|
206
|
+
'header-color' => '#000000',
|
|
207
|
+
'header-font-size' => '32px',
|
|
208
|
+
'input-background' => '#ffffff',
|
|
209
|
+
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
210
|
+
'input-border-radius' => '0px',
|
|
211
|
+
'label-font-weight' => 'bold',
|
|
212
|
+
'label-padding' => '6px',
|
|
213
|
+
'loading-color' => '#666',
|
|
214
|
+
'panel-background' => '#ffffff',
|
|
215
|
+
'panel-border' => null,
|
|
216
|
+
'panel-border-radius' => '8px',
|
|
217
|
+
'panel-padding' => '24px'
|
|
218
|
+
]
|
|
219
|
+
```
|
|
220
|
+
|
|
221
|
+
### 'Event' shortcode
|
|
222
|
+
|
|
223
|
+
The event shortcode can be inserted anywhere on the wordpress site using the following name:
|
|
224
|
+
|
|
225
|
+
```
|
|
226
|
+
[konnectio-event]
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
The event validation shortcode supports the following properties:
|
|
230
|
+
|
|
231
|
+
```js
|
|
232
|
+
[
|
|
233
|
+
'accent-color' => '#e7c55e',
|
|
234
|
+
'button-background' => '#e7c55e',
|
|
235
|
+
'button-border-radius' => '4px',
|
|
236
|
+
'button-border' => null,
|
|
237
|
+
'button-color' => '#000000',
|
|
238
|
+
'button-font-family' => 'inherit',
|
|
239
|
+
'button-font-size' => '14px',
|
|
240
|
+
'button-font-weight' => '400',
|
|
241
|
+
'button-text-transform' => 'uppercase',
|
|
242
|
+
'danger-color' => '#afa997',
|
|
243
|
+
'font-color' => '#666',
|
|
244
|
+
'font-family' => 'inherit',
|
|
245
|
+
'font-size' => '18px',
|
|
246
|
+
'gray-color' => 'grey',
|
|
247
|
+
'header-color' => '#000000',
|
|
248
|
+
'input-background' => '#ffffff',
|
|
249
|
+
'input-border-radius' => '0px',
|
|
250
|
+
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
|
|
251
|
+
'label-font-weight' => 'bold',
|
|
252
|
+
'label-padding' => '6px',
|
|
253
|
+
'loading-color' => '#666',
|
|
254
|
+
'panel-background' => '#ffffff',
|
|
255
|
+
'panel-border-radius' => '8px',
|
|
256
|
+
'panel-border' => null,
|
|
257
|
+
'panel-padding' => '24px',
|
|
258
|
+
'success-color' => '#e7c55e'
|
|
259
|
+
]
|
|
260
|
+
```
|
|
261
|
+
|
|
262
|
+
## Configuration
|
|
263
|
+
|
|
264
|
+
The FreshBooking WordPress plugin can be configured from the `FreshBooking` page within the WordPress administration panel.
|
|
265
|
+
|
|
266
|
+
### Settings
|
|
267
|
+
|
|
268
|
+

|
|
269
|
+
|
|
270
|
+
### Translations
|
|
271
|
+
|
|
272
|
+
FreshBooking supports custom translations.
|
|
273
|
+
|
|
274
|
+

|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { d as V, c as y, a as d, b as i, g as u, w as v, e as x, f as q } from "./mitt-CqW9zFaX.js";
|
|
2
|
-
import { H as g, x as k, d as B, i as I, T as C, e as T, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { H as g, x as k, d as B, i as I, T as C, e as T, _ as F } from "./SelectField.vue_vue_type_style_index_0_lang-k2xp8Gqw.js";
|
|
3
3
|
const A = { class: "konnectio-action-field" }, L = /* @__PURE__ */ V({
|
|
4
4
|
__name: "ActionField",
|
|
5
5
|
props: {
|
|
@@ -96,8 +96,8 @@ const A = { class: "konnectio-action-field" }, L = /* @__PURE__ */ V({
|
|
|
96
96
|
_: 1
|
|
97
97
|
}, 8, ["label", "id", "icon", "icon-type", "required", "type", "readonly"]));
|
|
98
98
|
}
|
|
99
|
-
}), U = /* @__PURE__ */ F(L, [["__scopeId", "data-v-
|
|
99
|
+
}), U = /* @__PURE__ */ F(L, [["__scopeId", "data-v-1f49e3b0"]]);
|
|
100
100
|
export {
|
|
101
101
|
U as A
|
|
102
102
|
};
|
|
103
|
-
//# sourceMappingURL=ActionField-
|
|
103
|
+
//# sourceMappingURL=ActionField-Bg0yFXyo.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { d as te, u as pe, s as Q, r as g, c as s, D as W, o as ye, h as b, b as u, f as n, w as De, i as N, e as w, a as h, g as t, n as S, B as ke, j as he } from "./mitt-CqW9zFaX.js";
|
|
2
|
-
import { u as X, b as we, a as Le, f as Z, P as Ve, T as xe, d as Ae, i as ee, e as ae, w as _e, _ as oe } from "./SelectField.vue_vue_type_style_index_0_lang-
|
|
3
|
-
import { _ } from "./AvailabilitySkeleton.
|
|
4
|
-
import { E as le } from "./Field.
|
|
5
|
-
import { F as f } from "./Field-
|
|
2
|
+
import { u as X, b as we, a as Le, f as Z, P as Ve, T as xe, d as Ae, i as ee, e as ae, w as _e, _ as oe } from "./SelectField.vue_vue_type_style_index_0_lang-k2xp8Gqw.js";
|
|
3
|
+
import { _ } from "./AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_bcdabbb5_lang-CgMThV2A.js";
|
|
4
|
+
import { E as le } from "./Field.vue_vue_type_style_index_0_scoped_c072a208_lang-B5c8ufB9.js";
|
|
5
|
+
import { F as f } from "./Field-3KNgiKPM.js";
|
|
6
6
|
const Ne = {
|
|
7
7
|
class: "konnectio-availability-location",
|
|
8
8
|
key: "location"
|
|
@@ -261,7 +261,7 @@ const Ne = {
|
|
|
261
261
|
}, 8, ["class"])
|
|
262
262
|
], 34));
|
|
263
263
|
}
|
|
264
|
-
}), ze = /* @__PURE__ */ oe(Be, [["__scopeId", "data-v-
|
|
264
|
+
}), ze = /* @__PURE__ */ oe(Be, [["__scopeId", "data-v-7082dcbf"]]), He = { class: "availability-skeleton" }, Re = {
|
|
265
265
|
key: 0,
|
|
266
266
|
class: "availability-skeleton-navigation"
|
|
267
267
|
}, Fe = { class: "availability-skeleton-content" }, Ie = {
|
|
@@ -312,9 +312,9 @@ const Ne = {
|
|
|
312
312
|
])
|
|
313
313
|
]));
|
|
314
314
|
}
|
|
315
|
-
}), qe = /* @__PURE__ */ oe(Te, [["__scopeId", "data-v-
|
|
315
|
+
}), qe = /* @__PURE__ */ oe(Te, [["__scopeId", "data-v-bcdabbb5"]]);
|
|
316
316
|
export {
|
|
317
317
|
qe as A,
|
|
318
318
|
ze as H
|
|
319
319
|
};
|
|
320
|
-
//# sourceMappingURL=AvailabilitySkeleton-
|
|
320
|
+
//# sourceMappingURL=AvailabilitySkeleton-DLjqFg6U.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Y as _a, r as J, d as Ge, y as Kt, a2 as ga, o as Ze, $ as ft, Z as ma, D as ht, c as L, h as B, f as dt, a as Te, A as rt, v as Ve, g as d, J as Je, z as In, a3 as Ke, a4 as ut, a5 as Va, M as tl, n as _e, V as al, U as nl, a6 as Nn, q as ie, i as q, e as ye, j as wa, F as ke, K as pt, t as nt, w as we, a7 as rl, a8 as ll, b as T, x as Rt, a9 as ol, aa as il, ab as sl, E as Oa, G as Ca, T as fa, ac as ul } from "./mitt-CqW9zFaX.js";
|
|
2
|
-
import { w as Ua, H as dl, x as cl } from "./SelectField.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { w as Ua, H as dl, x as cl } from "./SelectField.vue_vue_type_style_index_0_lang-k2xp8Gqw.js";
|
|
3
3
|
const lr = 6048e5, ml = 864e5, fl = 6e4, or = 36e5, vl = 1e3, uc = 525600, dc = 43200, cc = 1440, Fn = Symbol.for("constructDateFrom");
|
|
4
4
|
function Ce(e, t) {
|
|
5
5
|
return typeof e == "function" ? e(t) : e && typeof e == "object" && Fn in e ? e[Fn](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
|
|
@@ -9321,4 +9321,4 @@ export {
|
|
|
9321
9321
|
cc as m,
|
|
9322
9322
|
Ma as n
|
|
9323
9323
|
};
|
|
9324
|
-
//# sourceMappingURL=AvailabilitySkeleton.
|
|
9324
|
+
//# sourceMappingURL=AvailabilitySkeleton.vue_vue_type_style_index_0_scoped_bcdabbb5_lang-CgMThV2A.js.map
|