Schedule View

installation

yarn add @movvjs/svelte-schedule-view

Usage

<script lang='ts'>
  import { Schedule } from 'schedule-view'

  let schedule$: Schedule

  function open(){
    schedule$.init({
      target: "B2B",
      isDev: true,
      locale: "en",
      token: {
        accessToken: "",
        refreshToken: "",
      },
    }).open({
      code: "Booking Code"
    })
  }
</script>

<button on:click={() => open()}>스케쥴 열기</button>
<Schedule bind:this={schedule$} />

기능

init

schedule$.init(params).open({ code })

options

target (B2B | FMS) - 프로젝트 주체

isDev (boolean) - 개발서버 여부

token - 사용하는 유저 토큰

{
  accessToken: string,
  refreshToken: string
}

locale (en | ko | vi | zh-cn | zh-tw) - 언어셋

isOpened

해당 컴포넌트가 열려있는지 여부를 알려줍니다.

schedule$.isOpened() // return boolean

close

창을 닫습니다.

schedule$.close()

Change Log

0.1.3

• 구글 맵 변경 / Advanced Marker 도입
• fullName -> 예약의 name 필드 보도록 변경
• 서비스존 / 일정 / 예약 상세 코드 리팩토링

0.0.14

• 일정에서 유저 요구사항을 보고, 수정할 수 있도록 기능 추가되었습니다.