lkmadushan / vue-tuicalendar Goto Github PK

I followed almost exactly from your example, but there's nothing shown except the header (and you are missing the '=>' in this.$refs.calendar.registerEvent("beforeDeleteSchedule", event {).

This is the tui calendar option I coped directly from their official website.

Result

defaultView 'Month' must be add fixed height, otherwise it will not be displayed.

Hello,
I have some rendering problems and I don't know how to solve them because this.$refs.calendar.fireMethod('render') doesn't do the trick.
Basically the month view does not render while the others work fine on the initial load.
Also when I use next or prev methods on any view it stops rendering, but if i change the view to something else then back it works again:

Any ideeas?

Thank you!

Hi,
There are jquery vulnerabilities in tui-calendar dependency (as you can see below).
Can you do something for it ? Or should i post an issue on tui-calendar repo ?

Thanks

I used "npm run build" to generate vue-tuicalendar.js and use it in my page.

<script type="text/javascript" src='./vendor/vue-tuicalendar/dist/vue-tuicalendar.js'></script>
<link href="./vendor/tui.calendar/dist/tui-calendar.min.css" rel="stylesheet">

      <vue-tuicalendar     ref="calendar"
    :options="options"
    :schedules="schedules"
    @after-render-schedule="handler"
    @before-render-schedule="handler"
     @click-schedule="handler"></vue-tuicalendar></div>

Only get this:

<!--function(e,n,r,i){return Pt(t,e,n,r,i,!0)}-->

How can I use compiled js? Thanks

Vue.use('VueTuicalendar') ;
Vue.component('vue-tuicalendar', vueTuicalendar) ;
...
      options:{
defaultView: 'week'
      },
                  schedules: [
        {
          id: "1",
          calendarId: "1",
          title: "A schedule",
          category: "time",
          dueDateClass: "",
          start: "2018-05-22T22:30:00+09:00",
          end: "2018-05-23T02:30:00+09:00"
        },
        {
          id: "2",
          calendarId: "1",
          title: "Another schedule",
          category: "time",
          dueDateClass: "",
          start: "2018-05-23T17:30:00+09:00",
          end: "2018-05-24T17:31:00+09:00",
          isReadOnly: true
        }
      ]
...

    handler() {
      console.log("Handler") ;
    }

Since this is quite new, I'm wondering how much support and future enhancements you envision to provide with this wrapper. I'm trying to determine if it's worth using this library or just writing my own wrapper.

I see no references to analytics in the actual source here on GitHub but when I am using it I get this

It's a bit shady.