41 | ID | )} 115 |Name | 116 | {this.props.expandDetails && (Assinged | )} 117 | {this.props.expandDetails && (Start Date | )} 118 | {this.props.expandDetails && (End Date | )} 119 | {dateArray.map((count, i)=>{ 120 | return( 121 |{i+1} | 122 | ) 123 | })} 124 ||
---|---|---|---|---|---|---|
{row.id} | )} 136 |{row.name} | 137 | {this.props.expandDetails && ({row.assigned} | )} 138 | {this.props.expandDetails && ({row.startDate ? row.startDate.toLocaleDateString():''} | )} 139 | {this.props.expandDetails && ({row.endDate ? row.endDate.toLocaleDateString(): ''} | )} 140 | 141 | {dateArray.map((count, i)=>{ 142 | if(i==0){ 143 | return( 144 |
145 | {rowLeftX != -1 && rowWidth != -1 ?
146 |
147 |
148 |
149 |
150 | : null }
151 | {row.milestones.map((milestone, mi)=>{
152 | const milestoneRowLeftX = this.calculateStartX(milestone.startDate);//Math.ceil((Number(milestone.startDate) - Number(this.props.ganttStartDate))*TIME_COLUMN_RATIO*COLUMN_WIDTH);
153 | const milestoneRowWidth = this.calculateEndWidth(milestone.startDate, milestone.endDate);//Math.ceil((Number(milestone.endDate) - Number(milestone.startDate))*TIME_COLUMN_RATIO*COLUMN_WIDTH);
154 |
155 | if(milestoneRowLeftX == -1 || rowWidth == -1){
156 | return ();
157 | }
158 |
159 | return(
160 |
161 |
162 |
163 |
164 |
165 | )
166 | })}
167 |
168 | {currentDateX != -1 ? : null }
169 | |
170 | )
171 | }else{
172 | return(
173 | 174 | ) 175 | } 176 | })} 177 | |