@movvjs/svelte-schedule-view 0.4.0 → 0.4.1-beta-2
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/.svelte-kit/__package__/i18n/index.js +2 -2
- package/.svelte-kit/__package__/schedule-view/Schedule.svelte +122 -75
- package/.svelte-kit/__package__/schedule-view/Schedule.svelte.d.ts +1 -0
- package/.svelte-kit/__package__/schedule-view/assets/scss/indie_booking.scss +5 -4
- package/.svelte-kit/ambient.d.ts +0 -4
- package/.svelte-kit/generated/server/internal.js +1 -1
- package/dist/i18n/index.js +2 -2
- package/dist/schedule-view/Schedule.svelte +122 -75
- package/dist/schedule-view/Schedule.svelte.d.ts +1 -0
- package/dist/schedule-view/assets/scss/indie_booking.scss +5 -4
- package/package.json +1 -1
- package/src/lib/i18n/index.ts +2 -2
- package/src/lib/schedule-view/Schedule.svelte +114 -79
- package/src/lib/schedule-view/assets/scss/indie_booking.scss +5 -4
- package/.svelte-kit/__package__/schedule-view/Layout.svelte +0 -60
- package/.svelte-kit/__package__/schedule-view/Layout.svelte.d.ts +0 -17
- package/dist/schedule-view/Layout.svelte +0 -60
- package/dist/schedule-view/Layout.svelte.d.ts +0 -17
- package/src/lib/schedule-view/Layout.svelte +0 -54
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _, register } from 'svelte-i18n';
|
|
1
|
+
import { _, register, init, isLoading } from 'svelte-i18n';
|
|
2
2
|
register('en', () => import('./locales/en.json'));
|
|
3
3
|
register('ko', () => import('./locales/ko.json'));
|
|
4
4
|
register('zh-cn', () => import('./locales/zh-cn.json'));
|
|
5
5
|
register('zh-tw', () => import('./locales/zh-tw.json'));
|
|
6
6
|
register('vi', () => import('./locales/vi.json'));
|
|
7
7
|
const t = _;
|
|
8
|
-
export { t };
|
|
8
|
+
export { t, init, isLoading };
|
|
@@ -1,26 +1,59 @@
|
|
|
1
1
|
<script context="module">export const isEdit = writable(false);
|
|
2
2
|
</script>
|
|
3
3
|
|
|
4
|
-
<script>import
|
|
4
|
+
<script>import "./assets/scss/indie_booking.scss";
|
|
5
|
+
import { Toaster } from "svelte-french-toast";
|
|
6
|
+
import { onMount } from "svelte";
|
|
5
7
|
import { writable } from "svelte/store";
|
|
6
8
|
import { cloneDeep } from "lodash-es";
|
|
7
9
|
import consola from "consola";
|
|
10
|
+
import QS from "qs";
|
|
11
|
+
import Axios from "axios";
|
|
8
12
|
import { dayjs } from "../dayjs";
|
|
9
|
-
import { t } from "../i18n";
|
|
13
|
+
import { t, init as i18nInit, isLoading } from "../i18n";
|
|
10
14
|
import { env } from "../store/env";
|
|
15
|
+
import { API_URL } from "../axios/constant";
|
|
11
16
|
import { BookingAPI } from "./api";
|
|
12
17
|
import { copiedBooking, originalBooking } from "./stores/booking";
|
|
13
18
|
import { comma } from "./utils";
|
|
14
19
|
import { loader } from "./components/loader";
|
|
15
|
-
import { alert } from "./components/notifications";
|
|
16
|
-
import
|
|
20
|
+
import { alert, Alert, Confirm } from "./components/notifications";
|
|
21
|
+
import Loader from "./components/loader/Loader.svelte";
|
|
17
22
|
import Map from "./Map.svelte";
|
|
18
23
|
import ServiceZone from "./ServiceZone.svelte";
|
|
19
24
|
import Plan from "./Plan.svelte";
|
|
20
25
|
import BookingInfo from "./BookingInfo.svelte";
|
|
21
|
-
import
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
import Portal from "svelte-portal";
|
|
27
|
+
onMount(() => {
|
|
28
|
+
googleMaps();
|
|
29
|
+
function googleMaps() {
|
|
30
|
+
;
|
|
31
|
+
((g) => {
|
|
32
|
+
var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
|
|
33
|
+
b = b[c] || (b[c] = {});
|
|
34
|
+
var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
|
|
35
|
+
await (a = m.createElement("script"));
|
|
36
|
+
e.set("libraries", [...r] + "");
|
|
37
|
+
for (k in g)
|
|
38
|
+
e.set(k.replace(/[A-Z]/g, (t2) => "_" + t2[0].toLowerCase()), g[k]);
|
|
39
|
+
e.set("callback", c + ".maps." + q);
|
|
40
|
+
a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
|
|
41
|
+
d[q] = f;
|
|
42
|
+
a.onerror = () => h = n(Error(p + " could not load."));
|
|
43
|
+
a.nonce = m.querySelector("script[nonce]")?.nonce || "";
|
|
44
|
+
m.head.append(a);
|
|
45
|
+
}));
|
|
46
|
+
d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
|
|
47
|
+
})({
|
|
48
|
+
key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
|
|
49
|
+
v: "weekly",
|
|
50
|
+
region: "kr",
|
|
51
|
+
language: navigator?.language || "en"
|
|
52
|
+
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
|
|
53
|
+
// Add other bootstrap parameters as needed, using camel case.
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
});
|
|
24
57
|
const { stdt, price, priceDifference, isModifiable } = originalBooking;
|
|
25
58
|
const {
|
|
26
59
|
price: editPrice,
|
|
@@ -46,6 +79,10 @@ export function init(options) {
|
|
|
46
79
|
throw new Error("token\uC744 \uB123\uC5B4\uC8FC\uC138\uC694.");
|
|
47
80
|
if (!locale)
|
|
48
81
|
throw new Error("locale\uC744 \uB123\uC5B4\uC8FC\uC138\uC694.");
|
|
82
|
+
if (locale) {
|
|
83
|
+
i18nInit({ fallbackLocale: "en", initialLocale: locale });
|
|
84
|
+
dayjs.locale(locale);
|
|
85
|
+
}
|
|
49
86
|
env.set({
|
|
50
87
|
target,
|
|
51
88
|
accessToken: token.accessToken,
|
|
@@ -160,80 +197,90 @@ async function save() {
|
|
|
160
197
|
</script>
|
|
161
198
|
|
|
162
199
|
<Toaster />
|
|
163
|
-
<Layout>
|
|
164
|
-
<section class="indie_pop_wrap scroll" class:on>
|
|
165
|
-
{#if on}
|
|
166
|
-
<div class="pop_base full_2 indie_passengers_info_pop">
|
|
167
|
-
<button type="button" class="btn_close" on:click={() => close()}>닫기</button>
|
|
168
200
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
201
|
+
<Portal target="body">
|
|
202
|
+
{#if !$isLoading}
|
|
203
|
+
<div id="indie_booking_wrapper">
|
|
204
|
+
<Loader />
|
|
205
|
+
<Alert />
|
|
206
|
+
<Confirm />
|
|
207
|
+
<section class="indie_pop_wrap scroll" class:on>
|
|
208
|
+
{#if on}
|
|
209
|
+
<div class="pop_base full_2 indie_passengers_info_pop">
|
|
210
|
+
<button type="button" class="btn_close" on:click={() => close()}>닫기</button>
|
|
211
|
+
|
|
212
|
+
<!-- 예약관리 > 예약_view > Schedule -->
|
|
213
|
+
<section class="indie_dispatch_passenger_sche_w booking_schedule">
|
|
214
|
+
<!-- 지도 부분 -->
|
|
215
|
+
<Map />
|
|
216
|
+
<!-- 예약 > 스케쥴 -->
|
|
217
|
+
<div class="indie_booking_schedule_modify_box">
|
|
218
|
+
<div class="header_b">
|
|
219
|
+
<div class="tags">
|
|
220
|
+
<span>{$originalBooking.code}</span>
|
|
221
|
+
<strong>{$t(`serviceType.${$originalBooking.serviceType}`)}</strong>
|
|
222
|
+
</div>
|
|
223
|
+
<p class="date_text">{dayjs($stdt).format('ll (dd)')}</p>
|
|
224
|
+
<!-- <select class="indie_select_nor">
|
|
225
|
+
<option value="">2023-10-16 (Mon)</option>
|
|
226
|
+
<option value="">2023-10-16 (Mon)</option>
|
|
227
|
+
</select> -->
|
|
185
228
|
|
|
186
|
-
|
|
187
|
-
|
|
229
|
+
<!-- <button type="button" class="btn_close">닫기</button> -->
|
|
230
|
+
</div>
|
|
188
231
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
232
|
+
<div class="contents_b">
|
|
233
|
+
<ServiceZone />
|
|
234
|
+
<Plan />
|
|
235
|
+
<BookingInfo />
|
|
236
|
+
</div>
|
|
194
237
|
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
238
|
+
<div class="footer_b">
|
|
239
|
+
<div class="left">
|
|
240
|
+
<dl class="priceAll">
|
|
241
|
+
<dt>{$t('booking.totalPrice')}</dt>
|
|
242
|
+
<dd>
|
|
243
|
+
<!-- * 차액 발생시 -->
|
|
244
|
+
{#if difference > 0 || difference < 0}
|
|
245
|
+
<!-- 검정 표현 -->
|
|
246
|
+
<strong>{comma(targetPrice.before.amount)} {forex}</strong>
|
|
204
247
|
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
248
|
+
<!-- 빨간색 표현 -->
|
|
249
|
+
<span>
|
|
250
|
+
{difference > 0 ? ' + ' : ' - '}
|
|
251
|
+
{comma(Math.abs(difference))}
|
|
252
|
+
{forex}
|
|
253
|
+
= {comma(targetPrice.new.amount)}
|
|
254
|
+
{forex}
|
|
255
|
+
</span>
|
|
256
|
+
{:else}
|
|
257
|
+
<!-- * 차액 미 발생시 검정색 표현-->
|
|
258
|
+
<strong>{comma(targetPrice.new.amount)} {forex}</strong>
|
|
259
|
+
{/if}
|
|
260
|
+
</dd>
|
|
261
|
+
</dl>
|
|
262
|
+
</div>
|
|
263
|
+
|
|
264
|
+
<div class="right">
|
|
265
|
+
<button type="button" class="indie_btn_nor md line2" on:click={() => close()}>{$t('booking.cancel')}</button>
|
|
266
|
+
{#if !$isEdit}
|
|
267
|
+
{#if $isModifiable}
|
|
268
|
+
<button type="button" class="indie_btn_nor md line2 modify" on:click={() => edit()}>{$t('booking.modify')}</button>
|
|
269
|
+
{/if}
|
|
213
270
|
{:else}
|
|
214
|
-
|
|
215
|
-
<
|
|
271
|
+
<button type="button" class="indie_btn_nor md line2" on:click={() => reset()}>{$t('booking.reset')}</button>
|
|
272
|
+
<button type="button" class="indie_btn_nor md blue" on:click={() => save()}>{$t('booking.save')}</button>
|
|
216
273
|
{/if}
|
|
217
|
-
</
|
|
218
|
-
</
|
|
219
|
-
</div>
|
|
220
|
-
|
|
221
|
-
<div class="right">
|
|
222
|
-
<button type="button" class="indie_btn_nor md line2" on:click={() => close()}>{$t('booking.cancel')}</button>
|
|
223
|
-
{#if !$isEdit}
|
|
224
|
-
{#if $isModifiable}
|
|
225
|
-
<button type="button" class="indie_btn_nor md line2 modify" on:click={() => edit()}>{$t('booking.modify')}</button>
|
|
226
|
-
{/if}
|
|
227
|
-
{:else}
|
|
228
|
-
<button type="button" class="indie_btn_nor md line2" on:click={() => reset()}>{$t('booking.reset')}</button>
|
|
229
|
-
<button type="button" class="indie_btn_nor md blue" on:click={() => save()}>{$t('booking.save')}</button>
|
|
230
|
-
{/if}
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
231
276
|
</div>
|
|
232
|
-
</
|
|
277
|
+
</section>
|
|
278
|
+
<!-- // 배차 - 탑승자 정보 및 스케줄 -->
|
|
233
279
|
</div>
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
280
|
+
{/if}
|
|
281
|
+
</section>
|
|
282
|
+
</div>
|
|
283
|
+
{:else}
|
|
284
|
+
<!-- i18n loading. . . . -->
|
|
285
|
+
{/if}
|
|
286
|
+
</Portal>
|
|
@@ -4784,6 +4784,7 @@
|
|
|
4784
4784
|
flex-shrink: 0;
|
|
4785
4785
|
display: inline-block;
|
|
4786
4786
|
vertical-align: middle;
|
|
4787
|
+
position: inherit;
|
|
4787
4788
|
width: 20px;
|
|
4788
4789
|
height: 20px;
|
|
4789
4790
|
text-indent: -9999px;
|
|
@@ -4873,14 +4874,14 @@
|
|
|
4873
4874
|
border: none !important;
|
|
4874
4875
|
}
|
|
4875
4876
|
td{
|
|
4876
|
-
padding: 0;
|
|
4877
|
+
padding: 0 !important;
|
|
4877
4878
|
border-spacing: 5px;
|
|
4878
4879
|
a{
|
|
4879
4880
|
display: flex;
|
|
4880
4881
|
justify-content: center;
|
|
4881
4882
|
align-items: center;
|
|
4882
|
-
width:
|
|
4883
|
-
height:
|
|
4883
|
+
width: 28px;
|
|
4884
|
+
height: 28px;
|
|
4884
4885
|
padding: 5px;
|
|
4885
4886
|
border-radius: 50%;
|
|
4886
4887
|
font-size: 12px;
|
|
@@ -4907,7 +4908,7 @@
|
|
|
4907
4908
|
content: '';
|
|
4908
4909
|
position: absolute;
|
|
4909
4910
|
left: calc(50% - 3px);
|
|
4910
|
-
bottom:
|
|
4911
|
+
bottom: 0;
|
|
4911
4912
|
width: 6px;
|
|
4912
4913
|
height: 6px;
|
|
4913
4914
|
border-radius: 50%;
|
package/.svelte-kit/ambient.d.ts
CHANGED
|
@@ -82,7 +82,6 @@ declare module '$env/static/private' {
|
|
|
82
82
|
export const npm_config_argv: string;
|
|
83
83
|
export const npm_package_devDependencies__types_qs: string;
|
|
84
84
|
export const _: string;
|
|
85
|
-
export const LaunchInstanceID: string;
|
|
86
85
|
export const npm_package_dependencies_svelte_i18n: string;
|
|
87
86
|
export const npm_package_dependencies_svelte_french_toast: string;
|
|
88
87
|
export const npm_config_engine_strict: string;
|
|
@@ -159,7 +158,6 @@ declare module '$env/static/private' {
|
|
|
159
158
|
export const npm_package_files_0: string;
|
|
160
159
|
export const npm_config_init_version: string;
|
|
161
160
|
export const npm_config_ignore_optional: string;
|
|
162
|
-
export const SECURITYSESSIONID: string;
|
|
163
161
|
export const npm_package_dependencies_svelte_portal: string;
|
|
164
162
|
export const npm_package_scripts_check: string;
|
|
165
163
|
export const COLORTERM: string;
|
|
@@ -253,7 +251,6 @@ declare module '$env/dynamic/private' {
|
|
|
253
251
|
npm_config_argv: string;
|
|
254
252
|
npm_package_devDependencies__types_qs: string;
|
|
255
253
|
_: string;
|
|
256
|
-
LaunchInstanceID: string;
|
|
257
254
|
npm_package_dependencies_svelte_i18n: string;
|
|
258
255
|
npm_package_dependencies_svelte_french_toast: string;
|
|
259
256
|
npm_config_engine_strict: string;
|
|
@@ -330,7 +327,6 @@ declare module '$env/dynamic/private' {
|
|
|
330
327
|
npm_package_files_0: string;
|
|
331
328
|
npm_config_init_version: string;
|
|
332
329
|
npm_config_ignore_optional: string;
|
|
333
|
-
SECURITYSESSIONID: string;
|
|
334
330
|
npm_package_dependencies_svelte_portal: string;
|
|
335
331
|
npm_package_scripts_check: string;
|
|
336
332
|
COLORTERM: string;
|
|
@@ -21,7 +21,7 @@ export const options = {
|
|
|
21
21
|
app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\t\t<meta name=\"referrer\" content=\"no-referrer\" />\n\t\t" + head + "\n\t</head>\n\t<body data-sveltekit-preload-data=\"hover\">\n\t\t<div>" + body + "</div>\n\t</body>\n</html>\n",
|
|
22
22
|
error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
|
|
23
23
|
},
|
|
24
|
-
version_hash: "
|
|
24
|
+
version_hash: "3ouolu"
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
export async function get_hooks() {
|
package/dist/i18n/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { _, register } from 'svelte-i18n';
|
|
1
|
+
import { _, register, init, isLoading } from 'svelte-i18n';
|
|
2
2
|
register('en', () => import('./locales/en.json'));
|
|
3
3
|
register('ko', () => import('./locales/ko.json'));
|
|
4
4
|
register('zh-cn', () => import('./locales/zh-cn.json'));
|
|
5
5
|
register('zh-tw', () => import('./locales/zh-tw.json'));
|
|
6
6
|
register('vi', () => import('./locales/vi.json'));
|
|
7
7
|
const t = _;
|
|
8
|
-
export { t };
|
|
8
|
+
export { t, init, isLoading };
|
|
@@ -1,26 +1,59 @@
|
|
|
1
1
|
<script context="module">export const isEdit = writable(false);
|
|
2
2
|
</script>
|
|
3
3
|
|
|
4
|
-
<script>import
|
|
4
|
+
<script>import "./assets/scss/indie_booking.scss";
|
|
5
|
+
import { Toaster } from "svelte-french-toast";
|
|
6
|
+
import { onMount } from "svelte";
|
|
5
7
|
import { writable } from "svelte/store";
|
|
6
8
|
import { cloneDeep } from "lodash-es";
|
|
7
9
|
import consola from "consola";
|
|
10
|
+
import QS from "qs";
|
|
11
|
+
import Axios from "axios";
|
|
8
12
|
import { dayjs } from "../dayjs";
|
|
9
|
-
import { t } from "../i18n";
|
|
13
|
+
import { t, init as i18nInit, isLoading } from "../i18n";
|
|
10
14
|
import { env } from "../store/env";
|
|
15
|
+
import { API_URL } from "../axios/constant";
|
|
11
16
|
import { BookingAPI } from "./api";
|
|
12
17
|
import { copiedBooking, originalBooking } from "./stores/booking";
|
|
13
18
|
import { comma } from "./utils";
|
|
14
19
|
import { loader } from "./components/loader";
|
|
15
|
-
import { alert } from "./components/notifications";
|
|
16
|
-
import
|
|
20
|
+
import { alert, Alert, Confirm } from "./components/notifications";
|
|
21
|
+
import Loader from "./components/loader/Loader.svelte";
|
|
17
22
|
import Map from "./Map.svelte";
|
|
18
23
|
import ServiceZone from "./ServiceZone.svelte";
|
|
19
24
|
import Plan from "./Plan.svelte";
|
|
20
25
|
import BookingInfo from "./BookingInfo.svelte";
|
|
21
|
-
import
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
import Portal from "svelte-portal";
|
|
27
|
+
onMount(() => {
|
|
28
|
+
googleMaps();
|
|
29
|
+
function googleMaps() {
|
|
30
|
+
;
|
|
31
|
+
((g) => {
|
|
32
|
+
var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
|
|
33
|
+
b = b[c] || (b[c] = {});
|
|
34
|
+
var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
|
|
35
|
+
await (a = m.createElement("script"));
|
|
36
|
+
e.set("libraries", [...r] + "");
|
|
37
|
+
for (k in g)
|
|
38
|
+
e.set(k.replace(/[A-Z]/g, (t2) => "_" + t2[0].toLowerCase()), g[k]);
|
|
39
|
+
e.set("callback", c + ".maps." + q);
|
|
40
|
+
a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
|
|
41
|
+
d[q] = f;
|
|
42
|
+
a.onerror = () => h = n(Error(p + " could not load."));
|
|
43
|
+
a.nonce = m.querySelector("script[nonce]")?.nonce || "";
|
|
44
|
+
m.head.append(a);
|
|
45
|
+
}));
|
|
46
|
+
d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
|
|
47
|
+
})({
|
|
48
|
+
key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
|
|
49
|
+
v: "weekly",
|
|
50
|
+
region: "kr",
|
|
51
|
+
language: navigator?.language || "en"
|
|
52
|
+
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
|
|
53
|
+
// Add other bootstrap parameters as needed, using camel case.
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
});
|
|
24
57
|
const { stdt, price, priceDifference, isModifiable } = originalBooking;
|
|
25
58
|
const {
|
|
26
59
|
price: editPrice,
|
|
@@ -46,6 +79,10 @@ export function init(options) {
|
|
|
46
79
|
throw new Error("token\uC744 \uB123\uC5B4\uC8FC\uC138\uC694.");
|
|
47
80
|
if (!locale)
|
|
48
81
|
throw new Error("locale\uC744 \uB123\uC5B4\uC8FC\uC138\uC694.");
|
|
82
|
+
if (locale) {
|
|
83
|
+
i18nInit({ fallbackLocale: "en", initialLocale: locale });
|
|
84
|
+
dayjs.locale(locale);
|
|
85
|
+
}
|
|
49
86
|
env.set({
|
|
50
87
|
target,
|
|
51
88
|
accessToken: token.accessToken,
|
|
@@ -160,80 +197,90 @@ async function save() {
|
|
|
160
197
|
</script>
|
|
161
198
|
|
|
162
199
|
<Toaster />
|
|
163
|
-
<Layout>
|
|
164
|
-
<section class="indie_pop_wrap scroll" class:on>
|
|
165
|
-
{#if on}
|
|
166
|
-
<div class="pop_base full_2 indie_passengers_info_pop">
|
|
167
|
-
<button type="button" class="btn_close" on:click={() => close()}>닫기</button>
|
|
168
200
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
201
|
+
<Portal target="body">
|
|
202
|
+
{#if !$isLoading}
|
|
203
|
+
<div id="indie_booking_wrapper">
|
|
204
|
+
<Loader />
|
|
205
|
+
<Alert />
|
|
206
|
+
<Confirm />
|
|
207
|
+
<section class="indie_pop_wrap scroll" class:on>
|
|
208
|
+
{#if on}
|
|
209
|
+
<div class="pop_base full_2 indie_passengers_info_pop">
|
|
210
|
+
<button type="button" class="btn_close" on:click={() => close()}>닫기</button>
|
|
211
|
+
|
|
212
|
+
<!-- 예약관리 > 예약_view > Schedule -->
|
|
213
|
+
<section class="indie_dispatch_passenger_sche_w booking_schedule">
|
|
214
|
+
<!-- 지도 부분 -->
|
|
215
|
+
<Map />
|
|
216
|
+
<!-- 예약 > 스케쥴 -->
|
|
217
|
+
<div class="indie_booking_schedule_modify_box">
|
|
218
|
+
<div class="header_b">
|
|
219
|
+
<div class="tags">
|
|
220
|
+
<span>{$originalBooking.code}</span>
|
|
221
|
+
<strong>{$t(`serviceType.${$originalBooking.serviceType}`)}</strong>
|
|
222
|
+
</div>
|
|
223
|
+
<p class="date_text">{dayjs($stdt).format('ll (dd)')}</p>
|
|
224
|
+
<!-- <select class="indie_select_nor">
|
|
225
|
+
<option value="">2023-10-16 (Mon)</option>
|
|
226
|
+
<option value="">2023-10-16 (Mon)</option>
|
|
227
|
+
</select> -->
|
|
185
228
|
|
|
186
|
-
|
|
187
|
-
|
|
229
|
+
<!-- <button type="button" class="btn_close">닫기</button> -->
|
|
230
|
+
</div>
|
|
188
231
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
232
|
+
<div class="contents_b">
|
|
233
|
+
<ServiceZone />
|
|
234
|
+
<Plan />
|
|
235
|
+
<BookingInfo />
|
|
236
|
+
</div>
|
|
194
237
|
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
238
|
+
<div class="footer_b">
|
|
239
|
+
<div class="left">
|
|
240
|
+
<dl class="priceAll">
|
|
241
|
+
<dt>{$t('booking.totalPrice')}</dt>
|
|
242
|
+
<dd>
|
|
243
|
+
<!-- * 차액 발생시 -->
|
|
244
|
+
{#if difference > 0 || difference < 0}
|
|
245
|
+
<!-- 검정 표현 -->
|
|
246
|
+
<strong>{comma(targetPrice.before.amount)} {forex}</strong>
|
|
204
247
|
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
248
|
+
<!-- 빨간색 표현 -->
|
|
249
|
+
<span>
|
|
250
|
+
{difference > 0 ? ' + ' : ' - '}
|
|
251
|
+
{comma(Math.abs(difference))}
|
|
252
|
+
{forex}
|
|
253
|
+
= {comma(targetPrice.new.amount)}
|
|
254
|
+
{forex}
|
|
255
|
+
</span>
|
|
256
|
+
{:else}
|
|
257
|
+
<!-- * 차액 미 발생시 검정색 표현-->
|
|
258
|
+
<strong>{comma(targetPrice.new.amount)} {forex}</strong>
|
|
259
|
+
{/if}
|
|
260
|
+
</dd>
|
|
261
|
+
</dl>
|
|
262
|
+
</div>
|
|
263
|
+
|
|
264
|
+
<div class="right">
|
|
265
|
+
<button type="button" class="indie_btn_nor md line2" on:click={() => close()}>{$t('booking.cancel')}</button>
|
|
266
|
+
{#if !$isEdit}
|
|
267
|
+
{#if $isModifiable}
|
|
268
|
+
<button type="button" class="indie_btn_nor md line2 modify" on:click={() => edit()}>{$t('booking.modify')}</button>
|
|
269
|
+
{/if}
|
|
213
270
|
{:else}
|
|
214
|
-
|
|
215
|
-
<
|
|
271
|
+
<button type="button" class="indie_btn_nor md line2" on:click={() => reset()}>{$t('booking.reset')}</button>
|
|
272
|
+
<button type="button" class="indie_btn_nor md blue" on:click={() => save()}>{$t('booking.save')}</button>
|
|
216
273
|
{/if}
|
|
217
|
-
</
|
|
218
|
-
</
|
|
219
|
-
</div>
|
|
220
|
-
|
|
221
|
-
<div class="right">
|
|
222
|
-
<button type="button" class="indie_btn_nor md line2" on:click={() => close()}>{$t('booking.cancel')}</button>
|
|
223
|
-
{#if !$isEdit}
|
|
224
|
-
{#if $isModifiable}
|
|
225
|
-
<button type="button" class="indie_btn_nor md line2 modify" on:click={() => edit()}>{$t('booking.modify')}</button>
|
|
226
|
-
{/if}
|
|
227
|
-
{:else}
|
|
228
|
-
<button type="button" class="indie_btn_nor md line2" on:click={() => reset()}>{$t('booking.reset')}</button>
|
|
229
|
-
<button type="button" class="indie_btn_nor md blue" on:click={() => save()}>{$t('booking.save')}</button>
|
|
230
|
-
{/if}
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
231
276
|
</div>
|
|
232
|
-
</
|
|
277
|
+
</section>
|
|
278
|
+
<!-- // 배차 - 탑승자 정보 및 스케줄 -->
|
|
233
279
|
</div>
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
280
|
+
{/if}
|
|
281
|
+
</section>
|
|
282
|
+
</div>
|
|
283
|
+
{:else}
|
|
284
|
+
<!-- i18n loading. . . . -->
|
|
285
|
+
{/if}
|
|
286
|
+
</Portal>
|
|
@@ -4784,6 +4784,7 @@
|
|
|
4784
4784
|
flex-shrink: 0;
|
|
4785
4785
|
display: inline-block;
|
|
4786
4786
|
vertical-align: middle;
|
|
4787
|
+
position: inherit;
|
|
4787
4788
|
width: 20px;
|
|
4788
4789
|
height: 20px;
|
|
4789
4790
|
text-indent: -9999px;
|
|
@@ -4873,14 +4874,14 @@
|
|
|
4873
4874
|
border: none !important;
|
|
4874
4875
|
}
|
|
4875
4876
|
td{
|
|
4876
|
-
padding: 0;
|
|
4877
|
+
padding: 0 !important;
|
|
4877
4878
|
border-spacing: 5px;
|
|
4878
4879
|
a{
|
|
4879
4880
|
display: flex;
|
|
4880
4881
|
justify-content: center;
|
|
4881
4882
|
align-items: center;
|
|
4882
|
-
width:
|
|
4883
|
-
height:
|
|
4883
|
+
width: 28px;
|
|
4884
|
+
height: 28px;
|
|
4884
4885
|
padding: 5px;
|
|
4885
4886
|
border-radius: 50%;
|
|
4886
4887
|
font-size: 12px;
|
|
@@ -4907,7 +4908,7 @@
|
|
|
4907
4908
|
content: '';
|
|
4908
4909
|
position: absolute;
|
|
4909
4910
|
left: calc(50% - 3px);
|
|
4910
|
-
bottom:
|
|
4911
|
+
bottom: 0;
|
|
4911
4912
|
width: 6px;
|
|
4912
4913
|
height: 6px;
|
|
4913
4914
|
border-radius: 50%;
|
package/package.json
CHANGED
package/src/lib/i18n/index.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _, register } from 'svelte-i18n'
|
|
1
|
+
import { _, register, init, isLoading } from 'svelte-i18n'
|
|
2
2
|
|
|
3
3
|
register('en', () => import('./locales/en.json'))
|
|
4
4
|
register('ko', () => import('./locales/ko.json'))
|
|
@@ -8,4 +8,4 @@ register('vi', () => import('./locales/vi.json'))
|
|
|
8
8
|
|
|
9
9
|
const t = _
|
|
10
10
|
|
|
11
|
-
export { t }
|
|
11
|
+
export { t, init, isLoading }
|
|
@@ -13,14 +13,19 @@
|
|
|
13
13
|
</script>
|
|
14
14
|
|
|
15
15
|
<script lang="ts">
|
|
16
|
+
import './assets/scss/indie_booking.scss'
|
|
16
17
|
import { Toaster } from 'svelte-french-toast'
|
|
18
|
+
import { onMount } from 'svelte'
|
|
17
19
|
import { writable } from 'svelte/store'
|
|
18
20
|
import { cloneDeep } from 'lodash-es'
|
|
19
21
|
import consola from 'consola'
|
|
22
|
+
import QS from 'qs'
|
|
23
|
+
import Axios from 'axios'
|
|
20
24
|
|
|
21
25
|
import { dayjs } from '$lib/dayjs'
|
|
22
|
-
import { t } from '$lib/i18n'
|
|
26
|
+
import { t, init as i18nInit, isLoading } from '$lib/i18n'
|
|
23
27
|
import { env } from '$lib/store/env'
|
|
28
|
+
import { API_URL } from '$lib/axios/constant'
|
|
24
29
|
|
|
25
30
|
import type { Locale, Target } from '$scheduleView/types'
|
|
26
31
|
import { BookingAPI } from '$scheduleView/api'
|
|
@@ -28,16 +33,31 @@
|
|
|
28
33
|
import { comma } from '$scheduleView/utils'
|
|
29
34
|
|
|
30
35
|
import { loader } from '$scheduleView/components/loader'
|
|
31
|
-
import { alert } from '$scheduleView/components/notifications'
|
|
36
|
+
import { alert, Alert, Confirm } from '$scheduleView/components/notifications'
|
|
37
|
+
import Loader from './components/loader/Loader.svelte'
|
|
32
38
|
|
|
33
|
-
import Layout from '$scheduleView/Layout.svelte'
|
|
34
39
|
import Map from '$scheduleView/Map.svelte'
|
|
35
40
|
import ServiceZone from '$scheduleView/ServiceZone.svelte'
|
|
36
41
|
import Plan from '$scheduleView/Plan.svelte'
|
|
37
42
|
import BookingInfo from '$scheduleView/BookingInfo.svelte'
|
|
38
|
-
import
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
import Portal from 'svelte-portal'
|
|
44
|
+
|
|
45
|
+
onMount(() => {
|
|
46
|
+
googleMaps()
|
|
47
|
+
|
|
48
|
+
function googleMaps() {
|
|
49
|
+
// https://developers.google.com/maps/documentation/javascript/load-maps-js-api?hl=ko#dynamic-library-import
|
|
50
|
+
// prettier-ignore
|
|
51
|
+
;(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
|
|
52
|
+
key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
|
|
53
|
+
v: "weekly",
|
|
54
|
+
region: "kr",
|
|
55
|
+
language: navigator?.language || "en",
|
|
56
|
+
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
|
|
57
|
+
// Add other bootstrap parameters as needed, using camel case.
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
})
|
|
41
61
|
|
|
42
62
|
const { stdt, price, priceDifference, isModifiable } = originalBooking
|
|
43
63
|
const {
|
|
@@ -70,6 +90,11 @@
|
|
|
70
90
|
if (!token) throw new Error('token을 넣어주세요.')
|
|
71
91
|
if (!locale) throw new Error('locale을 넣어주세요.')
|
|
72
92
|
|
|
93
|
+
if (locale) {
|
|
94
|
+
i18nInit({ fallbackLocale: 'en', initialLocale: locale })
|
|
95
|
+
dayjs.locale(locale)
|
|
96
|
+
}
|
|
97
|
+
|
|
73
98
|
env.set({
|
|
74
99
|
target,
|
|
75
100
|
accessToken: token.accessToken,
|
|
@@ -214,80 +239,90 @@
|
|
|
214
239
|
</script>
|
|
215
240
|
|
|
216
241
|
<Toaster />
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
<
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
<
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
<
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
{difference > 0
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
242
|
+
|
|
243
|
+
<Portal target="body">
|
|
244
|
+
{#if !$isLoading}
|
|
245
|
+
<div id="indie_booking_wrapper">
|
|
246
|
+
<Loader />
|
|
247
|
+
<Alert />
|
|
248
|
+
<Confirm />
|
|
249
|
+
<section class="indie_pop_wrap scroll" class:on>
|
|
250
|
+
{#if on}
|
|
251
|
+
<div class="pop_base full_2 indie_passengers_info_pop">
|
|
252
|
+
<button type="button" class="btn_close" on:click={() => close()}>닫기</button>
|
|
253
|
+
|
|
254
|
+
<!-- 예약관리 > 예약_view > Schedule -->
|
|
255
|
+
<section class="indie_dispatch_passenger_sche_w booking_schedule">
|
|
256
|
+
<!-- 지도 부분 -->
|
|
257
|
+
<Map />
|
|
258
|
+
<!-- 예약 > 스케쥴 -->
|
|
259
|
+
<div class="indie_booking_schedule_modify_box">
|
|
260
|
+
<div class="header_b">
|
|
261
|
+
<div class="tags">
|
|
262
|
+
<span>{$originalBooking.code}</span>
|
|
263
|
+
<strong>{$t(`serviceType.${$originalBooking.serviceType}`)}</strong>
|
|
264
|
+
</div>
|
|
265
|
+
<p class="date_text">{dayjs($stdt).format('ll (dd)')}</p>
|
|
266
|
+
<!-- <select class="indie_select_nor">
|
|
267
|
+
<option value="">2023-10-16 (Mon)</option>
|
|
268
|
+
<option value="">2023-10-16 (Mon)</option>
|
|
269
|
+
</select> -->
|
|
270
|
+
|
|
271
|
+
<!-- <button type="button" class="btn_close">닫기</button> -->
|
|
272
|
+
</div>
|
|
273
|
+
|
|
274
|
+
<div class="contents_b">
|
|
275
|
+
<ServiceZone />
|
|
276
|
+
<Plan />
|
|
277
|
+
<BookingInfo />
|
|
278
|
+
</div>
|
|
279
|
+
|
|
280
|
+
<div class="footer_b">
|
|
281
|
+
<div class="left">
|
|
282
|
+
<dl class="priceAll">
|
|
283
|
+
<dt>{$t('booking.totalPrice')}</dt>
|
|
284
|
+
<dd>
|
|
285
|
+
<!-- * 차액 발생시 -->
|
|
286
|
+
{#if difference > 0 || difference < 0}
|
|
287
|
+
<!-- 검정 표현 -->
|
|
288
|
+
<strong>{comma(targetPrice.before.amount)} {forex}</strong>
|
|
289
|
+
|
|
290
|
+
<!-- 빨간색 표현 -->
|
|
291
|
+
<span>
|
|
292
|
+
{difference > 0 ? ' + ' : ' - '}
|
|
293
|
+
{comma(Math.abs(difference))}
|
|
294
|
+
{forex}
|
|
295
|
+
= {comma(targetPrice.new.amount)}
|
|
296
|
+
{forex}
|
|
297
|
+
</span>
|
|
298
|
+
{:else}
|
|
299
|
+
<!-- * 차액 미 발생시 검정색 표현-->
|
|
300
|
+
<strong>{comma(targetPrice.new.amount)} {forex}</strong>
|
|
301
|
+
{/if}
|
|
302
|
+
</dd>
|
|
303
|
+
</dl>
|
|
304
|
+
</div>
|
|
305
|
+
|
|
306
|
+
<div class="right">
|
|
307
|
+
<button type="button" class="indie_btn_nor md line2" on:click={() => close()}>{$t('booking.cancel')}</button>
|
|
308
|
+
{#if !$isEdit}
|
|
309
|
+
{#if $isModifiable}
|
|
310
|
+
<button type="button" class="indie_btn_nor md line2 modify" on:click={() => edit()}>{$t('booking.modify')}</button>
|
|
311
|
+
{/if}
|
|
267
312
|
{:else}
|
|
268
|
-
|
|
269
|
-
<
|
|
313
|
+
<button type="button" class="indie_btn_nor md line2" on:click={() => reset()}>{$t('booking.reset')}</button>
|
|
314
|
+
<button type="button" class="indie_btn_nor md blue" on:click={() => save()}>{$t('booking.save')}</button>
|
|
270
315
|
{/if}
|
|
271
|
-
</
|
|
272
|
-
</
|
|
273
|
-
</div>
|
|
274
|
-
|
|
275
|
-
<div class="right">
|
|
276
|
-
<button type="button" class="indie_btn_nor md line2" on:click={() => close()}>{$t('booking.cancel')}</button>
|
|
277
|
-
{#if !$isEdit}
|
|
278
|
-
{#if $isModifiable}
|
|
279
|
-
<button type="button" class="indie_btn_nor md line2 modify" on:click={() => edit()}>{$t('booking.modify')}</button>
|
|
280
|
-
{/if}
|
|
281
|
-
{:else}
|
|
282
|
-
<button type="button" class="indie_btn_nor md line2" on:click={() => reset()}>{$t('booking.reset')}</button>
|
|
283
|
-
<button type="button" class="indie_btn_nor md blue" on:click={() => save()}>{$t('booking.save')}</button>
|
|
284
|
-
{/if}
|
|
316
|
+
</div>
|
|
317
|
+
</div>
|
|
285
318
|
</div>
|
|
286
|
-
</
|
|
319
|
+
</section>
|
|
320
|
+
<!-- // 배차 - 탑승자 정보 및 스케줄 -->
|
|
287
321
|
</div>
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
322
|
+
{/if}
|
|
323
|
+
</section>
|
|
324
|
+
</div>
|
|
325
|
+
{:else}
|
|
326
|
+
<!-- i18n loading. . . . -->
|
|
327
|
+
{/if}
|
|
328
|
+
</Portal>
|
|
@@ -4784,6 +4784,7 @@
|
|
|
4784
4784
|
flex-shrink: 0;
|
|
4785
4785
|
display: inline-block;
|
|
4786
4786
|
vertical-align: middle;
|
|
4787
|
+
position: inherit;
|
|
4787
4788
|
width: 20px;
|
|
4788
4789
|
height: 20px;
|
|
4789
4790
|
text-indent: -9999px;
|
|
@@ -4873,14 +4874,14 @@
|
|
|
4873
4874
|
border: none !important;
|
|
4874
4875
|
}
|
|
4875
4876
|
td{
|
|
4876
|
-
padding: 0;
|
|
4877
|
+
padding: 0 !important;
|
|
4877
4878
|
border-spacing: 5px;
|
|
4878
4879
|
a{
|
|
4879
4880
|
display: flex;
|
|
4880
4881
|
justify-content: center;
|
|
4881
4882
|
align-items: center;
|
|
4882
|
-
width:
|
|
4883
|
-
height:
|
|
4883
|
+
width: 28px;
|
|
4884
|
+
height: 28px;
|
|
4884
4885
|
padding: 5px;
|
|
4885
4886
|
border-radius: 50%;
|
|
4886
4887
|
font-size: 12px;
|
|
@@ -4907,7 +4908,7 @@
|
|
|
4907
4908
|
content: '';
|
|
4908
4909
|
position: absolute;
|
|
4909
4910
|
left: calc(50% - 3px);
|
|
4910
|
-
bottom:
|
|
4911
|
+
bottom: 0;
|
|
4911
4912
|
width: 6px;
|
|
4912
4913
|
height: 6px;
|
|
4913
4914
|
border-radius: 50%;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
<script>import "./assets/scss/indie_booking.scss";
|
|
2
|
-
import { dayjs } from "../dayjs";
|
|
3
|
-
import { isLoading, init, locale } from "svelte-i18n";
|
|
4
|
-
import Portal from "svelte-portal";
|
|
5
|
-
import { env } from "../store/env";
|
|
6
|
-
import { Alert, Confirm } from "./components/notifications";
|
|
7
|
-
import Loader from "./components/loader/Loader.svelte";
|
|
8
|
-
import { onMount } from "svelte";
|
|
9
|
-
init({
|
|
10
|
-
fallbackLocale: "en",
|
|
11
|
-
initialLocale: "en"
|
|
12
|
-
});
|
|
13
|
-
env.subscribe(($env) => {
|
|
14
|
-
locale.set($env.locale);
|
|
15
|
-
dayjs.locale($env.locale);
|
|
16
|
-
});
|
|
17
|
-
onMount(() => {
|
|
18
|
-
googleMaps();
|
|
19
|
-
function googleMaps() {
|
|
20
|
-
;
|
|
21
|
-
((g) => {
|
|
22
|
-
var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
|
|
23
|
-
b = b[c] || (b[c] = {});
|
|
24
|
-
var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
|
|
25
|
-
await (a = m.createElement("script"));
|
|
26
|
-
e.set("libraries", [...r] + "");
|
|
27
|
-
for (k in g)
|
|
28
|
-
e.set(k.replace(/[A-Z]/g, (t) => "_" + t[0].toLowerCase()), g[k]);
|
|
29
|
-
e.set("callback", c + ".maps." + q);
|
|
30
|
-
a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
|
|
31
|
-
d[q] = f;
|
|
32
|
-
a.onerror = () => h = n(Error(p + " could not load."));
|
|
33
|
-
a.nonce = m.querySelector("script[nonce]")?.nonce || "";
|
|
34
|
-
m.head.append(a);
|
|
35
|
-
}));
|
|
36
|
-
d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
|
|
37
|
-
})({
|
|
38
|
-
key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
|
|
39
|
-
v: "weekly",
|
|
40
|
-
region: "kr",
|
|
41
|
-
language: navigator?.language || "en"
|
|
42
|
-
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
|
|
43
|
-
// Add other bootstrap parameters as needed, using camel case.
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
</script>
|
|
48
|
-
|
|
49
|
-
<Portal target="body">
|
|
50
|
-
{#if !$isLoading}
|
|
51
|
-
<div id="indie_booking_wrapper">
|
|
52
|
-
<Loader />
|
|
53
|
-
<Alert />
|
|
54
|
-
<Confirm />
|
|
55
|
-
<slot><!-- optional fallback --></slot>
|
|
56
|
-
</div>
|
|
57
|
-
{:else}
|
|
58
|
-
<!-- i18n loading. . . . -->
|
|
59
|
-
{/if}
|
|
60
|
-
</Portal>
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
|
2
|
-
import './assets/scss/indie_booking.scss';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: Record<string, never>;
|
|
5
|
-
events: {
|
|
6
|
-
[evt: string]: CustomEvent<any>;
|
|
7
|
-
};
|
|
8
|
-
slots: {
|
|
9
|
-
default: {};
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export type LayoutProps = typeof __propDef.props;
|
|
13
|
-
export type LayoutEvents = typeof __propDef.events;
|
|
14
|
-
export type LayoutSlots = typeof __propDef.slots;
|
|
15
|
-
export default class Layout extends SvelteComponent<LayoutProps, LayoutEvents, LayoutSlots> {
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
<script>import "./assets/scss/indie_booking.scss";
|
|
2
|
-
import { dayjs } from "../dayjs";
|
|
3
|
-
import { isLoading, init, locale } from "svelte-i18n";
|
|
4
|
-
import Portal from "svelte-portal";
|
|
5
|
-
import { env } from "../store/env";
|
|
6
|
-
import { Alert, Confirm } from "./components/notifications";
|
|
7
|
-
import Loader from "./components/loader/Loader.svelte";
|
|
8
|
-
import { onMount } from "svelte";
|
|
9
|
-
init({
|
|
10
|
-
fallbackLocale: "en",
|
|
11
|
-
initialLocale: "en"
|
|
12
|
-
});
|
|
13
|
-
env.subscribe(($env) => {
|
|
14
|
-
locale.set($env.locale);
|
|
15
|
-
dayjs.locale($env.locale);
|
|
16
|
-
});
|
|
17
|
-
onMount(() => {
|
|
18
|
-
googleMaps();
|
|
19
|
-
function googleMaps() {
|
|
20
|
-
;
|
|
21
|
-
((g) => {
|
|
22
|
-
var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
|
|
23
|
-
b = b[c] || (b[c] = {});
|
|
24
|
-
var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
|
|
25
|
-
await (a = m.createElement("script"));
|
|
26
|
-
e.set("libraries", [...r] + "");
|
|
27
|
-
for (k in g)
|
|
28
|
-
e.set(k.replace(/[A-Z]/g, (t) => "_" + t[0].toLowerCase()), g[k]);
|
|
29
|
-
e.set("callback", c + ".maps." + q);
|
|
30
|
-
a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
|
|
31
|
-
d[q] = f;
|
|
32
|
-
a.onerror = () => h = n(Error(p + " could not load."));
|
|
33
|
-
a.nonce = m.querySelector("script[nonce]")?.nonce || "";
|
|
34
|
-
m.head.append(a);
|
|
35
|
-
}));
|
|
36
|
-
d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
|
|
37
|
-
})({
|
|
38
|
-
key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
|
|
39
|
-
v: "weekly",
|
|
40
|
-
region: "kr",
|
|
41
|
-
language: navigator?.language || "en"
|
|
42
|
-
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
|
|
43
|
-
// Add other bootstrap parameters as needed, using camel case.
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
</script>
|
|
48
|
-
|
|
49
|
-
<Portal target="body">
|
|
50
|
-
{#if !$isLoading}
|
|
51
|
-
<div id="indie_booking_wrapper">
|
|
52
|
-
<Loader />
|
|
53
|
-
<Alert />
|
|
54
|
-
<Confirm />
|
|
55
|
-
<slot><!-- optional fallback --></slot>
|
|
56
|
-
</div>
|
|
57
|
-
{:else}
|
|
58
|
-
<!-- i18n loading. . . . -->
|
|
59
|
-
{/if}
|
|
60
|
-
</Portal>
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SvelteComponent } from "svelte";
|
|
2
|
-
import './assets/scss/indie_booking.scss';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: Record<string, never>;
|
|
5
|
-
events: {
|
|
6
|
-
[evt: string]: CustomEvent<any>;
|
|
7
|
-
};
|
|
8
|
-
slots: {
|
|
9
|
-
default: {};
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export type LayoutProps = typeof __propDef.props;
|
|
13
|
-
export type LayoutEvents = typeof __propDef.events;
|
|
14
|
-
export type LayoutSlots = typeof __propDef.slots;
|
|
15
|
-
export default class Layout extends SvelteComponent<LayoutProps, LayoutEvents, LayoutSlots> {
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import './assets/scss/indie_booking.scss'
|
|
3
|
-
|
|
4
|
-
import { dayjs } from '$lib/dayjs'
|
|
5
|
-
import { isLoading, init, locale } from 'svelte-i18n'
|
|
6
|
-
import Portal from 'svelte-portal'
|
|
7
|
-
|
|
8
|
-
import { env } from '$lib/store/env'
|
|
9
|
-
|
|
10
|
-
import { Alert, Confirm } from './components/notifications'
|
|
11
|
-
|
|
12
|
-
import Loader from './components/loader/Loader.svelte'
|
|
13
|
-
import { onMount } from 'svelte'
|
|
14
|
-
|
|
15
|
-
init({
|
|
16
|
-
fallbackLocale: 'en',
|
|
17
|
-
initialLocale: 'en'
|
|
18
|
-
})
|
|
19
|
-
|
|
20
|
-
env.subscribe($env => {
|
|
21
|
-
locale.set($env.locale)
|
|
22
|
-
dayjs.locale($env.locale)
|
|
23
|
-
})
|
|
24
|
-
|
|
25
|
-
onMount(() => {
|
|
26
|
-
googleMaps()
|
|
27
|
-
|
|
28
|
-
function googleMaps() {
|
|
29
|
-
// https://developers.google.com/maps/documentation/javascript/load-maps-js-api?hl=ko#dynamic-library-import
|
|
30
|
-
// prettier-ignore
|
|
31
|
-
;(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
|
|
32
|
-
key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
|
|
33
|
-
v: "weekly",
|
|
34
|
-
region: "kr",
|
|
35
|
-
language: navigator?.language || "en",
|
|
36
|
-
// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
|
|
37
|
-
// Add other bootstrap parameters as needed, using camel case.
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
})
|
|
41
|
-
</script>
|
|
42
|
-
|
|
43
|
-
<Portal target="body">
|
|
44
|
-
{#if !$isLoading}
|
|
45
|
-
<div id="indie_booking_wrapper">
|
|
46
|
-
<Loader />
|
|
47
|
-
<Alert />
|
|
48
|
-
<Confirm />
|
|
49
|
-
<slot><!-- optional fallback --></slot>
|
|
50
|
-
</div>
|
|
51
|
-
{:else}
|
|
52
|
-
<!-- i18n loading. . . . -->
|
|
53
|
-
{/if}
|
|
54
|
-
</Portal>
|