Primary Set-Up UI: "Timeline" Section

[acshields]

Designs

Section Display Order

• "Specifications" section is displayed after the "Specifications"
• "Specifications" section is displayed before the "Prizes"

Specification Section Fields & Functionality

Header of Section

• Section Title: "Timeline"

Main Body Question/Answers

Field 1 is required, if the answer does not default as described in Issue 1114.
Field 1: Timeline Template
_Field 1 Answer: [_Dropdown Menu]

Field 2.A is required.
Field 2.A: Plan Launch
Field 2.A Answers: [Buttons]
-"Launch Immediately"
-"Schedule Launch"

Field 2.B is required if "Schedule Launch" is selected in 2.A
Field 2.B: Schedule Launch Date & Time
Field 2.B Answers:
-"Date" [Calendar Selection]
-"Time" [Numeric Time Entry]

[maxceem]

1. This is no more an issue, right? So we can edit phases now using V5 API? Disable editing timeline template for a challenge #706 (comment)

2. How the UI should look like if the phases cover 2 months like September and October? In particular, what do we show in the "month" header?

   

3. What "back" buttons should do in the situation when there are no phases on the left?

   

4. When we click "next" button near day/month how they should behave?

   

[vikasrohit]

1. It is still not supported by backend. Work is in progress. Lets work for the read only view of the phases for now. @acshields @rootelement do you happen to know the dates for the timeline edit feature by backend?

2. I guess, we can just leave it open e.g. the the last phase (Final Review) in the screenshot attached is overflowing to the next week. So, I think we can follow the same for the month view when phase spills over to the next month.

3. I think we can just keep on navigating the calendar as per the button e.g. for the month button, keep scrolling by month and for week, we can scroll by a week (or whatever number of days we are showing by default in the view). I mean, I don't want to put additional logic to validate if have the phase in the previous (month or week) before actually scrolling to avoid unnecessary complication. @acshields need your final thoughts here.

4. Same as 3.

[maxceem]

5. There is a scrollbar below. Should it scroll the current month? Or should it scroll the whole timeline?

   

[vikasrohit]

Good catch @maxceem. I have no clue. @acshields please chime in.

[acshields]

@maxceem @vikasrohit - great catch, I actually didn't notice the scroll bar either.

Here's what I am thinking:

• Days displayed in the design is a total of 15, which should cover most challenge/task durations.
• Month scrolling in the header - If a challenge/task occurs between the end and beginning of a month, the user should be able to click the forward/backward icons in the header
• With these two features above, I don't think we need the scrolling bar at the bottom of the design.

@vikasrohit - what do you think about this?

[maxceem]

@vikasrohit @acshields:

• I would suggest showing the scrollbar and it should scroll the whole timeline. So it may work like this https://frappe.io/gantt
• remove next/prev buttons for days and for month
• additionally, we can let users drag the whole timeline. For example like here, but without momentum.

[acshields]

@maxceem - I prefer your suggestion to mine :) Do you need the designs updated to show this?

[maxceem]

Do you need the designs updated to show this?

It's ok, the current design looks good, we would only remove the prev/next arrows.