erratic-gate/scripts/not.js

function not(id){
	this.id = id;
	this.name = "#" + this.id;
	this.rep = add(80,80,"green","black",this.id,true);
	this.pin1 = new pin(0);
	this.o = new pin(1);
	this.o.nei = this;
	//this.text = new text(this,"Or-gate");
	this.activation = function(){
		if (!this.pin1.val){
			return true;
		}
		return false;
	}
	
	this.x = function(){
		let name = "#" + this.id;
		return parseFloat($(name).attr("x"));
	}
	
	this.y = function(){
		let name = "#" + this.id;
		//console.log("y"+parseFloat($(name).attr("y")));
		return parseFloat($(name).attr("y"));
	}
	
	//design
	var g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
	$(g).attr({
        width: "100%",
        height: "100%"
    });
	var skin = $(document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject')).attr({
            x: "50",
            y: "50",
            id: (id+"-skin"),
			width:"80",
			height:"80"
        });
	var img = $(document.createElement('img')).attr({
        height:"80",
		width:"80",
        src:"textures/gates/not_gate.jpg"
    });
	var iDiv = document.createElement("div");
	$(iDiv).append(img);
	this.skin = skin;
	this.img = img;
	$(skin).append(iDiv);
	//noname(this);
	$(g).append(skin);
    var elem = document.getElementById("svg1");
    elem.appendChild(g);
	
	//updating
	this.update = function(){
		//the main object and his pins
		let x = this.x();
		let y = this.y();
		this.pin1.set(x-20,y+30);
		this.o.set(x+80,y+30);
		
		//and the skin
		var name = "#"+this.id+"-skin";
		var skin = $(name);
		skin.attr("x",(parseFloat($((this.rep)).attr("x"))+4).toString());
		skin.attr("y",(parseFloat($((this.rep)).attr("y"))+4).toString());
	}
	pieces[pieces.length] = this;
	
	addclk11(this);
}

function addclk11(ob){
	var rep = ob.rep;
	$((ob.img)).mousedown(function(e){
		e.preventDefault();
		var svg = document.getElementById("svg1");
		$(svg).append(ob.rep);
		$(svg).append($(ob.pin1.rep));
		$(svg).append($(ob.o.rep));
		$(svg).append($(ob.skin));
		selected = ob.id;
	});
	$((ob.img)).mouseup(function(e){
		selected = "yay";
	});
}