Gecko [ www.pmc.co.id ]

Name	Size	Permission	Date
alertjs	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
amcharts	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
bootstrap-multiselect	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
chartjs-plugin	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
ekios	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
fileupload	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
jpegcam	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
js.sound	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
literallycanvas	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
nodejs	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
notiflix	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
orgchart	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
passchecker	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
toastr	[ DIR ]	drwxrwxr-x	2025-01-23 10:51
Chart.js	394.33 KB	-rw-rw-r--	2023-03-01 16:58
accounting.js	14.64 KB	-rw-rw-r--	2023-03-01 16:58
accounting.min.js	3.06 KB	-rw-rw-r--	2023-03-01 16:58
accounting2.js	15.33 KB	-rw-rw-r--	2023-03-01 16:58
chat.js	16.11 KB	-rw-rw-r--	2023-03-01 16:58
datetime.js	1.49 KB	-rw-rw-r--	2023-03-01 16:58
dropdownMulti.js	914 B	-rw-rw-r--	2023-03-01 16:58
footpanel.js	2.84 KB	-rw-rw-r--	2023-03-01 16:58
form.js	20.73 KB	-rw-rw-r--	2023-03-01 16:58
form2.js	11.28 KB	-rw-rw-r--	2023-03-01 16:58
howler.min.js	11.99 KB	-rw-rw-r--	2023-03-01 16:58
integervalidation.js	411 B	-rw-rw-r--	2023-03-01 16:58
ion.sound.min.js	12.54 KB	-rw-rw-r--	2023-03-01 16:58
jquery-1.11.1.min.js	93.54 KB	-rw-rw-r--	2023-03-01 16:58
jquery-1.3.2.js	117.79 KB	-rw-rw-r--	2023-03-01 16:58
jquery.cookie.js	3.05 KB	-rw-rw-r--	2023-03-01 16:58
jquery.infinitecarousel.js	27.69 KB	-rw-rw-r--	2023-03-01 16:58
jquery.maskMoney.js	11.34 KB	-rw-rw-r--	2023-03-01 16:58
jquery.maskedinput.js	7.04 KB	-rw-rw-r--	2023-03-01 16:58
jquery.mtz.monthpicker.js	10.59 KB	-rw-rw-r--	2023-03-01 16:58
jquery.popupoverlay.js	33.39 KB	-rw-rw-r--	2023-03-01 16:58
jquery.smartWizard-2.0.js	15.62 KB	-rw-rw-r--	2023-03-01 16:58
jquery.smartWizard-2.0.min.js	4.66 KB	-rw-rw-r--	2023-03-01 16:58
jquery.taggd.js	8.93 KB	-rw-rw-r--	2023-03-01 16:58
jquery.tiler.js	2.44 KB	-rw-rw-r--	2023-03-01 16:58
jquery.treeview.js	8.07 KB	-rw-rw-r--	2023-03-01 16:58
login.js	1.35 KB	-rw-rw-r--	2023-03-01 16:58
loginTimer.js	840 B	-rw-rw-r--	2023-03-01 16:58
mws.js	2.43 KB	-rw-rw-r--	2023-03-01 16:58
realtimeClock.js	2.17 KB	-rw-rw-r--	2023-03-01 16:58
socket.io.js	163.47 KB	-rw-rw-r--	2023-03-01 16:58
suara.antrian.js	3.05 KB	-rw-rw-r--	2023-03-01 16:58
tampilAntrian.js	1.8 KB	-rw-rw-r--	2023-03-01 16:58
webcam.js	6.7 KB	-rw-rw-r--	2023-03-01 16:58

Rename

/*!
 * jQuery Taggd
 * A helpful plugin that helps you adding 'tags' on images.
 *
 * License: MIT
 */

