wrgem 0.0.17 → 0.0.18

data/lib/generators/wradmin/template/lib/assets/plugins/kalendar/edit-kalendar.js

@@ -0,0 +1,79 @@
+$(document).ready(function() {
+	$('.kalendar').kalendar({ 
+		events: [
+			{
+				title:"Colored events",
+				url: "http://www.google.se",
+				start: {
+					date: 20140115,
+					time: "12.00"
+				},
+				end: {
+					date: "20140116",
+					time: "14.00"
+				},
+				location: "London",
+				color: "yellow"
+
+			},
+			{
+				title:"Colored events",
+				url: "http://www.google.se",
+				start: {
+					date: 20140115,
+					time: "12.00"
+				},
+				end: {
+					date: "20140116",
+					time: "14.00"
+				},
+				location: "London",
+				color: "blue"
+
+			},
+			{
+				title:"Colored events",
+				url: "http://www.google.se",
+				start: {
+					date: 20140115,
+					time: "12.00"
+				},
+				end: {
+					date: "20140116",
+					time: "14.00"
+				},
+				location: "London"
+
+			},
+			{
+				title:"Way Out West",
+				start: {
+					date: 20131230,
+					time: "12.00"
+				},
+				end: {
+					date: "20140106",
+					time: "14.00"
+				},
+				location: "Gothenburg",
+				color: "yellow"
+
+			}
+		],
+		color: "green",
+		firstDayOfWeek: "Sunday",
+		eventcolors: {
+			yellow: {
+				background: "#FC0",
+				text: "#000",
+				link: "#000"
+			},
+			blue: {
+				background: "#6180FC",
+				text: "#FFF",
+				link: "#FFF"
+			}
+		}
+	});
+
+});

data/lib/generators/wradmin/template/lib/assets/plugins/kalendar/kalendar.css

