Giter Site home page Giter Site logo

Working days / hours about gantt-elastic HOT 8 CLOSED

bapiens avatar bapiens commented on May 12, 2024
Working days / hours

from gantt-elastic.

Comments (8)

neuronetio avatar neuronetio commented on May 12, 2024

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!

from gantt-elastic.

mdieudonne avatar mdieudonne commented on May 12, 2024

add working days
would be a great addtion!

from gantt-elastic.

neuronetio avatar neuronetio commented on May 12, 2024

working days arrived at ver 0.7.10 !

from gantt-elastic.

GuillaumeMauginOSF avatar GuillaumeMauginOSF commented on May 12, 2024

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,

from gantt-elastic.

neuronetio avatar neuronetio commented on May 12, 2024
/* ...other options... */
calendar: {
      workingDays: [1, 2, 3, 4, 5],
}
/* ... */

from gantt-elastic.

GuillaumeMauginOSF avatar GuillaumeMauginOSF commented on May 12, 2024

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>

from gantt-elastic.

neuronetio avatar neuronetio commented on May 12, 2024

That is weird, which version do you use?

from gantt-elastic.

GuillaumeMauginOSF avatar GuillaumeMauginOSF commented on May 12, 2024

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.

from gantt-elastic.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.