(function($) {
	'use strict';
	
	var defaults = {
		edit: false,
		
		align: {
			x: 'center',
			y: 'center'
		},

handlers: {},

offset: {
			left: 0,
			top: 0
		},
		
		strings: {
			save: '&#x2713;',
			delete: '&#x00D7;'
		}
	};
	
	var methods = {
		show: function() {
			var $this = $(this),
				$label = $this.next();
			
			$this.addClass('active');
			$label.addClass('show').find('input').focus();
		},
		
		hide: function() {
			var $this = $(this);
			
			$this.removeClass('active');
			$this.next().removeClass('show');
		},
		
		toggle: function() {
			var $hover = $(this).next();
			
			if($hover.hasClass('show')) {
				methods.hide.call(this);
			} else {
				methods.show.call(this);
			}
		}
	};
	
	
	/****************************************************************
	 * TAGGD
	 ****************************************************************/
	
	var Taggd = function(element, options, data) {
		var _this = this;
		
		if(options.edit) {
			options.handlers = {
				click: function() {
					_this.hide();
					methods.show.call(this);
				}
			};
		}
		
		this.element = $(element);
		this.options = $.extend(true, {}, defaults, options);
		this.data = data;
		this.initialized = false;
		
		if(!this.element.height() || !this.element.width()) {
			this.element.on('load', _this.initialize.bind(this));
		} else this.initialize();
	};
	
	
	/****************************************************************
	 * INITIALISATION
	 ****************************************************************/
	
	Taggd.prototype.initialize = function() {
		var _this = this;
		
		this.initialized = true;
		
		this.initWrapper();
		this.addDOM();
		
		if(this.options.edit) {
			this.element.on('click', function(e) {
				var poffset = $(this).parent().offset(),
					x = (e.pageX - poffset.left) / _this.element.width(),
					y = (e.pageY - poffset.top) / _this.element.height();

_this.addData({
					x: x,
					y: y,
					text: ''
				});

_this.show(_this.data.length - 1);
			});
		}
		
		$(window).resize(function() {
			_this.updateDOM();
		});
	};
	
	Taggd.prototype.initWrapper = function() {
		var wrapper = $('<div class="taggd-wrapper" />');
		this.element.wrap(wrapper);
		
		this.wrapper = this.element.parent('.taggd-wrapper');
	};
	
	Taggd.prototype.alterDOM = function() {
		var _this = this;
		
		this.wrapper.find('.taggd-item-hover').each(function() {
			var $e = $(this),
				
				$input = $('<input type="text" size="16" />')
					.val($e.text()),
				$button_ok = $('<button />')
					.html(_this.options.strings.save),
				$button_delete = $('<button />')
					.html(_this.options.strings.delete);
			
			$button_ok.on('click', function() {
				_this.hide();
			});
			
			$button_delete.on('click', function() {
				var x = $e.attr('data-x'),
					y = $e.attr('data-y');
				
				_this.data = $.grep(_this.data, function(v) {
					return v.x != x || v.y != y;
				});
				
				_this.addDOM();
				_this.element.triggerHandler('change');
			});
			
			$input.on('change', function() {
				var x = $e.attr('data-x'),
					y = $e.attr('data-y'),
					item = $.grep(_this.data, function(v) {
						return v.x == x && v.y == y;
					}).pop();
				
				if(item) item.text = $input.val();
				
				_this.addDOM();
				_this.element.triggerHandler('change');
			});
			
			$e.empty().append($input, $button_ok, $button_delete);
		});
		
		_this.updateDOM();
	};
	
	/****************************************************************
	 * DATA MANAGEMENT
	 ****************************************************************/
	
	Taggd.prototype.addData = function(data) {
		if($.isArray(data)) {
			this.data = $.merge(this.data, data);
		} else {
			this.data.push(data);
		}
		
		if(this.initialized) {
			this.addDOM();
			this.element.triggerHandler('change');
		}
	};
	
	Taggd.prototype.setData = function(data) {
		this.data = data;
		
		if(this.initialized) {
			this.addDOM();
		}
	};
	
	Taggd.prototype.clear = function() {
		if(!this.initialized) return;
		this.wrapper.find('.taggd-item, .taggd-item-hover').remove();
	};
	
	
	/****************************************************************
	 * EVENTS
	 ****************************************************************/
	
	Taggd.prototype.on = function(event, handler) {
		if(
			typeof event !== 'string' ||
			typeof handler !== 'function'
		) return;
		
		this.element.on(event, handler);
	};
	
	
	/****************************************************************
	 * TAGS MANAGEMENT
	 ****************************************************************/
	
	Taggd.prototype.iterateTags = function(a, yep) {
		var func;
		
		if($.isNumeric(a)) {
			func = function(i, e) { return a === i; };
		} else if(typeof a === 'string') {
			func = function(i, e) { return $(e).is(a); }
		} else if($.isArray(a)) {
			func = function(i, e) {
				var $e = $(e);
				var result = false;
				
				$.each(a, function(ai, ae) {
					if(
						i === ai ||
						e === ae ||
						$e.is(ae)
					) {
						result = true;
						return false;
					}
				});
				
				return result;
			}
		} else if(typeof a === 'object') {
			func = function(i, e) {
				var $e = $(e);
				return $e.is(a);
			};
		} else if($.isFunction(a)) {
			func = a;
		} else if(!a) {
			func = function() { return true; }
		} else return this;
		
		this.wrapper.find('.taggd-item').each(function(i, e) {
			if(typeof yep === 'function' && func.call(this, i, e)) {
				yep.call(this, i, e);
			}
		});
		
		return this;
	};
	
	Taggd.prototype.show = function(a) {
		return this.iterateTags(a, methods.show);
	};
	
	Taggd.prototype.hide = function(a) {
		return this.iterateTags(a, methods.hide);
	};
	
	Taggd.prototype.toggle = function(a) {
		return this.iterateTags(a, methods.toggle);
	};
	
	/****************************************************************
	 * CLEANING UP
	 ****************************************************************/
	
	Taggd.prototype.dispose = function() {
		this.clear();
		this.element.unwrap(this.wrapper);
	};
	
	
	/****************************************************************
	 * SEMI-PRIVATE
	 ****************************************************************/
	
	Taggd.prototype.addDOM = function() {
		var _this = this;
		
		this.clear();
		this.element.css({ height: 'auto', width: 'auto' });
		
		var height = this.element.height();
		var width = this.element.width();
		
		$.each(this.data, function(i, v) {
			var $item = $('<span />');
			var $hover;
			
			if(
				v.x > 1 && v.x % 1 === 0 &&
				v.y > 1 && v.y % 1 === 0
			) {
				v.x = v.x / width;
				v.y = v.y / height;
			}
			
			if(typeof v.attributes === 'object') {
				$item.attr(v.attributes);
			}
			
			$item.attr({
				'data-x': v.x,
				'data-y': v.y
			});
			
			$item.css('position', 'absolute');
			$item.addClass('taggd-item');
			
			_this.wrapper.append($item);
			
			if(typeof v.text === 'string' && (v.text.length > 0 || _this.options.edit)) {
				$hover = $('<span class="taggd-item-hover" style="position: absolute;" />').html(v.text);
				
				$hover.attr({
					'data-x': v.x,
					'data-y': v.y
				});
				
				_this.wrapper.append($hover);
			}
			
			if(typeof _this.options.handlers === 'object') {
				$.each(_this.options.handlers, function(event, func) {
					var handler;
					
					if(typeof func === 'string' && methods[func]) {
						handler = methods[func];
					} else if(typeof func === 'function') {
						handler = func;
					}
					
					$item.on(event, function(e) {
						if(!handler) return;
						handler.call($item, e, _this.data[i]);
					});
				});
			}
		});
		
		this.element.removeAttr('style');
		
		if(this.options.edit) {
			this.alterDOM();
		}
		
		this.updateDOM();
	};
	
	Taggd.prototype.updateDOM = function() {
		var _this = this;
		
		this.wrapper.removeAttr('style').css({
			height: this.element.height(),
			width: this.element.width()
		});
		
		this.wrapper.find('span').each(function(i, e) {
			var $el = $(e);
			
			var left = $el.attr('data-x') * _this.element.width();
			var top = $el.attr('data-y') * _this.element.height();
			
			if($el.hasClass('taggd-item')) {
				$el.css({
					left: left - $el.outerWidth(true) / 2,
					top: top - $el.outerHeight(true) / 2
				});
			} else if($el.hasClass('taggd-item-hover')) {
				if(_this.options.align.x === 'center') {
					left -= $el.outerWidth(true) / 2;
				} else if(_this.options.align.x === 'right') {
					left -= $el.outerWidth(true);
				}
				
				if(_this.options.align.y === 'center') {
					top -= $el.outerHeight(true) / 2;
				} else if(_this.options.align.y === 'bottom') {
					top -= $el.outerHeight(true);
				}
				
				$el.attr('data-align', $el.outerWidth(true));
				
				$el.css({
					left: left + _this.options.offset.left,
					top: top + _this.options.offset.top
				});
			}
		});
	};
	
	
	/****************************************************************
	 * JQUERY LINK
	 ****************************************************************/
	
	$.fn.taggd = function(options, data) {
		return new Taggd(this, options, data);
	};
})(jQuery);