Node = (require "./Node").Node
mapUtils = require "./mapUtils"
geometry = require "./geometry"

class exports.Shape
	constructor: (@id, @link, @name, @val, @d="") -> # @d can be passed already compiled
		@link = (encodeURI @link).replace /&/g, "%26"
		@nextInstruction = "M "
		@coordinates = [] # Basic coordinates, used to find the shape's center
		pair = "\[[0-9]{1,5}(\.[0-9]{1,5})?,[0-9]{1,5}(\.[0-9]{1,5})?\]"
		@regexes =
			arc : new RegExp "^arc\["+pair+","+pair+","+pair+"\]$"
			pie : new RegExp "^pie\["+pair+","+pair+","+pair+"\]$"

	resetNextInstruction: () ->
		@nextInstruction = "M "
		@d += "Z "

	addInstruction: () ->
		ret = @nextInstruction
		@nextInstruction = "L "
		ret

	addVector: (vector, dx, dy) ->
		if @regexes.arc.test vector then @.addArc vector[3..], dx, dy
		else if @regexes.pie.test vector then @.addPie vector[3..], dx, dy
		else @addPoint vector, dx, dy
		@

	addPoint: (vector, dx, dy) ->
		try
			[x, y] = JSON.parse vector
			[x, y] = [x+dx, y+dy]
			@d += @addInstruction()+x+" "+y+" "
			@coordinates.push [x, y]
		catch err
			console.log "Can't parse "+vector
		@

	# A = start, B = end, C = point on the arc
	addArc: (vector, dx, dy) ->
		try
			[[xa, ya], [xb, yb], [xc, yc]] = (JSON.parse vector).map ([x, y]) -> [x+dx, y+dy]
			try
				{r1, r2, xcenter, ycenter, angle, sweep} = geometry.calculateEllipse xa, ya, xb, yb, xc, yc
				@d += @addInstruction()+xa+" "+ya+" A "+r1+" "+r2+" "+(-angle)+" 0 "+sweep+" "+xb+" "+yb+" "
			catch err
				# Draw lines instead if it failed due to bad coordinates
				@d += @addInstruction()+xa+" "+ya+" L "+xc+" "+yc+" L "+xb+" "+yb+" "
			@coordinates.push [xa, ya], [xb, yb]
		catch err
			console.log "Can't parse "+vector
		@

	# A = start, B = end, C = center
	addPie: (vector, dx, dy) ->
		try
			[[xa, ya], [xb, yb], [xc, yc]] = (JSON.parse vector).map ([x, y]) -> [x+dx, y+dy]
			{r, large} = geometry.calculatePie xa, ya, xb, yb, xc, yc
			@d += @addInstruction()+xa+" "+ya+" A "+r+" "+r+" 0 "+large+" 1 "+xb+" "+yb+" "
			@coordinates.push [xa, ya], [xb, yb], [xc, yc]
		catch err
			console.log "Can't parse "+vector
		@

	findCenter: () ->
		avgx = geometry.avg [@coordinates[@coordinates.length-1][0], @coordinates[0][0], @coordinates[1][0]]
		avgy = geometry.avg [@coordinates[@coordinates.length-1][1], @coordinates[0][1], @coordinates[1][1]]
		[avgx, avgy]

	createFilter: (stroke, radialColor) ->
		filter = new Node null, "radialGradient"
		innerFilter1 = new Node filter, "stop"
		innerFilter1.setAttributes {offset:"35%", "stop-color":radialColor, class:"stop1"}
		innerFilter2 = new Node filter, "stop"
		innerFilter2.setAttributes {offset:"99%", "stop-color":stroke, class:"stop2"}
		filter

	addToSVG: (svg, config) ->
		# Create node and set its attributes
		node = new Node svg, "path"
		node.setAttributes {id:@id, name:@name, link:@link, d:@d.trim()}

		# Generate and add color attributes
		if @val? and @val != "" and config.threshold? and config.threshold != "" and (0 <= @val <= 100) and (0 <= config.threshold <= 100)
			colors = {
				green : mapUtils.getColor ((@val-config.threshold)/(100-config.threshold)*100), "green", false
				blue : mapUtils.getColor ((@val-config.threshold)/(100-config.threshold)*100), "blue", false
				red : mapUtils.getColor (@val/config.threshold*100), "red", true
			}
			# Remember that inlined SVGs on Firefox needs all attributes in lowercase
			if @val > config.threshold
				node.setAttributes {class:"zone good"}
				initialColor = colors[config.scale.initial]
				alternateColor = colors[config.scale.alternate]
				stroke = initialColor
				initialFilter = svg.addDef (@createFilter initialColor, initialColor), @id+"initial"
				alternateFilter = svg.addDef (@createFilter alternateColor, alternateColor), @id+"alternate"
				node.setAttributes {"fill":"url(#"+initialFilter+")", initialfilter:initialFilter,\
					alternatefilter:alternateFilter, initialcolor:initialColor, alternatecolor:alternateColor}
			else
				node.setAttributes {class:"zone bad"}
				stroke = colors.red
				filter = svg.addDef (@createFilter colors.red, colors.red), @id+"initial"
				node.setAttributes {fill:"url(#"+filter+")"}

			value = @val+"%"

		else
			stroke = "#FFFFFF"
			value = "--"
			node.setAttributes {fill:"url(#fdashed)", class:"zone"}

		node.setAttributes {value, stroke}

		# Add javascript event hooks
		node.setAttributes {onmouseover:"mapReporting.shapeOver(evt);",\
			onmouseout:"mapReporting.shapeOut(evt);", onmousedown:"mapReporting.shapeDown(evt);"}

		# Place id
		if config.showIDs and @coordinates.length > 1
			[x, y] = @findCenter()
			y += 20 # Because the ID font size is quite big
			id = new Node svg, "text", @id
			id.setAttributes {id:"id"+@id, x, y, class:"zoneid", onmouseover:"mapReporting.IDover(evt);",\
				onmouseout:"mapReporting.IDout(evt);", onmousedown:"mapReporting.IDdown(evt);"}

		@