https://www.safesave-payments.com/wp-content/plugins/skt-skill-bar…/circle/jquery.easy-pie-chart.js?ver=3.1

1// Generated by CoffeeScript 1.6.2
2/*
3Easy pie chart is a jquery plugin to display simple animated pie charts for only one value
4
5Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
6and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
7
8Built on top of the jQuery library (http://jquery.com)
9
10@source: http://github.com/rendro/easy-pie-chart/
11@autor: Robert Fleischmann
12@version: 1.2.1
13
14Inspired by: http://dribbble.com/shots/631074-Simple-Pie-Charts-II?list=popular&offset=210
15Thanks to Philip Thrasher for the jquery plugin boilerplate for coffee script
16*/
17(function($) {
18  $.easyPieChart = function(el, options) {
19    var addScaleLine, animateLine, drawLine, easeInOutQuad, rAF, renderBackground, renderScale, renderTrack,
20      _this = this;
21
22    this.el = el;
23    this.$el = $(el);
24    this.$el.data("easyPieChart", this);
25    this.init = function() {
26      var percent, scaleBy;
27
28      _this.options = $.extend({}, $.easyPieChart.defaultOptions, options);
29      percent = parseInt(_this.$el.data('percent'), 10);
30      _this.percentage = 0;
31      _this.canvas = $("<canvas width='" + _this.options.size + "' height='" + _this.options.size + "'></canvas>").get(0);
32      _this.$el.append(_this.canvas);
33      if (typeof G_vmlCanvasManager !== "undefined" && G_vmlCanvasManager !== null) {
34        G_vmlCanvasManager.initElement(_this.canvas);
35      }
36      _this.ctx = _this.canvas.getContext('2d');
37      if (window.devicePixelRatio > 1) {
38        scaleBy = window.devicePixelRatio;
39        $(_this.canvas).css({
40          width: _this.options.size,
41          height: _this.options.size
42        });
43        _this.canvas.width *= scaleBy;
44        _this.canvas.height *= scaleBy;
45        _this.ctx.scale(scaleBy, scaleBy);
46      }
47      _this.ctx.translate(_this.options.size / 2, _this.options.size / 2);
48      _this.ctx.rotate(_this.options.rotate * Math.PI / 180);
49      _this.$el.addClass('easyPieChart');
50      _this.$el.css({
51        width: _this.options.size,
52        height: _this.options.size,
53        lineHeight: "" + _this.options.size + "px"
54      });
55      _this.update(percent);
56      return _this;
57    };
58    this.update = function(percent) {
59      percent = parseFloat(percent) || 0;
60      if (_this.options.animate === false) {
61        drawLine(percent);
62      } else {
63        animateLine(_this.percentage, percent);
64      }
65      return _this;
66    };
67    renderScale = function() {
68      var i, _i, _results;
69
70      _this.ctx.fillStyle = _this.options.scaleColor;
71      _this.ctx.lineWidth = 1;
72      _results = [];
73      for (i = _i = 0; _i <= 24; i = ++_i) {
74        _results.push(addScaleLine(i));
75      }
76      return _results;
77    };
78    addScaleLine = function(i) {
79      var offset;
80
81      offset = i % 6 === 0 ? 0 : _this.options.size * 0.017;
82      _this.ctx.save();
83      _this.ctx.rotate(i * Math.PI / 12);
84      _this.ctx.fillRect(_this.options.size / 2 - offset, 0, -_this.options.size * 0.05 + offset, 1);
85      _this.ctx.restore();
86    };
87    renderTrack = function() {
88      var offset;
89
90      offset = _this.options.size / 2 - _this.options.lineWidth / 2;
91      if (_this.options.scaleColor !== false) {
92        offset -= _this.options.size * 0.08;
93      }
94      _this.ctx.beginPath();
95      _this.ctx.arc(0, 0, offset, 0, Math.PI * 2, true);
96      _this.ctx.closePath();
97      _this.ctx.strokeStyle = _this.options.trackColor;
98      _this.ctx.lineWidth = _this.options.lineWidth;
99      _this.ctx.stroke();
100    };
101    renderBackground = function() {
102      if (_this.options.scaleColor !== false) {
103        renderScale();
104      }
105      if (_this.options.trackColor !== false) {
106        renderTrack();
107      }
108    };
109    drawLine = function(percent) {
110      var offset;
111
112      renderBackground();
113      _this.ctx.strokeStyle = $.isFunction(_this.options.barColor) ? _this.options.barColor(percent) : _this.options.barColor;
114      _this.ctx.lineCap = _this.options.lineCap;
115      _this.ctx.lineWidth = _this.options.lineWidth;
116      offset = _this.options.size / 2 - _this.options.lineWidth / 2;
117      if (_this.options.scaleColor !== false) {
118        offset -= _this.options.size * 0.08;
119      }
120      _this.ctx.save();
121      _this.ctx.rotate(-Math.PI / 2);
122      _this.ctx.beginPath();
123      _this.ctx.arc(0, 0, offset, 0, Math.PI * 2 * percent / 100, false);
124      _this.ctx.stroke();

125      _this.ctx.restore();
126    };
127    rAF = (function() {
128      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
129        return window.setTimeout(callback, 1000 / 60);
130      };
131    })();
132    animateLine = function(from, to) {
133      var anim, startTime;
134
135      _this.options.onStart.call(_this);
136      _this.percentage = to;
137      startTime = Date.now();
138      anim = function() {
139        var currentValue, process;
140
141        process = Date.now() - startTime;
142        if (process < _this.options.animate) {
143          rAF(anim);
144        }
145        _this.ctx.clearRect(-_this.options.size / 2, -_this.options.size / 2, _this.options.size, _this.options.size);
146        renderBackground.call(_this);
147        currentValue = [easeInOutQuad(process, from, to - from, _this.options.animate)];
148        _this.options.onStep.call(_this, currentValue);
149        drawLine.call(_this, currentValue);
150        if (process >= _this.options.animate) {
151          return _this.options.onStop.call(_this);
152        }
153      };
154      rAF(anim);
155    };
156    easeInOutQuad = function(t, b, c, d) {
157      var easeIn, easing;
158
159      easeIn = function(t) {
160        return Math.pow(t, 2);
161      };
162      easing = function(t) {
163        if (t < 1) {
164          return easeIn(t);
165        } else {
166          return 2 - easeIn((t / 2) * -2 + 2);
167        }
168      };
169      t /= d / 2;
170      return c / 2 * easing(t) + b;
171    };
172    return this.init();
173  };
174  $.easyPieChart.defaultOptions = {
175    barColor: '#ef1e25',
176    trackColor: '#f2f2f2',
177    scaleColor: '#dfe0e0',
178    lineCap: 'round',
179    rotate: 0,
180    size: 110,
181    lineWidth: 3,
182    animate: false,
183    onStart: $.noop,
184    onStop: $.noop,
185    onStep: $.noop
186  };
187  $.fn.easyPieChart = function(options) {
188    return $.each(this, function(i, el) {
189      var $el, instanceOptions;
190
191      $el = $(el);
192      if (!$el.data('easyPieChart')) {
193        instanceOptions = $.extend({}, options, $el.data());
194        return $el.data('easyPieChart', new $.easyPieChart(el, instanceOptions));
195      }
196    });
197  };
198  return void 0;
199})(jQuery);