neuronetio / gantt-elastic

Gantt Chart [ javascript gantt chart, gantt component, vue gantt, vue gantt chart, responsive gantt, project manager , vue projects ]

Home Page:https://neuronet.io/gantt-elastic/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Working days / hours

bapiens opened this issue · comments

First of all amazing work!

Have you tough about adding an configuration option for working days?
Or even better with working hours?
Most of the gantt chart tools lack of this features, which makes them more or less not so useful.

Keep the good work!

Thanks 👍
Yes, I have plans to add working days, but working hours sounds great too.
I will think of it in upcoming versions.
Thanks for feedback!

add working days
would be a great addtion!

working days arrived at ver 0.7.10 !

Hello,
again amazing work 👍 This is the best tool I found to have a full-perso calendar. You said

working days arrived at ver 0.7.10 !

How can we filter by working days ?
Thanks,

/* ...other options... */
calendar: {
      workingDays: [1, 2, 3, 4, 5],
}
/* ... */

Hello,
unfortunately I was not able to view this options or any other ones... I might be doing something wrong.

Obtained result
Default value displayed : gantt-elastic in title and all days of the week
cf. https://screenpresso.com/=Z9kXf

Expected result
Title = test and only working days

For reference, I use a Vue.js component 'HolidayPlanning.vue' with the following elements if you can help it will help me a lot thanks 👍

<template>
     <gantt-elastic :tasks="tasks" :options="options">
      <gantt-elastic-header slot="header"></gantt-elastic-header>
    </gantt-elastic>
</template>

<script>
import GanttElastic from 'gantt-elastic'
import Header from 'gantt-elastic-header'

const options = {
  calendar: {
    workingDays: [1, 2, 3, 4, 5]
  },
  title: {
    label: 'Test',
    html: false
  }, /* following code...*/

export default {
  components: {
    'gantt-elastic-header': Header,
    'gantt-elastic': GanttElastic
  },
  data () {
    return {
      tasks: [],
      options: options
    }
  },
  mounted () {
    this.loadHolidays()
  },
  methods: {
    async loadHolidays () {
      const response = await HolidayAPI.getHolidays()
      this.tasks = response.data
    }
  }
}
</script>

That is weird, which version do you use?

I'm afraid it still does not work with resetting versions.
I tried to install back again and I have the following versions :

"gantt-elastic": "^1.0.3",
"gantt-elastic-header": "^0.1.11",

What's weird is that options are considered only if I change taskList for example if I change 1 label it works but not for the attributes title and also locale ...

Again many thanks for this package. I'd love to be able to use the options for working days to share with my team.