Page History

<link href="${request.contextPath}/plugin/org.joget.tutorial.GanttChartMenu/lib/jquery.gantt/css/style.css" rel="stylesheet" type="text/css" />
<script src="${request.contextPath}/plugin/org.joget.tutorial.GanttChartMenu/lib/jquery.gantt/js/jquery.fn.gantt.min.js"></script>
<div class="gantt_chart_menu_body">
    <#if element.properties.title?? ><h3>${element.properties.title!}</h3></#if>
    ${element.properties.customHeader!}
    <div class="gantt"></div>
    <script>   @Override
    public String getRenderPage() {
        Map model = new HashMap();
        model.put("request", getRequestParameters());
        model.put("element", this);
        
        //populate data in JSON format
        $(function() {model.put("data", getData());
        
        PluginManager pluginManager   "use strict"= (PluginManager)AppUtil.getApplicationContext().getBean("pluginManager");
        String content =  $(".gantt").gantt({pluginManager.getPluginFreeMarkerTemplate(model, getClass().getName(), "/templates/ganttChart.ftl", MESSAGE_PATH);
        return content;
    }
    source: ${data!},
    protected String getData() {
        String months:json = "[@@userview.ganttChart.months.label@@],]"; 
        
        dow: [@@userview.ganttChart.dow.label@@],try {
            DataListCollection data   itemsPerPage: ${element.properties.itemsPerPage!},= null;
            String idColumn   navigate: "${element.properties.navigate!}",= getPropertyString("taskId");
            
    scale: "${element.properties.scale!}",
        //get the binder
        maxScale: "${element.properties.maxScale!}",
   Object binderData = getProperty("binder");
          minScale: "${element.properties.minScale!}",
           if (binderData != null && binderData instanceof Map) {
      waitText: "@@userview.ganttChart.waitText@@",
         Map       onItemClick: functionbdMap = (dataMap) {binderData;
                if    ${element.properties.onItemClick!}
      (bdMap != null && bdMap.containsKey("className") && !bdMap.get("className").toString().isEmpty()) {
          },
          PluginManager pluginManager = (PluginManager) AppUtil.getApplicationContext().getBean("pluginManager");
  onAddClick: function(datetime, rowId) {
               DataListBinder binder =   ${element.properties.onAddClick!}(DataListBinder) pluginManager.getPlugin(bdMap.get("className").toString());
                },
    
                    onRender:if function(binder != null) {
                    ${element.properties.onRender!}
    Map bdProps = (Map) bdMap.get("properties");
        },
                useCookie: <#if element.properties.useCookie! == 'true'>true<#else>false</#if>,
binder.setProperties(bdProps);
                        
                 scrollToToday: <#if element.properties.scrollToToday! == 'true'>true<#else>false</#if>
   data = binder.getData(null, bdProps, new DataListFilterQueryObject[0], null, null, null, }null);
                 });
    </script>
   if ${element.properties.customFooter!}
</div>

<!-- Change plugin specific dependencies here -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jsp-api</artifactId>
    <version>2.0</version>
</dependency>
<!-- End change plugin specific dependencies here -->

 org.joget.tutorial.GanttChartMenu.pluginLabel=Gantt Chart Menu
org.joget.tutorial.GanttChartMenu.pluginDesc=Display data in a Gantt Chart view
userview.ganttchart.config=Configure Gantt Chart Menu
userview.ganttchart.customId=Custom ID
userview.ganttchart.invalidId=Only alpha-numeric and underscore characters allowed
userview.ganttchart.label=Label
userview.ganttchart.title=Page Title
userview.ganttchart.binder=Data Binder
userview.ganttchart.mapping=Column to Data Mappings
userview.ganttchart.mapping.category=Category (column ID)
userview.ganttchart.mapping.task=Task (column ID)
userview.ganttchart.mapping.activity=Activity (column ID)
userview.ganttchart.mapping.fromDate=Activity From Date (column ID)
userview.ganttchart.mapping.toDate=Activity To Date (column ID)
userview.ganttchart.mapping.dateFormat=Date format for Activity From/To Date
userview.ganttchart.mapping.taskId=Task Id (column ID)
userview.ganttchart.mapping.cssClass=Status (column ID, use as CSS class for styling)
userview.ganttchart.advanced=Advanced
userview.ganttchart.itemsPerPage=Item pre page
userview.ganttchart.navigate=Navigator
userview.ganttchart.navigate.buttons=Buttons
userview.ganttchart.navigate.scroll=Scroll
userview.ganttchart.scale=Default Scale
userview.ganttchart.scale.hours=Hours
userview.ganttchart.scale.days=Days
userview.ganttchart.scale.weeks=Weeks
userview.ganttchart.scale.months=Months
userview.ganttchart.maxScale=Maximum Scale
userview.ganttchart.minScale=Minimum Scale
userview.ganttchart.useCookie=Use cookie for storing chart states
userview.ganttchart.scrollToToday=Auto scroll to today after rendered
userview.ganttchart.onItemClick=On Item Clicked Event (Javascript)
userview.ganttchart.onAddClick=On Empty Space Clicked Event (Javascript)
userview.ganttchart.onRender=On Rendered Event (Javascript)
userview.ganttchart.customHeader=Custom Header (HTML)
userview.ganttchart.customFooter=Custom Footer (HTML)

    public void start(BundleContext context) {
        registrationList = new ArrayList<ServiceRegistration>();
        //Register plugin here
        registrationList.add(context.registerService(GanttChartMenu.class.getName(), new GanttChartMenu(), null));
    }