@page "/ganttchart-features"
@using Syncfusion.Blazor.Gantt
@using Syncfusion.Blazor.Grids
<h2>Gantt Chart</h2>
<br />
<div id="ControlRegion">
    <SfGantt @ref="thisGantt" DataSource="@TaskCollection" EnableContextMenu="true" Height="900px" Width="1800px" ProjectStartDate="@ProjectStart" ProjectEndDate="@ProjectEnd" AllowFiltering="true"
             Toolbar="@(new List<string>() { "NextTimeSpan", "PrevTimeSpan", "Search", "Add", "Cancel", "Delete", "Edit", "Update", "ZoomIn","ZoomOut","ZoomToFit"  })"
             ContextMenuItems="@(new List<ContextMenuItemModel>() {
new ContextMenuItemModel { Text = "Go to Account", Target = ".e-content", Id = "Go2Customer" } ,
new ContextMenuItemModel { Text = "Go to Project", Target = ".e-content", Id = "Go2Project" } ,
new ContextMenuItemModel { Text = $"Go to Task", Target = ".e-content", Id = "Go2Task" } ,
new ContextMenuItemModel { Text = "Move to Next Sprint", Target = ".e-content", Id = "Move2Next" } ,
new ContextMenuItemModel { Text = "Move to Backlog", Target = ".e-content", Id = "Move2Backlog" } })">
        <GanttTaskFields Id="TaskId" Name="TaskName" StartDate="StartDate" EndDate="EndDate" Duration="Duration" Progress="Progress" Dependency="Predecessor" Child="SubTasks" ParentID="ParentId">
        </GanttTaskFields>
        <GanttEditSettings AllowEditing="true" AllowTaskbarEditing="true" AllowAdding="true" AllowDeleting="true" ShowDeleteConfirmDialog="true"></GanttEditSettings>
        <GanttSearchSettings Fields="@Searchfields"></GanttSearchSettings>
        <GanttEventMarkers>
            <GanttEventMarker Day="@EventDay1" Label="Project approval and kick-off"
                              CssClass="e-custom-event-marker"></GanttEventMarker>
        </GanttEventMarkers>
        <GanttEvents TValue="TaskData" EndEdit="testMethod" ContextMenuItemClicked="OnContextMenuClick"></GanttEvents>
        <GanttTooltipSettings ShowTooltip="false" TValue="TaskData"></GanttTooltipSettings>
        <GanttTimelineSettings TimelineUnitSize="@DefaultUnitWidth">
            <GanttTopTierSettings Unit="@TopTierUnit" Count="@TopTierCount" Format="@TopTierFormat"></GanttTopTierSettings>
            <GanttBottomTierSettings Count="@BottomTierCount" Unit="@BottomTierUnit" Format="@BottomTierFormat"></GanttBottomTierSettings>
        </GanttTimelineSettings>
    </SfGantt>
</div>
<br />
<div>
    <h3>Selected Features:</h3>
    <ul class="ulstyle">
        <li class="list"> Zooming</li>
        <li class="list"> Editing</li>
        <li class="list"> Filtering</li>
        <li class="list"> Timeline</li>
        <li class="list"> Theme - Bootstrap v5</li>
    </ul>
</div>
<br />
<style>
    .ulstyle {
        margin: 0px;
        padding-left: 20px;
        display: inline-block;
    }

    .list {
        float: left;
        line-height: 20px;
        margin: 10px;
        min-width: 200px;
    }
</style>
@code {
    public SfGantt<TaskData> thisGantt { get; set; }
    public DateTime ProjectStart = new DateTime(2019, 4, 1);
    public DateTime ProjectEnd = new DateTime(2019, 5, 4);
    public DateTime EventDay1 = new DateTime(2019, 4, 17);
    public List<TaskData> TaskCollection { get; set; }
    public int DefaultUnitWidth = 33;
    public int TopTierCount = 1;
    public int BottomTierCount = 1;
    TimelineViewMode TopTierUnit = TimelineViewMode.Week;
    TimelineViewMode BottomTierUnit = TimelineViewMode.Day;
    string TopTierFormat = "MMM dd, yyyy";
    string BottomTierFormat = "";
    public string[] Searchfields = new string[] { "TaskId", "TaskName", "StartDate", "EndDate", "Duration", "Progress", "Predecessor" };

    protected override void OnInitialized()
    {
        this.TaskCollection = GetTaskCollection();
    }
    public class TaskData
    {
        public int TaskId { get; set; }
        public string TaskName { get; set; }
        public DateTime StartDate { get; set; }
        public DateTime EndDate { get; set; }
        public string Duration { get; set; }
        public int Progress { get; set; }
        public string Predecessor { get; set; }
        public int? ParentId { get; set; }
        public List<TaskData> SubTasks { get; set; }
    }

    private void testMethod(object e)
    {
        //var data = (RowSelectEventArgs<TaskData>)e;
        var data = (TaskbarEditedEventArgs<TaskData>)e;
        int taskId = data.Data.TaskId;
        thisGantt.AddRecordAsync(new TaskData() { TaskId = 4, TaskName = "New Added Record", StartDate = new DateTime(2019, 04, 02), Duration = "3", Progress = 50 }, 1, RowPosition.Child);
        Console.WriteLine(taskId);
        StateHasChanged();
    }

    public void OnContextMenuClick(ContextMenuClickEventArgs<TaskData> args)
    {
        Console.WriteLine(args.ToString());
    }


    public static List<TaskData> GetTaskCollection()
    {
        List<TaskData> Tasks = new List<TaskData>()
            {
                new TaskData() {
                    TaskId = 1,
                    TaskName = "Foundation",
                    StartDate = new DateTime(2019, 04, 04),
                    EndDate = new DateTime(2019, 04, 21),
                    SubTasks = (new List <TaskData> () {
                        new TaskData() {
                            TaskId = 2,
                            TaskName = "Excavate for foundations",
                            StartDate = new DateTime(2019, 04, 04),
                            Duration = "3",
                            Progress = 30,
                        },
                        new TaskData() {
                            TaskId = 3,
                            TaskName = "Excavate for foundations",
                            StartDate = new DateTime(2019, 04, 08),
                            Duration = "3",
                            Progress = 30,
                        },
                    })
                }
            };
        return Tasks;
    }
}