Increased size of the benchmark charts; disabled the chart display while the chart is being generated
This commit is contained in:
		| @@ -9,6 +9,7 @@ $ -> | |||||||
|     a.click() |     a.click() | ||||||
|  |  | ||||||
|   $('#reports-button').on 'click', (e) -> |   $('#reports-button').on 'click', (e) -> | ||||||
|  |     $('#reports-download').attr('disabled', true) | ||||||
|     chartInstance.destroy() if chartInstance |     chartInstance.destroy() if chartInstance | ||||||
|  |  | ||||||
|     benchmarkId = $('#report-benchmarks').val() |     benchmarkId = $('#report-benchmarks').val() | ||||||
| @@ -78,3 +79,4 @@ $ -> | |||||||
|       plugins: [ChartDataLabels] |       plugins: [ChartDataLabels] | ||||||
|  |  | ||||||
|     $('#reports-download').attr('disabled', false) |     $('#reports-download').attr('disabled', false) | ||||||
|  |     $('#benchmark-chart')[0].removeClass('disabled') | ||||||
|   | |||||||
| @@ -9,6 +9,10 @@ $shadow-normal: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; | |||||||
| $shadow-light: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; | $shadow-light: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; | ||||||
| $shadow-heavy: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; | $shadow-heavy: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; | ||||||
|  |  | ||||||
|  | .disabled{ | ||||||
|  |   display: none; | ||||||
|  | } | ||||||
|  |  | ||||||
| body{ | body{ | ||||||
|   font-size: 18px; |   font-size: 18px; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -45,8 +45,8 @@ | |||||||
|   </div> |   </div> | ||||||
|  |  | ||||||
|   <div class="row"> |   <div class="row"> | ||||||
|     <div class="col-5"> |     <div class="col-12"> | ||||||
|       <canvas id="benchmark-chart" width="800" height="400"></canvas> |       <canvas id="benchmark-chart" class="disabled" width="1200" height="720"></canvas> | ||||||
|     </div> |     </div> | ||||||
|   </div> |   </div> | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user