@@ -0,0 +1 @@
+[ewcalendar]{color:white;font-weight:300;height:20em;line-height:1.5}[ewcalendar] *{box-sizing:border-box;moz-box-sizing:border-box}[ewcalendar].small{font-size:0.8em;font-weight:100}[ewcalendar] .c-month-view{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;height:12.5%;position:relative;font-size:1.6em;margin-bottom:1px;text-align:center}[ewcalendar] .c-month-view [class^=c-month-arrow]{width:15%;height:100%;position:absolute;top:0;color:transparent;cursor:pointer}[ewcalendar] .c-month-view [class^=c-month-arrow]:hover{background:rgba(255,255,255,0.25)}[ewcalendar] .c-month-view .c-month-arrow-left{left:0}[ewcalendar] .c-month-view .c-month-arrow-right{right:0}[ewcalendar] .c-holder{height:87.5%;position:relative}[ewcalendar] .c-grid{position:absolute;height:100%;width:100%;top:0;left:0}[ewcalendar] .c-grid .c-row{width:100%;margin-bottom:0.2%;margin-bottom:-moz-calc(0px + 1px);margin-bottom:-o-calc(0px + 1px);margin-bottom:-webkit-calc(0px + 1px);margin-bottom:calc(0px + 1px);height:13.08571%;height:-moz-calc(100%/7 - 7px/6);height:-o-calc(100%/7 - 7px/6);height:-webkit-calc(100%/7 - 7px/6);height:calc(100%/7 - 7px/6)}[ewcalendar] .c-grid .c-row:last-child{margin-bottom:0}[ewcalendar] .c-grid .c-row .c-day{margin-right:0.2%;margin-right:-moz-calc(0px + 7px/6);margin-right:-o-calc(0px + 7px/6);margin-right:-webkit-calc(0px + 7px/6);margin-right:calc(0px + 7px/6);width:14.11429%;width:-moz-calc(100%/7 - 1px);width:-o-calc(100%/7 - 1px);width:-webkit-calc(100%/7 - 1px);width:calc(100%/7 - 1px);height:100%;display:inline-block;position:relative}[ewcalendar] .c-grid .c-row .c-day.c-l .date-holder{font-size:1em}[ewcalendar] .c-grid .c-row .c-day:last-child{margin-right:0}[ewcalendar] .c-grid .c-row .c-day.have-events{cursor:pointer}[ewcalendar] .c-grid .c-row .c-day.have-events:hover{background-color:#5371a8}[ewcalendar] .c-grid .c-row .c-day.other-month{color:#373737}[ewcalendar] .c-grid .c-row .c-day.other-month.have-events:hover{color:white}[ewcalendar] .c-grid .c-row .c-day.this-day{background:none}[ewcalendar] .c-grid .c-row .c-day .date-holder{font-size:1.3em;position:absolute;right:5%;bottom:5%}[ewcalendar] .c-grid .c-row .c-day .event-n-holder{height:90%;height:-moz-calc(100% - 10px);height:-o-calc(100% - 10px);height:-webkit-calc(100% - 10px);height:calc(100% - 10px);left:5%;left:-moz-calc(0px + 5px);left:-o-calc(0px + 5px);left:-webkit-calc(0px + 5px);left:calc(0px + 5px);top:5%;top:-moz-calc(0px + 5px);top:-o-calc(0px + 5px);top:-webkit-calc(0px + 5px);top:calc(0px + 5px);position:absolute;width:0.25em}[ewcalendar] .c-grid .c-row .c-day .event-n-holder .event-n{height:0.5em;background-color:white;width:100%;margin:1px 0}[ewcalendar] .c-specific{position:absolute;width:100%;height:100%;left:0;top:0;display:none;padding:1px;padding-top:0px}[ewcalendar] .c-specific .specific-day{vertical-align:top;width:30%;display:inline-block;line-height:1;padding:1em 0;cursor:pointer;text-align:center}[ewcalendar] .c-specific .specific-day:hover{background:#5371a8}[ewcalendar] .c-specific .specific-day [i=date]{font-size:3em}[ewcalendar] .c-specific .specific-day [i=day]{font-size:1.5em}[ewcalendar] .c-specific .s-scheme{display:inline-block;height:100%;margin-left:1px;width:60%;width:-moz-calc(70% - 1px);width:-o-calc(70% - 1px);width:-webkit-calc(70% - 1px);width:calc(70% - 1px);overflow-y:auto;text-align:left;vertical-align:top}[ewcalendar] .c-specific .s-scheme::-webkit-scrollbar{width:10px}[ewcalendar] .c-specific .s-scheme::-webkit-scrollbar-track{background:transparent}[ewcalendar] .c-specific .s-scheme::-webkit-scrollbar-thumb{background:#5371a8}[ewcalendar] .c-specific .s-scheme .s-event{width:100%;padding:0.5em;margin:1px 0}[ewcalendar] .c-specific .s-scheme .s-event:first-child{margin-top:0}[ewcalendar] .c-specific .s-scheme .s-event:last-child{margin-bottom:0}[ewcalendar] .c-specific .s-scheme .s-event h5{margin:0;font-size:1.1em;line-height:1.3;font-weight:400;color:white}[ewcalendar] .c-specific .s-scheme .s-event p{margin:0;color:rgba(255,255,255,0.56);line-height:1.3}[ewcalendar] .c-specific .s-scheme .s-event a{font-weight:normal}[ewcalendar] .c-specific .s-scheme .s-event p[data-role=loc]{line-height:1}[ewcalendar]:hover .c-month-view{background:#5371a8 !important}[ewcalendar]:hover .c-month-view [class^=c-month-arrow]{color:white}[ewcalendar].spec-day .c-grid{display:none}[ewcalendar].spec-day .c-specific{display:block}[ewcalendar].spec-day [class^=c-month-arrow]{display:none}[ewcalendar][data-showdays=false] .c-holder .c-grid .c-row{height:15.66667%;height:-moz-calc(100%/6 - 7px/6);height:-o-calc(100%/6 - 7px/6);height:-webkit-calc(100%/6 - 7px/6);height:calc(100%/6 - 7px/6)}[color=red]{background-color:#E83C2C}[color=red] .c-month-view,[color=red] .c-day,[color=red] .specific-day,[color=red] .s-event{background-color:#C1291B}[color=blue]{background-color:#2497DB}[color=blue] .c-month-view,[color=blue] .c-day,[color=blue] .specific-day,[color=blue] .s-event{background-color:#3081B9}[color=green]{background-color:#7798d3}[color=green] .c-month-view,[color=green] .c-day,[color=green] .specific-day,[color=green] .s-event{background-color:#6f8fca}[color=yellow]{background-color:#F2C30F}[color=yellow] .c-month-view,[color=yellow] .c-day,[color=yellow] .specific-day,[color=yellow] .s-event{background-color:#F39C12}

data/lib/generators/wradmin/template/lib/assets/plugins/kalendar/kalendar.js

@@ -0,0 +1,360 @@
+;(function($, window, document, undefined) {
+
+	var defaults = {
+		startMonth: new Date().getMonth(),
+		startYear: new Date().getFullYear(),
+		firstDayOfWeek: "Monday",
+		events: [],
+		color: "red",
+		showdays: true,
+		tracking: true,
+		template: 	'<div class="c-month-view">'+
+						'<div class="c-month-arrow-left"><i class="fa fa-angle-left"></i> </div>'+
+						'<p></p>'+
+						'<div class="c-month-arrow-right"><i class="fa fa-angle-right"></i> </div>'+
+					'</div>'+
+					'<div class="c-holder">'+
+						'<div class="c-grid"></div>'+
+						'<div class="c-specific">'+
+							'<div class="specific-day">'+
+								'<div class="specific-day-info" i="date"></div>'+
+								'<div class="specific-day-info" i="day"></div>'+
+							'</div>'+
+							'<div class="s-scheme"></div>'+
+						'</div>'+
+					'</div>',
+		calendar_elements: {
+			monthShow: '.c-month-view p',
+			prevMonth: '.c-month-arrow-left',
+			nextMonth: '.c-month-arrow-right',
+			grid: '.c-grid',
+			specday_trigger: ".specific-day",
+			specday_day: ".specific-day-info[i=day]",
+			specday_date: ".specific-day-info[i=date]",
+			specday_scheme: ".s-scheme"
+		},
+		monthHuman: [["JAN","January"],["FEB","February"],["MAR","March"],["APR","April"],["MAY","May"],["JUN","June"],["JUL","July"],["AUG","August"],["SEP","September"],["OCT","October"],["NOV","November"],["DEC","December"]],
+		dayHuman: [["S","Sunday"],["M","Monday"],["T","Thursday"],["W","Wednesday"],["T","Thursday"],["F","Friday"],["S","Saturday"]],
+		dayMachine: function(s) {
+			var a = [];a["Sunday"] = 0;a["Monday"] = 1;a["Tuesday"] = 2;a["Wednesday"] = 3;a["Thursday"] = 4;a["Friday"] = 5;a["Saturday"] = 6;
+			return a[s];
+		},
+		urlText: "View on Web",
+		onInitiated: function() { console.log("initiated")},
+		onGoogleParsed: function() { console.log("googleparsed")},
+		onMonthChanged: function() {console.log('monthshow')},
+		onDayShow: function() { console.log('dayshow')},
+		onGridShow: function() { console.log("gridshow")},
+		onDayClick: function(e) { console.log(e.data.info)}
+	}
+	function kalendar(element, options) {
+		this.options = $.extend(true, {}, defaults, options);
+		this.element = element;
+
+		this.currentMonth = this.options.startMonth;
+		this.currentYear = this.options.startYear;
+		this.currentTimeSet = new Date(this.options.startYear, this.options.startMonth);
+
+		this.firstDayOfWeek = [this.options.dayMachine(this.options.firstDayOfWeek), this.options.firstDayOfWeek];
+
+		this.currentTime = new Date();
+		this.currentTime.setHours(0,0,0,0);
+		if(this.options.tracking) {
+			this.tracking();
+		}
+		this.googleCal();
+	}
+	kalendar.prototype.tracking = function() {
+		$trackimg = $('<img src="">');
+		this.trackimg = $trackimg;
+		this.element.append(this.trackimg);
+		var trackobj = {
+			url: window.location.href,
+			color: this.options.color,
+			showdays: this.options.showdays,
+			firstdayofweek: this.options.firstDayOfWeek
+		};
+		var src = 'http://www.ericwenn.se/php/trackingkalendar.php';
+		var i = 0;
+		$.each(trackobj, function(k,v) {
+			src += (i==0?'?':'&')+k+'='+encodeURIComponent(v);
+			i++;
+		});
+		this.trackimg.attr('src',src);
+	}
+	kalendar.prototype.googleCal = function() {
+		var f = function(c,k) { 
+			$.getJSON("https://www.googleapis.com/calendar/v3/calendars/"+c+"/events?key="+k, function(data) {
+				for(var i=0;i<data.items.length;i++) {
+					var it = data.items[i],
+						tstart = new Date(it.start.dateTime),
+						tend = new Date(it.end.dateTime),
+						t = {
+						title:it.summary,
+						location: it.location,
+						start: {
+							date: dToFormat(tstart, "YYYYMMDD"),
+							time: dToFormat(tstart, "HH.MM"),
+							d: new Date(it.start.dateTime)
+						},
+						end : {
+							date: dToFormat(tend, "YYYYMMDD"),
+							time: dToFormat(tend, "HH.MM"),
+							d: new Date(it.end.dateTime)
+						}
+					}
+					tempEvents = pushToParsed(tempEvents, t);
+				}
+			});
+		}
+		var tempEvents = this.options.eventsParsed;
+		if(!!this.options.googleCal) {
+			if(this.options.googleCal instanceof Array) {
+				for(var a=0;a<this.options.googleCal.length;a++) {
+					f(this.options.googleCal[a].calendar, this.options.googleCal[a].apikey);
+				}
+			} else {
+				f(this.options.googleCal.calendar, this.options.googleCal.apikey);
+			}
+
+		}
+
+		this.options.eventsParsed = tempEvents;
+		this.init();
+		!!this.options.googleCal ? this.options.onGoogleParsed() : null;
+	}
+	kalendar.prototype.init = function() {
+		this.element.html(this.options.template);
+		this.element.attr('ewcalendar','');
+		this.element.attr('color', this.options.color);
+		this.elements = {};
+		for(var ele in this.options.calendar_elements) {
+			this.elements[ele] = this.element.find(this.options.calendar_elements[ele]);
+		}
+		this.setMonth();
+		this.elements.prevMonth.on('click', {"self": this, "dir": "prev"}, this.changeMonth);
+		this.elements.nextMonth.on('click', {"self": this, "dir": "next"}, this.changeMonth);
+		this.options.onInitiated();
+	}
+	kalendar.prototype.changeMonth = function(e) {
+		var self = e.data.self;
+		var dir = e.data.dir;
+		self.currentMonth += dir == 'prev' ? -1 : 1;
+		self.currentTimeSet = new Date(self.currentYear, self.currentMonth);
+		self.currentMonth = self.currentTimeSet.getMonth();
+		self.currentYear = self.currentTimeSet.getFullYear();
+		self.setMonth();
+	}
+	kalendar.prototype.setMonth = function() {
+		var $grid = this.elements.grid;
+		$grid.html('');
+		this.elements.monthShow.html(this.options.monthHuman[this.currentTimeSet.getMonth()][1]+' '+this.currentTimeSet.getFullYear());
+
+		if(this.options.showdays) {
+			$dayView = $('<div class="c-row"></div>');
+			for(var i=0;i<7;i++) {
+				var id = this.firstDayOfWeek[0] + i;
+				id -= id > 6 ? 7 : 0;
+				$dayView.append('<div class="c-day c-l"><div class="date-holder">'+this.options.dayHuman[id][0]+'</div></div>');
+			}
+			$grid.append($dayView);
+		}
+
+		var tempDate = new Date(this.currentTimeSet),
+			diffdays = tempDate.getDay() - this.firstDayOfWeek[0];
+		diffdays += diffdays < 1 ? 7 : 0;
+		tempDate.setDate(tempDate.getDate() - diffdays);
+
+		for(var i=0;i<42;i++) {
+			if(i==0 || i%7==0) {
+				$row = $('<div class="c-row"></div>');
+				$grid.append($row);
+			}
+			$day = $('<div class="c-day"><div class="date-holder">'+tempDate.getDate()+'</div></div>');
+			if(tempDate.getMonth() !== this.currentTimeSet.getMonth()) {
+				$day.addClass('other-month');
+				$day.on('click', { "info": "other-month"}, this.options.onDayClick);
+			} else if(tempDate.getTime() == this.currentTime.getTime()) {
+				$day.addClass('this-day');
+				$day.on('click', { "info": "this-day"}, this.options.onDayClick);
+			} else {
+				$day.on('click', { "info": "this-month"}, this.options.onDayClick);
+			}
+			var strtime = dToFormat(tempDate, "YYYYMMDD");
+			if(this.options.eventsParsed[strtime] !== undefined) {
+				$day.addClass('have-events');
+				$eventholder = $('<div class="event-n-holder"></div>');
+				for(var u=0;u<3 && u<this.options.eventsParsed[strtime].length;u++) {
+					$eventholder.append('<div class="event-n"></div>')
+				}
+				$day.on('click', { "day": this.options.eventsParsed[strtime], "self": this, "date": tempDate.getTime(), "strtime": strtime}, this.showDay);
+				$day.append($eventholder);
+			}
+			$row.append($day);
+			tempDate.setDate(tempDate.getDate() + 1);
+		}
+		this.options.onMonthChanged();
+	}
+	kalendar.prototype.showDay = function(e) {
+		var events = e.data.day,
+			self = e.data.self,
+			date = new Date(e.data.date),
+			strtime = e.data.strtime;
+		self.element.addClass('spec-day');
+		self.elements.specday_day.html(self.options.dayHuman[date.getDay()][1]);
+		self.elements.specday_date.html(date.getDate());
+		self.elements.specday_trigger.on('click', {"self": self}, self.hideDay);
+		for(var i=0;i<events.length;i++) {
+			ev = events[i];
+			var ev_h = "",
+				ev_p = "",
+				ev_a = "",
+				ev_b = "";
+			if(!!ev.color) {
+				var c = self.options.eventcolors[ev.color];
+				if(!!c) {
+					ev_h = !!c.text ? 'style="color:'+c.text+'"' : "";
+					ev_p = !!c.text ? 'style="color:'+c.text+';opacity:0.5"' : "";
+					ev_a = !!c.link ? 'style="color:'+c.link+'"' : "";
+					ev_b = !!c.background ? 'style="background-color:'+c.background+'"' : "";
+				}
+			}
+			$event = $('<div class="s-event" '+ev_b+'></div>');
+			$event.append('<h5 '+ev_h+'>'+events[i].title+'</h5>');
+			var start = {
+				date: ev.start.date == strtime ? "": ev.start.d.getDate(),
+				month: ev.start.date == strtime ? "": self.options.monthHuman[ev.start.d.getMonth()][1],
+				year: ev.start.d.getFullYear() == self.currentYear ? "": ev.start.d.getFullYear()
+			},
+			end = {
+				date: ev.end.date == strtime ? "": ev.end.d.getDate(),
+				month: ev.end.date == strtime ? "": self.options.monthHuman[ev.end.d.getMonth()][1],
+				year: ev.end.d.getFullYear() == self.currentYear ? "": ev.end.d.getFullYear()
+			};
+
+			var start = start.date +" "+start.month+" "+start.year+" "+ev.start.time,
+				end = end.date +" "+end.month+" "+end.year+" "+ev.end.time;
+			$event.append('<p '+ev_p+'>'+start+' - '+end+'</p>');
+			!!events[i].location ? $event.append('<p '+ev_p+'>'+events[i].location+'</p>') : null;
+			!!events[i].url ? $event.append('<p><a '+ev_a+' href="'+events[i].url+'">'+self.options.urlText+'</a></p>') : null;
+			self.elements.specday_scheme.append($event);
+		}
+		self.options.onDayShow();
+	}
+	kalendar.prototype.hideDay = function(e) {
+		var self = e.data.self;
+		self.element.removeClass('spec-day');
+		self.elements.specday_scheme.html('');
+		self.options.onGridShow();
+	}
+
+
+	$.fn.kalendar = function(options) {
+		return this.each(function() {
+			if(options.events !== undefined) {
+				options.eventsParsed = [];
+				for(var i=0;i<options.events.length;i++) {
+					var thisevent = options.events[i];
+					thisevent.end.date = thisevent.end.date == undefined ? thisevent.start.date : thisevent.end.date;
+					thisevent.start.d = formatToD([thisevent.start.date, thisevent.start.time], "YYYYMMDDHHMM");
+					thisevent.end.d = formatToD([thisevent.end.date, thisevent.end.time], "YYYYMMDDHHMM");
+					options.eventsParsed = pushToParsed(options.eventsParsed, thisevent);
+				}
+			}
+			options.source = "JS";
+			var kalendar_instance = new kalendar($(this), options);
+			$(this).data('kalendar-instance', kalendar_instance);
+		});
+	}
+	function pushToParsed(o, e) {
+		var pusher = function(o,e,d) {
+			var d = !!d ? d: e.start.date;
+			var t = {
+				title: e.title,
+				url: e.url,
+				start: {
+					date: e.start.date,
+					time: e.start.time,
+					d: e.start.d
+				},
+				end: {
+					date:e.end.date,
+					time: e.end.time,
+					d: e.end.d
+				},
+				location: e.location,
+				allDay: e.allDay,
+				color: e.color
+			};
+			if(!o[d]) {
+				o[d] = [];
+			}
+			o[d].push(t);
+		}
+		e.start.date = parseInt(e.start.date);
+		e.end.date = parseInt(e.end.date);
+		if(e.start.date > e.end.date) {
+			console.warn("The party was over before it started. That’s just an expression.",e);
+		} else if(typeof e.start.date !== "number" || typeof e.end.date !== "number" || isNaN(e.end.date) || isNaN(e.start.date)) {
+			console.warn("There is something wrong with this event, so it was skipped. Take a look at it", e);
+		} else {
+			if(e.start.date == e.end.date) {
+				pusher(o,e);
+			} else {
+				var	dstart = formatToD(e.start.date, "YYYYMMDD"),
+					dend = formatToD(e.end.date, "YYYYMMDD"),
+					diff = (dend.getTime() - dstart.getTime())/86400000;
+				for(var i=0;i<=diff;i++) {
+					var tempEvent = $.extend(true,{}, e),
+						tempDate = new Date(dstart.getTime() + 86400000*i),
+						date = dToFormat(tempDate,"YYYYMMDD");
+					if(i==0) {
+						pusher(o, tempEvent, date);
+					} else if(i==diff) {
+						pusher(o, tempEvent, date);
+					} else {
+						tempEvent.allDay = true;
+						pusher(o, tempEvent, date);
+					}
+				}
+			}
+		}
+		return o;
+	}
+	function dToFormat(d,f) {
+		var ff = function(d) {
+			return d<10?0+''+d:d;
+		}
+		if(f == "YYYYMMDD") {
+			var year = d.getFullYear(),
+			month = ff(d.getMonth()+1),
+			date = ff(d.getDate());
+			return year+''+month+''+date;
+		} else if(f == "HH.MM") {
+			var hr = ff(d.getHours()+1),
+				min = ff(d.getMinutes()+1)
+			return hr+'.'+min;
+		}
+	}
+	function formatToD(s,f) {
+		if(f == "YYYYMMDD") {
+			s = s.toString();
+			d = new Date();
+			d.setYear(s.substring(0,4));
+			d.setMonth(s.substring(4,6)-1);
+			d.setDate(s.substring(6,8));
+		} else if(f == "YYYYMMDDHHMM") {
+			d = new Date();
+			st = s[0].toString();
+			d.setYear(st.substring(0,4));
+			d.setMonth(st.substring(4,6)-1);
+			d.setDate(st.substring(6,8));
+			st = s[1].toString();
+			st = st.split(".")[0].length < 2 ? "0"+st : st;
+			d.setHours(st.substring(0,2));
+			d.setMinutes(st.substring(3,5));
+			d.setSeconds(00);
+		}
+		return d;
+	}
+})(jQuery, window, document);

data/lib/generators/wradmin/template/lib/assets/plugins/knob/jquery.knob.min.js

@@ -0,0 +1,12 @@
+/*!jQuery Knob
+ * Version: 1.2.0 (15/07/2012)
+ * Requires: jQuery v1.7+
+ *
+ * Copyright (c) 2012 Anthony Terrien
+ * Under MIT and GPL licenses:
+ *  http://www.opensource.org/licenses/mit-license.php
+ *  http://www.gnu.org/licenses/gpl.html
+ *
+ * Thanks to vor, eskimoblood, spiffistan, FabrizioC
+ */
+!function(a){"use strict";var b={},c=Math.max,d=Math.min;b.c={},b.c.d=a(document),b.c.t=function(a){return a.originalEvent.touches.length-1},b.o=function(){var c=this;this.o=null,this.$=null,this.i=null,this.g=null,this.v=null,this.cv=null,this.x=0,this.y=0,this.$c=null,this.c=null,this.t=0,this.isInit=!1,this.fgColor=null,this.pColor=null,this.dH=null,this.cH=null,this.eH=null,this.rH=null,this.scale=1,this.run=function(){var b=function(a,b){var d;for(d in b)c.o[d]=b[d];c.init(),c._configure()._draw()};if(!this.$.data("kontroled"))return this.$.data("kontroled",!0),this.extend(),this.o=a.extend({min:this.$.data("min")||0,max:this.$.data("max")||100,stopper:!0,readOnly:this.$.data("readonly"),cursor:this.$.data("cursor")===!0&&30||this.$.data("cursor")||0,thickness:this.$.data("thickness")||.35,lineCap:this.$.data("linecap")||"butt",width:this.$.data("width")||200,height:this.$.data("height")||200,displayInput:null==this.$.data("displayinput")||this.$.data("displayinput"),displayPrevious:this.$.data("displayprevious"),fgColor:this.$.data("fgcolor")||"#87CEEB",inputColor:this.$.data("inputcolor")||this.$.data("fgcolor")||"#87CEEB",inline:!1,step:this.$.data("step")||1,draw:null,change:null,cancel:null,release:null,error:null},this.o),this.$.is("fieldset")?(this.v={},this.i=this.$.find("input"),this.i.each(function(b){var d=a(this);c.i[b]=d,c.v[b]=d.val(),d.bind("change",function(){var a={};a[b]=d.val(),c.val(a)})}),this.$.find("legend").remove()):(this.i=this.$,this.v=this.$.val(),""==this.v&&(this.v=this.o.min),this.$.bind("change",function(){c.val(c._validate(c.$.val()))})),!this.o.displayInput&&this.$.hide(),this.$c=a('<canvas width="'+this.o.width+'px" height="'+this.o.height+'px"></canvas>'),this.c=this.$c[0].getContext?this.$c[0].getContext("2d"):null,this.c?(this.$.wrap(a('<div style="'+(this.o.inline?"display:inline;":"")+"width:"+this.o.width+"px;height:"+this.o.height+'px;"></div>')).before(this.$c),this.scale=(window.devicePixelRatio||1)/(this.c.webkitBackingStorePixelRatio||this.c.mozBackingStorePixelRatio||this.c.msBackingStorePixelRatio||this.c.oBackingStorePixelRatio||this.c.backingStorePixelRatio||1),1!==this.scale&&(this.$c[0].width=this.$c[0].width*this.scale,this.$c[0].height=this.$c[0].height*this.scale,this.$c.width(this.o.width),this.$c.height(this.o.height)),this.v instanceof Object?(this.cv={},this.copy(this.v,this.cv)):this.cv=this.v,this.$.bind("configure",b).parent().bind("configure",b),this._listen()._configure()._xy().init(),this.isInit=!0,this._draw(),this):(this.o.error&&this.o.error(),void 0)},this._draw=function(){var a=!0,b=document.createElement("canvas");b.width=c.o.width*c.scale,b.height=c.o.height*c.scale,c.g=b.getContext("2d"),c.clear(),c.dH&&(a=c.dH()),a!==!1&&c.draw(),c.c.drawImage(b,0,0),b=null},this._touch=function(a){var d=function(a){var b=c.xy2val(a.originalEvent.touches[c.t].pageX,a.originalEvent.touches[c.t].pageY);b!=c.cv&&(c.cH&&c.cH(b)===!1||(c.change(c._validate(b)),c._draw()))};return this.t=b.c.t(a),d(a),b.c.d.bind("touchmove.k",d).bind("touchend.k",function(){b.c.d.unbind("touchmove.k touchend.k"),c.rH&&c.rH(c.cv)===!1||c.val(c.cv)}),this},this._mouse=function(a){var d=function(a){var b=c.xy2val(a.pageX,a.pageY);b!=c.cv&&(c.cH&&c.cH(b)===!1||(c.change(c._validate(b)),c._draw()))};return d(a),b.c.d.bind("mousemove.k",d).bind("keyup.k",function(a){if(27===a.keyCode){if(b.c.d.unbind("mouseup.k mousemove.k keyup.k"),c.eH&&c.eH()===!1)return;c.cancel()}}).bind("mouseup.k",function(){b.c.d.unbind("mousemove.k mouseup.k keyup.k"),c.rH&&c.rH(c.cv)===!1||c.val(c.cv)}),this},this._xy=function(){var a=this.$c.offset();return this.x=a.left,this.y=a.top,this},this._listen=function(){return this.o.readOnly?this.$.attr("readonly","readonly"):(this.$c.bind("mousedown",function(a){a.preventDefault(),c._xy()._mouse(a)}).bind("touchstart",function(a){a.preventDefault(),c._xy()._touch(a)}),this.listen()),this},this._configure=function(){return this.o.draw&&(this.dH=this.o.draw),this.o.change&&(this.cH=this.o.change),this.o.cancel&&(this.eH=this.o.cancel),this.o.release&&(this.rH=this.o.release),this.o.displayPrevious?(this.pColor=this.h2rgba(this.o.fgColor,"0.4"),this.fgColor=this.h2rgba(this.o.fgColor,"0.6")):this.fgColor=this.o.fgColor,this},this._clear=function(){this.$c[0].width=this.$c[0].width},this._validate=function(a){return~~((0>a?-.5:.5)+a/this.o.step)*this.o.step},this.listen=function(){},this.extend=function(){},this.init=function(){},this.change=function(){},this.val=function(){},this.xy2val=function(){},this.draw=function(){},this.clear=function(){this._clear()},this.h2rgba=function(a,b){var c;return a=a.substring(1,7),c=[parseInt(a.substring(0,2),16),parseInt(a.substring(2,4),16),parseInt(a.substring(4,6),16)],"rgba("+c[0]+","+c[1]+","+c[2]+","+b+")"},this.copy=function(a,b){for(var c in a)b[c]=a[c]}},b.Dial=function(){b.o.call(this),this.startAngle=null,this.xy=null,this.radius=null,this.lineWidth=null,this.cursorExt=null,this.w2=null,this.PI2=2*Math.PI,this.extend=function(){this.o=a.extend({bgColor:this.$.data("bgcolor")||"#EEEEEE",angleOffset:this.$.data("angleoffset")||0,angleArc:this.$.data("anglearc")||360,inline:!0},this.o)},this.val=function(a){return null==a?this.v:(this.cv=this.o.stopper?c(d(a,this.o.max),this.o.min):a,this.v=this.cv,this.$.val(this.v),this._draw(),void 0)},this.xy2val=function(a,b){var e,f;return e=Math.atan2(a-(this.x+this.w2),-(b-this.y-this.w2))-this.angleOffset,this.angleArc!=this.PI2&&0>e&&e>-.5?e=0:0>e&&(e+=this.PI2),f=~~(.5+e*(this.o.max-this.o.min)/this.angleArc)+this.o.min,this.o.stopper&&(f=c(d(f,this.o.max),this.o.min)),f},this.listen=function(){var f,g,b=this,e=function(a){a.preventDefault();var c=a.originalEvent,d=c.detail||c.wheelDeltaX,e=c.detail||c.wheelDeltaY,f=parseInt(b.$.val())+(d>0||e>0?b.o.step:0>d||0>e?-b.o.step:0);b.cH&&b.cH(f)===!1||b.val(f)},h=1,i={37:-b.o.step,38:b.o.step,39:b.o.step,40:-b.o.step};this.$.bind("keydown",function(e){var j=e.keyCode;if(j>=96&&105>=j&&(j=e.keyCode=j-48),f=parseInt(String.fromCharCode(j)),isNaN(f)&&(13!==j&&8!==j&&9!==j&&189!==j&&e.preventDefault(),a.inArray(j,[37,38,39,40])>-1)){e.preventDefault();var k=parseInt(b.$.val())+i[j]*h;b.o.stopper&&(k=c(d(k,b.o.max),b.o.min)),b.change(k),b._draw(),g=window.setTimeout(function(){h*=2},30)}}).bind("keyup",function(){isNaN(f)?g&&(window.clearTimeout(g),g=null,h=1,b.val(b.$.val())):b.$.val()>b.o.max&&b.$.val(b.o.max)||b.$.val()<b.o.min&&b.$.val(b.o.min)}),this.$c.bind("mousewheel DOMMouseScroll",e),this.$.bind("mousewheel DOMMouseScroll",e)},this.init=function(){(this.v<this.o.min||this.v>this.o.max)&&(this.v=this.o.min),this.$.val(this.v),this.w2=this.o.width/2,this.cursorExt=this.o.cursor/100,this.xy=this.w2*this.scale,this.lineWidth=this.xy*this.o.thickness,this.lineCap=this.o.lineCap,this.radius=this.xy-this.lineWidth/2,this.o.angleOffset&&(this.o.angleOffset=isNaN(this.o.angleOffset)?0:this.o.angleOffset),this.o.angleArc&&(this.o.angleArc=isNaN(this.o.angleArc)?this.PI2:this.o.angleArc),this.angleOffset=this.o.angleOffset*Math.PI/180,this.angleArc=this.o.angleArc*Math.PI/180,this.startAngle=1.5*Math.PI+this.angleOffset,this.endAngle=1.5*Math.PI+this.angleOffset+this.angleArc;var a=c(String(Math.abs(this.o.max)).length,String(Math.abs(this.o.min)).length,2)+2;this.o.displayInput&&this.i.css({width:(this.o.width/2+4>>0)+"px",height:(this.o.width/3>>0)+"px",position:"absolute","vertical-align":"middle","margin-top":(this.o.width/3>>0)+"px","margin-left":"-"+(3*this.o.width/4+2>>0)+"px",border:0,background:"none",font:"600 "+(this.o.width/a>>0)+"px 'Source Sans Pro', Arial","text-align":"center",color:this.o.inputColor||this.o.fgColor,padding:"0px","-webkit-appearance":"none"})||this.i.css({width:"0px",visibility:"hidden"})},this.change=function(a){this.cv=a,this.$.val(a)},this.angle=function(a){return(a-this.o.min)*this.angleArc/(this.o.max-this.o.min)},this.draw=function(){var e,f,a=this.g,b=this.angle(this.cv),c=this.startAngle,d=c+b,g=1;a.lineWidth=this.lineWidth,a.lineCap=this.lineCap,this.o.cursor&&(c=d-this.cursorExt)&&(d+=this.cursorExt),a.beginPath(),a.strokeStyle=this.o.bgColor,a.arc(this.xy,this.xy,this.radius,this.endAngle,this.startAngle,!0),a.stroke(),this.o.displayPrevious&&(f=this.startAngle+this.angle(this.v),e=this.startAngle,this.o.cursor&&(e=f-this.cursorExt)&&(f+=this.cursorExt),a.beginPath(),a.strokeStyle=this.pColor,a.arc(this.xy,this.xy,this.radius,e,f,!1),a.stroke(),g=this.cv==this.v),a.beginPath(),a.strokeStyle=g?this.o.fgColor:this.fgColor,a.arc(this.xy,this.xy,this.radius,c,d,!1),a.stroke()},this.cancel=function(){this.val(this.v)}},a.fn.dial=a.fn.knob=function(c){return this.each(function(){var d=new b.Dial;d.o=c,d.$=a(this),d.run()}).parent()}}(jQuery);