Author Topic: Simple Gantt Chart in Feng Office - Jumware flot  (Read 12825 times)

paulorcdo

  • Newbie
  • *
  • Posts: 6
    • View Profile
    • Email
Simple Gantt Chart in Feng Office - Jumware flot
« on: March 11, 2011, 05:09:32 pm »
Original: http://buzinagames.com/blog/?cat=8

Inserting Gantt Chart - Flot - Feng in the Area Office Tasks:

1-Download all the compressed files http://buzinagames.com/links/contador.php?arquivo=gantt on the link to the folder public / assets / javascript / og / tasks

2-Open the file application / views / task / new_list_tasks.php

3-Copy this code to call the script that creates the chart:

require_javascript ('og / tasks / gantt.js');

4 - Paste this code into the file new_list_tasks.php just below the line containing require_javascript ('og / tasks / print.js');

5-Open the file public / assets / javascript / og / tasks / TasksTopToolbar.js

6-Copy this code to create the button on the desktop task:

    this.add ('-');
     this.add (new Ext.Action ({
text: 'Gantt',
             tooltip: 'Gantt',
            iconCls: 'ico-reporting',
handler: function () {
ogTasks.ganttAllGroups ();
}
scope: this
}));

7 - Paste this code in the last line before the closing brace of the function og.TasksTopToolbar (just after the "print all groups")
« Last Edit: April 05, 2011, 08:38:45 am by paulorcdo »

paulorcdo

  • Newbie
  • *
  • Posts: 6
    • View Profile
    • Email
Re: Gantt Chart in Feng Office - Jumware flot
« Reply #1 on: April 05, 2011, 08:37:36 am »
Flot The library is very simple to maintain, all developed in jquery and json. I have made ​​available since the beginning so that all developers can improve the code. The original library in flot not have flexibility to allow its use in this way. So I created an array generator to allow it. I found this code from the web and found that Jumware feng was simple to help create a similar report to the printing task, but with a temporal view. Although not a perfect solution, given the flexibility feng office, I believe it is the simplest way to address this demand.

Hugs, excuse my English! - by google  ;D

Paulo Oliveira - Brasília - Brasil

litogeno

  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: Simple Gantt Chart in Feng Office - Jumware flot
« Reply #2 on: July 12, 2011, 08:24:18 am »
Congratulations, good work.
Thanks  a lot. It works!!!

potion

  • Freshman
  • *
  • Posts: 25
    • View Profile
    • WorkgroupBase
Re: Simple Gantt Chart in Feng Office - Jumware flot
« Reply #3 on: July 12, 2011, 10:37:09 am »
Nice work.

In step 6 you forgot the comma here:
...
handler: function () {
ogTasks.ganttAllGroups ();
},   /*  <<<<< missing comma */
scope: this
...

I also changed the language to English (e.g. line 68, gantt.js), replaced:
"Ano Anterior" with "Previous Year"
"Ano Atual" with "Current Year"
"Ano Posterior" with "Next Year"

Now I need to find the month names...
« Last Edit: July 12, 2011, 11:07:36 am by potion »

paulorcdo

  • Newbie
  • *
  • Posts: 6
    • View Profile
    • Email
Re: Simple Gantt Chart in Feng Office - Jumware flot
« Reply #4 on: July 12, 2011, 01:43:03 pm »
Already adjusted in the file.
Also available is the English translation of the month.
Paste in your browser: buzinagames.com/links/jquery.flot_en.js
Or Clear the browser cache.
Thank you.
« Last Edit: July 12, 2011, 01:58:39 pm by paulorcdo »

memnon

  • Newbie
  • *
  • Posts: 5
    • View Profile
Re: Simple Gantt Chart in Feng Office - Jumware flot
« Reply #5 on: January 10, 2012, 07:33:54 am »
would it be possible to add 2 buttons:

Month View, Week View ?

paulorcdo

  • Newbie
  • *
  • Posts: 6
    • View Profile
    • Email
Re: Simple Gantt Chart in Feng Office - Jumware flot
« Reply #6 on: January 10, 2012, 09:31:15 am »
You can click and drag on the graph, the result is the same.

memnon

  • Newbie
  • *
  • Posts: 5
    • View Profile
Re: Simple Gantt Chart in Feng Office - Jumware flot
« Reply #7 on: January 10, 2012, 09:56:50 am »
i have already seen that, thx

but i would prefer insteed of a Button with Current, last, next Year - a Current Month or Week Button