Subversion Repositories SmartDukaan

Rev

Rev 27696 | Rev 30094 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 27696 Rev 28275
Line 29... Line 29...
29 
			        </div>
 29 
			        </div>
30 
			      </td>
 30 
			      </td>
31 
			      <td>$ratingTillDate/5</td>
 31 
			      <td>$ratingTillDate/5</td>
32 
			    </tr>
 32 
			    </tr>
33 
			  </tbody>
 33 
			  </tbody>
34 
		</table>
34 
		</table>
35 
	</div>
 35 
		</div>
- 
 
 36
- 
 
 37
36 
	<div class="col-lg-7">
 38 
	<div class="col-lg-7">
- 
 
 39
- 
 
 40 
	     <div class="row" style="width=50%">
- 
 
 41
- 
 
 42 
                       	<select class="form-control input-sm" id = "performance-months"  name="months" placeholder="months" style="width:50%; margin:auto;">
- 
 
 43 
						    <option value="" disabled selected>month</option>
- 
 
 44 
							#foreach($mVM in $monthValueMap.entrySet())
- 
 
 45 
							#if($mVM.getKey()== $month )
- 
 
 46 
		             		<option value="$mVM.getKey()" selected>$mVM.getValue()</option>
- 
 
 47 
		             		#else
- 
 
 48 
		             		<option value="$mVM.getKey()">$mVM.getValue()</option>
- 
 
 49 
		             		#end
- 
 
 50 
		             		#end
- 
 
 51 
		                   	</select>
- 
 
 52 
		           	</div>
- 
 
 53
- 
 
 54 
	<div class="row">
37 
			<div class="col-lg-6">
 55 
			<div class="col-lg-6">
38 
				<canvas data-type="radial-gauge" id="hygeine"
 56 
				<canvas data-type="radial-gauge" id="hygeine"
39 
				    data-width="200",
 57 
				    data-width="200",
40 
				    data-height="200"
 58 
				    data-height="200"
41 
				    data-title="Hygeine"
 59 
				    data-title="Hygeine"
Line 66... Line 84...
66 
				    data-animation-duration="1500"
 84 
				    data-animation-duration="1500"
67 
				    data-animation-rule="linear"
 85 
				    data-animation-rule="linear"
68 
				></canvas>
 86 
				></canvas>
69
87
70 
			</div>
 88 
			</div>
- 
 
 89
- 
 
 90
71 
			<div class="col-lg-6">
 91 
			<div class="col-lg-6">
72 
				<canvas data-type="radial-gauge" id="investment"
 92 
				<canvas data-type="radial-gauge" id="investment"
73 
				    data-width="200"
 93 
				    data-width="200"
74 
				    data-height="200"
 94 
				    data-height="200"
75 
				    data-title="Investments"
 95 
				    data-title="Investments"
Line 99... Line 119...
99 
				    data-animation-duration="1500"
 119 
				    data-animation-duration="1500"
100 
				    data-animation-rule="linear"
 120 
				    data-animation-rule="linear"
101 
				></canvas>
 121 
				></canvas>
102 
			</div>
 122 
			</div>
103 
	</div>
 123 
	</div>
104 
 
 124
- 
 
 125 
	</div>
- 
 
 126 
	<script>
- 
 
 127 
	 starTotal = 5;
- 
 
 128 
        ratings = {
- 
 
 129 
            current: $currentMonthRating,
- 
 
 130 
            last: $lastMonthRating,
- 
 
 131 
            tilldate: $ratingTillDate
- 
 
 132 
        };
- 
 
 133 
        for (const rating in ratings) {
- 
 
 134 
            // 2
- 
 
 135 
            const starPercentage = (ratings[rating] / starTotal) * 100;
- 
 
 136 
            // 3
- 
 
 137 
            const starPercentageRounded = `${starPercentage}%`;
- 
 
 138 
            // 4
- 
 
 139 
            document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
- 
 
 140 
        }
- 
 
 141 
	</script>
105
142
106 
<script src="https://cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/2.1.5/radial/gauge.min.js"></script>
 143 
<script src="https://cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/2.1.5/radial/gauge.min.js"></script>
107 
<script type="text/javascript">
 144 
<script type="text/javascript">
108 
	var gauge1 = new RadialGauge({
 145 
	var gauge1 = new RadialGauge({
109 
	    renderTo: 'hygeine'
 146 
	    renderTo: 'hygeine'
110 
	}).draw();
 147 
	}).draw();