11< div class ="page-container ">
22 < div class ="page-header ">
3- < h1 > Estimate Time Saved and Share Expertise </ h1 >
3+ < h2 > Estimate Time Saved With Copilot & < br > Share Insights with your colleagues </ h2 >
44 </ div >
55 < div class ="two-column-layout ">
66 < div class ="column " [style.width.%] ="formColumnWidth ">
@@ -45,7 +45,7 @@ <h1>Estimate Time Saved and Share Expertise</h1>
4545 </ form >
4646 </ div >
4747 < div class ="column " [style.width.%] ="historyColumnWidth ">
48- < h2 > What colleagues are saying ...</ h2 >
48+ < h3 > What colleagues are sharing ...</ h3 >
4949 < mat-card class ="scrollable-card ">
5050 < mat-card-content class ="scrollable-card-content ">
5151 < div *ngFor ="let reason of historicalReasons ">
@@ -57,61 +57,4 @@ <h2>What colleagues are saying...</h2>
5757 </ mat-card-content >
5858 </ mat-card >
5959 </ div >
60- </ div >
61- < div class ="two-column-layout ">
62- < div class ="column " [style.width.%] ="formColumnWidth ">
63- < form [formGroup] ="surveyForm " (ngSubmit) ="onSubmit() ">
64- < label for ="usedCopilot "> Did you use Copilot for this PR?</ label >
65- < mat-radio-group id ="usedCopilot " formControlName ="usedCopilot " aria-labelledby ="example-radio-group-label " class ="example-radio-group ">
66- < mat-radio-button class ="example-radio-button " [value] ="true "> Yes</ mat-radio-button >
67- < mat-radio-button class ="example-radio-button " [value] ="false "> No</ mat-radio-button >
68- </ mat-radio-group >
69- < label for ="percentTimeSavedSlider "> How much less time did the PR take with Copilot?</ label >
70- < div >
71- < mat-slider class ="example-mat-slider " id ="percentTimeSavedSlider " [max] ="100 " [min] ="0 " [step] ="5 " discrete ="true " tickInterval ="5 " showTickMarks [displayWith] ="formatPercent ">
72- < input matSliderThumb formControlName ="percentTimeSaved ">
73- </ mat-slider >
74- < div class ="slider-labels-container ">
75- < div class ="slider-labels ">
76- < span style ="left: 0% "> 0%</ span >
77- < span style ="left: 25% "> 25%</ span >
78- < span style ="left: 50% "> 50%</ span >
79- < span style ="left: 75% "> 75%</ span >
80- < span style ="left: 100% "> 100%</ span >
81- </ div >
82- </ div >
83- </ div >
84- < mat-form-field class ="example-form-field ">
85- < mat-label > If possible, Explain how copilot enabled that level of Time Savings </ mat-label >
86- < textarea formControlName ="reason " placeholder ="Ex. Write boilerplate code more quickly, freeing up time to focus on complex logic. " matInput (focus) ="onReasonFocus() "> </ textarea >
87- </ mat-form-field >
88- < br > < br >
89- < label for ="timeUsedForGroup "> Given the context, where would the Copilot time savings most likely show up?</ label >
90- < mat-radio-group id ="timeUsedForGroup " formControlName ="timeUsedFor " aria-labelledby ="example-radio-group-label " class ="example-radio-group ">
91- < mat-radio-button class ="example-radio-button " value ="fasterPRs "> Faster PR's 🚀</ mat-radio-button >
92- < mat-radio-button class ="example-radio-button " value ="fasterReleases "> Faster Releases 📦</ mat-radio-button >
93- < mat-radio-button class ="example-radio-button " value ="repoHousekeeping "> Repo/Team Housekeeping 🧹</ mat-radio-button >
94- < mat-radio-button class ="example-radio-button " value ="techDebt "> Tech Debt, Reduce Defects and Vulns
95- 🛠️</ mat-radio-button >
96- < mat-radio-button class ="example-radio-button " value ="experimentLearn "> Experiment, Learn, or Work on Something NEW
97- 🧪</ mat-radio-button >
98- < mat-radio-button class ="example-radio-button " value ="other "> Other 🤔</ mat-radio-button >
99- </ mat-radio-group >
100- < button mat-raised-button color ="primary " type ="submit "> Submit</ button >
101- </ form >
102- </ div >
103- < div class ="column " [style.width.%] ="historyColumnWidth ">
104- < h2 > What colleagues are saying...</ h2 >
105- < mat-card class ="scrollable-card ">
106- < mat-card-content class ="scrollable-card-content ">
107- < div *ngFor ="let reason of historicalReasons ">
108- "{{ reason }}"
109- </ div >
110- < div *ngFor ="let reason of historicalReasons ">
111- "{{ reason }}"
112- </ div >
113- </ mat-card-content >
114- </ mat-card >
115- </ div >
116- </ div >
117- </ div >
60+ </ div >
0 commit comments