TheDude
/
openproject
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Timeline: added header legend for zoom level: month, quarter, year

Browse Source
pull/5162/head
Roman Roelofsen 8 years ago
parent bbf942feb2
commit 50e7ba47dd
1 changed files with 41 additions and 7 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 48
      frontend/app/components/wp-table/timeline/wp-timeline.header.ts

48
frontend/app/components/wp-table/timeline/wp-timeline.header.ts
Unescape View File

@ -275,27 +275,61 @@ export class WpTimelineHeader {
cell.innerHTML = start.format("YYYY"); cell.innerHTML = start.format("YYYY");
}); });
this.renderTimeSlices(vp, "quarter", 10, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => { this.renderTimeSlices(vp, "month", 10, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = start.format("Q"); cell.innerHTML = start.format("MMM");
cell.style.borderColor = "#000000"; cell.style.borderColor = "#000000";
cell.style.height = (this.globalHeight - 10) + "px"; cell.style.height = (this.globalHeight - 10) + "px";
cell.style.zIndex = "2";
}); });
this.renderTimeSlices(vp, "month", 20, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => { this.renderTimeSlices(vp, "week", 20, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = start.format("MM"); cell.innerHTML = start.format("ww");
cell.style.borderColor = "#CCCCCC"; cell.style.borderColor = "#CCCCCC";
cell.style.height = "15px"; cell.style.height = "25px";
cell.style.borderBottom = "1px solid black"; cell.style.borderBottom = "1px solid black";
cell.style.backgroundColor = "white";
}); });
} }
private renderLabelsQuarters(vp: TimelineViewParameters) { private renderLabelsQuarters(vp: TimelineViewParameters) {
this.renderTimeSlices(vp, "year", 0, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = start.format("YYYY");
});
this.renderTimeSlices(vp, "quarter", 10, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = "Q" + start.format("Q");
cell.style.borderColor = "#000000";
cell.style.height = (this.globalHeight - 10) + "px";
});
this.renderTimeSlices(vp, "month", 20, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = start.format("MMM");
cell.style.borderColor = "#000000";
cell.style.height = "25px";
cell.style.borderBottom = "1px solid black";
cell.style.backgroundColor = "white";
});
} }
private renderLabelsYears(vp: TimelineViewParameters) { private renderLabelsYears(vp: TimelineViewParameters) {
} this.renderTimeSlices(vp, "year", 0, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = start.format("YYYY");
cell.style.backgroundColor = "white";
});
this.renderTimeSlices(vp, "quarter", 10, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = "Q" + start.format("Q");
cell.style.borderColor = "#000000";
cell.style.height = (this.globalHeight - 10) + "px";
});
this.renderTimeSlices(vp, "month", 20, vp.dateDisplayStart, vp.dateDisplayEnd, (start, cell) => {
cell.innerHTML = start.format("M");
cell.style.borderColor = "#000000";
cell.style.height = "25px";
cell.style.borderBottom = "1px solid black";
cell.style.backgroundColor = "white";
});
}
renderTimeSlices(vp: TimelineViewParameters, renderTimeSlices(vp: TimelineViewParameters,
unit: string, unit: string,

Write Preview
Loading…
Cancel
Save