%PDF-
%PDF-
Mini Shell
Mini Shell
/*!
*speedometer.js
*author: Manivannan R
*project: Speedometer
*/
jQuery(document).ready(function ($) {
// console.log('speed');
jQuery.fn.speedometer = function (userPref) {
//// console.log('speed 22');
var self = this;
this.defaultProperty = {
maxVal : 100, /**Max value of the meter*/
divFact : 10, /**Division value of the meter*/
dangerLevel : 80, /**more than this leval, color will be red*/
initDeg : -45, /**reading begins angle*/
maxDeg : 270, /**total angle of the meter reading*/
edgeRadius : 150/1.5, /**radius of the meter circle*/
speedNobeH : 4, /**speed nobe height*/
speedoNobeW : 95/1.5, /**speed nobe width*/
speedoNobeL : 13, /**speed nobe left position*/
indicatorRadius : 125/1.5, /**radius of indicators position*/
indicatorNumbRadius : 90/1.5, /**radius of numbers position*/
speedPositionTxtWH : 80/1.5, /**speedo-meter current value cont*/
nobW : 20/1.5, /**indicator nob width*/
nobH : 4, /**indicator nob height*/
numbW : 30, /**indicator number width*/
numbH : 16, /**indicator number height*/
midNobW : 10, /**indicator mid nob width*/
midNobH : 3, /**indicator mid nob height*/
noOfSmallDiv : 2, /**no of small div between main div*/
eventListenerType : 'keypress', /* 'change', */ /**type of event listener*/
multiplier : 1, /**Center value multiplier e.g. 1 x 1000 RPM*/
gagueLabel : '', /**Label on guage Face*/
initVal : 0 /**Initial value*/
}
if(typeof userPref !== 'object'){
// console.log("erro");
}
if(typeof userPref === 'object')
for (var prop in userPref)this.defaultProperty[prop] = userPref[prop];
var speedInDeg,
noOfDev = this.defaultProperty.maxVal/this.defaultProperty.divFact,
divDeg = this.defaultProperty.maxDeg/noOfDev,
speedBgPosY,
speedoWH = this.defaultProperty.edgeRadius*2,
speedNobeTop = this.defaultProperty.edgeRadius - this.defaultProperty.speedNobeH/2,
speedNobeAngle = this.defaultProperty.initDeg,
speedPositionTxtTL = this.defaultProperty.edgeRadius - this.defaultProperty.speedPositionTxtWH/2,
tempDiv = '',
induCatorLinesPosY,induCatorLinesPosX,induCatorNumbPosY,induCatorNumbPosX,
induCatorLinesPosLeft,induCatorLinesPosTop,induCatorNumbPosLeft,induCatorNumbPosTop;
this.setCssProperty = function(){
var tempStyleVar = [
'<style>',
'#' + this.parentElemId + ' .envelope{',
'width :'+ speedoWH + 'px;',
'height :'+ speedoWH + 'px;',
'}',
'#' + this.parentElemId + ' .speedNobe{',
'height :'+ this.defaultProperty.speedNobeH + 'px;',
'top :'+ speedNobeTop + 'px;',
'transform :rotate('+speedNobeAngle+'deg);',
'-webkit-transform :rotate('+speedNobeAngle+'deg);',
'-moz-transform :rotate('+speedNobeAngle+'deg);',
'-o-transform :rotate('+speedNobeAngle+'deg);',
'}',
'#' + this.parentElemId + ' .speedPosition{',
'width :'+this.defaultProperty.speedPositionTxtWH + 'px;',
'height :'+this.defaultProperty.speedPositionTxtWH + 'px;',
'top :'+speedPositionTxtTL + 'px;',
'left :'+speedPositionTxtTL + 'px;',
'}',
'#' + this.parentElemId + ' .speedNobe div{',
'width :'+ this.defaultProperty.speedoNobeW + 'px;',
'left :'+ this.defaultProperty.speedoNobeL + 'px;',
'}',
'#' + this.parentElemId + ' .nob{',
'width :'+ this.defaultProperty.nobW + 'px;',
'height :'+ this.defaultProperty.nobH + 'px;',
'}',
'#' + this.parentElemId + ' .numb{',
'width :'+ this.defaultProperty.numbW + 'px;',
'height :'+ this.defaultProperty.numbH + 'px;',
'}',
'#' + this.parentElemId + ' .midNob{',
'width :'+ this.defaultProperty.midNobW + 'px;',
'height :'+ this.defaultProperty.midNobH + 'px;',
'}',
'</style>',
].join('');
this.parentElem.append(tempStyleVar);
}
this.creatHtmlsElecments = function(){
this.parentElemId = 'speedometerWraper-' + jQuery(this).attr('id');
jQuery(this).wrap('<div id="'+ this.parentElemId +'">');
this.parentElem = jQuery(this).parent();
this.setCssProperty();
this.createIndicators();
}
this.createIndicators = function(){
for(var i=0; i<=noOfDev; i++){
var curDig = this.defaultProperty.initDeg + i*divDeg;
var curIndVal = i*this.defaultProperty.divFact;
var dangCls = "";
if(curIndVal >= this.defaultProperty.dangerLevel){
dangCls = "danger";
}
var induCatorLinesPosY = this.defaultProperty.indicatorRadius * Math.cos( 0.01746 * curDig);
var induCatorLinesPosX = this.defaultProperty.indicatorRadius * Math.sin( 0.01746 * curDig);
var induCatorNumbPosY = this.defaultProperty.indicatorNumbRadius * Math.cos( 0.01746 * curDig);
var induCatorNumbPosX = this.defaultProperty.indicatorNumbRadius * Math.sin( 0.01746 * curDig);
if(i%this.defaultProperty.noOfSmallDiv == 0){
induCatorLinesPosLeft = (this.defaultProperty.edgeRadius - induCatorLinesPosX )-2;
induCatorLinesPosTop = (this.defaultProperty.edgeRadius - induCatorLinesPosY)-10;
var tempDegInd = [
'transform :rotate('+curDig+'deg)',
'-webkit-transform :rotate('+curDig+'deg)',
'-o-transform :rotate('+curDig+'deg)',
'-moz-transform :rotate('+curDig+'deg)',
].join(";");
tempDiv += '<div class="nob '+dangCls+'" style="left:'+induCatorLinesPosTop+'px;top:'+induCatorLinesPosLeft+'px;'+tempDegInd+'"></div>';
induCatorNumbPosLeft = (this.defaultProperty.edgeRadius - induCatorNumbPosX) - (this.defaultProperty.numbW/2);
induCatorNumbPosTop = (this.defaultProperty.edgeRadius - induCatorNumbPosY) - (this.defaultProperty.numbH/2);
tempDiv += '<div class="numb '+dangCls+'" style="left:'+ induCatorNumbPosTop +'px;top:'+induCatorNumbPosLeft+'px;">'+ curIndVal +'</div>';
}else{
induCatorLinesPosLeft = (this.defaultProperty.edgeRadius - induCatorLinesPosX )-(this.defaultProperty.midNobW/2);
induCatorLinesPosTop = (this.defaultProperty.edgeRadius - induCatorLinesPosY)-(this.defaultProperty.midNobH/2);
var tempDegInd = [
'transform :rotate('+curDig+'deg)',
'-webkit-transform :rotate('+curDig+'deg)',
'-o-transform :rotate('+curDig+'deg)',
'-moz-transform :rotate('+curDig+'deg)',
].join(";");
tempDiv += '<div class="nob '+dangCls+' midNob" style="left:'+induCatorLinesPosTop+'px;top:'+induCatorLinesPosLeft+'px;'+tempDegInd+'"></div>';
tempDiv += '<div class="numb"></div>';
}
}
this.parentElem.append('<div class="envelope">');
var speedNobe = [
'<div class="speedNobe">',
'<div></div>',
'</div>',
'<div class="speedPosition"></div>'
].join('');
this.parentElem.find(".envelope").append(speedNobe+tempDiv);
}
this.setPosition = function (speed){
// console.log('speed-99999999');
if(speed > self.defaultProperty.maxVal){
speed = self.defaultProperty.maxVal;
}
if(speed < 0 || isNaN(speed)){
speed = 0;
}
speedInDeg = (self.defaultProperty.maxDeg/self.defaultProperty.maxVal)*speed + self.defaultProperty.initDeg;
self.parentElem.find(".speedNobe").css({
"-webkit-transform" :'rotate('+speedInDeg+'deg)',
"-webkit-transform" :'rotate('+speedInDeg+'deg)',
"-moz-transform" :'rotate('+speedInDeg+'deg)',
"-o-transform" :'rotate('+speedInDeg+'deg)'
});
var centerVal = speed * self.defaultProperty.multiplier;
self.parentElem.find(".speedPosition").html(centerVal + "<br />" + self.defaultProperty.gagueLabel );
self.parentElem.find(".envelope .nob,.envelope .numb").removeClass("bright");
for(var i=0; i<=noOfDev; i++){
if(speed >= i*self.defaultProperty.divFact){
self.parentElem.find(".envelope .nob").eq(i).addClass("bright");
self.parentElem.find(".envelope .numb").eq(i).addClass("bright");
}else{
break;
}
}
}
this.creatHtmlsElecments();
jQuery.ajax({
url: ajaxurl,
type: "POST",
data: {
'action': 'wptools_get_speed_info'
}
}).done(function(result) {
console.log(result);
self.setPosition(result);
// setPosition(result
// this.setPosition(result);
});
return this;
}
}); // ready...
Zerion Mini Shell 1.0