--- a/design/.~lock.components.odt#	Wed Jun 15 18:34:15 2016 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,1 +0,0 @@
-,IRI-JANE/baptisteh,iri-jane,07.06.2016 10:21,file:///C:/Users/baptisteh/AppData/Roaming/LibreOffice/4;
\ No newline at end of file

--- a/src/iconolab/static/iconolab/js/components/cutout/save.js	Wed Jun 15 18:34:15 2016 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,267 +0,0 @@
-
-var Snap = require('snapsvg');
-
-/* custom plugin */
-Snap.plugin(function (Snap, Element, Paper, glob) {
-	var elproto = Element.prototype;
-
-	elproto.toBack = function () {
-		this.prependTo(this.paper);
-	};
-
-	elproto.toFront = function () {
-		this.appendTo(this.paper);
-	};
-});
-
-var paper = null;
-var PATH_COLOR = "#ff00ff";
-var SELECTED_COLOR = "#ffff00";
-var FIRST_NODE_COLOR = "#FF0000";
-var pointData = [];
-var startPoint = null;
-var drawing_path = null;
-var HANDLE_SIZE = 6;
-var isDragged = false;
-var enablePoint = true;
-var pathIsClosed = false;
-var ENABLE_NEW_NODE = true;
-
-var getId = (function () {
-		var cpt = 0;
-		var defautPrefix = "item_"; 
-		return function (prefix) {
-			prefix = (typeof prefix === 'string') ? prefix : defautPrefix;
-			cpt = cpt + 1;
-			return prefix + cpt; 
-		}
-	}());
-
-var pathToPoint = function (path) {
-	if (typeof path === "string") { return false; }
-};
-
-var resetState = function () {
-
-	jQuery.each(pointData, function (i) {
-		point = pointData[i];
-		if (point.handler) {
-			point.handler.remove();
-		}
-	});
-
-	pointData = [];
-	startPoint = null;
-
-	if (drawing_path) {
-		drawing_path.remove();
-	}
-
-	drawing_path = null;
-	HANDLE_SIZE = 6;
-	isDragged = false;
-	enablePoint = true;
-	pathIsClosed = false;
-	ENABLE_NEW_NODE = true;
-}
-
-//transform point to path
-var updatePath = function (paper, updateCallback) {
-	var path = "M";
-
-	if (pointData.length <= 1) {
-		return;
-	}
-
-	path += pointData[0].x + ',' + pointData[0].y;
-
-	for (var i=0; i < pointData.length; i++) {
-		if (i == 0) continue;
-
-		var pointInfos = pointData[i];
-		lPath = "L" + pointInfos.x + "," + pointInfos.y;
-		path += " " + lPath;
-	}
-	
-	path += (pathIsClosed) ? " Z": "";
-	
-	if (typeof updateCallback === 'function' && pathIsClosed) {
-		updateCallback();
-	}
-		
-	/* remove prev path */
-	if (drawing_path) {
-		drawing_path.remove();
-	}	
-
-	drawing_path = paper.path(path);
-
-	drawing_path.attr({
-		stroke: "red",
-		opacity: 0.6
-	});
-	
-	/* bring all handler to front */
-	pointData.map(function (point) {
-		if (point.handler) {
-			point.handler.toFront();
-		}
-	});
-	//console.log("radical...", path);
-};
-
-var onClosePath = function () {
-	ENABLE_NEW_NODE = false;
-	/* Group path an handler - add remove_btn */
-	jQuery("#action-wrapper").show();
-};
-
-var onClickOnHandler = function (point, p, e) {
-	//close path
-	console.log("new click handler ...");
-	if (point.isFirst && pointData.length > 2) {
-		pathIsClosed = true;
-	}
-};
-
-var updatePointPosition = function (newPoint, x, y) {
-	var index = pointData.indexOf(newPoint);
-	if (index !== -1) {
-		pointData[index].x = x;
-		pointData[index].y = y; 
-		return true;
-	} else {
-		return false;
-	}
-};
-
-var clearPreviousPath = function () {
-	drawing_path.remove();
-};
-
-var onMoveHandler = function (dx, dy, posX, posY, e) {
-	console.log("in onMoveHandler...");
-	isDragged = true;
-	/* update point then update the view */
-	var transformValue = this.data('origTransform') + (this.data('origTransform') ? "T" : "t") + [dx, dy];
-	this.attr({ transform: transformValue});
-	var boxSize = this.getBBox();
-
-	var wasUpdated = updatePointPosition(this.data('point'), boxSize.x + (HANDLE_SIZE / 2) , boxSize.y + (HANDLE_SIZE / 2));
-	
-	if (wasUpdated) {
-		updatePath(this.paper);
-	}
-}
-
-var bindHandlerEvent = function (point, p) {
-	point.handler.click(onClickOnHandler.bind(this, point, p));
-	/* -- handler -- */
-	point.handler.hover(function () {
-		point.handler.attr({fill: 'yellow'});
-	}, function () {
-		var fillColor = point.isFirst ? FIRST_NODE_COLOR : "";
-		point.handler.attr({fill: fillColor});
-	});
-	
-	point.handler.drag(onMoveHandler, function () {
-        this.data('origTransform', this.transform().local );
-	}, function () {
-		if (!isDragged) { return true; }
-		isDragged = false;
-		enablePoint = false;
-	});
-}
-
-var createPointHandler = function (p, point) {
-
-	var handleX = point.x - HANDLE_SIZE/2;
-	var handleY = point.y - HANDLE_SIZE/2;
-
-	handler = p.rect(handleX, handleY, HANDLE_SIZE, HANDLE_SIZE);
-
-	point.handler = handler;
-	point.handler.data('point', point);
-	if (pointData.length === 0) {
-		point.isFirst = true;
-	}
-	
-	bindHandlerEvent(point, p);
-	point.handler.attr({
-		fill: (pointData.length === 0) ? FIRST_NODE_COLOR : "",
-		opacity: 0.9,
-		stroke: PATH_COLOR
-	});
-
-	return point;
-}
-
-
-//create paper
-var createPoint = function (paper, x, y, pointData) {
-
-	console.log("... Inside createPoint ... ");
-	var point = {x:x, y:y, id: getId()};
-	
-	/**/
-	if (pathIsClosed) {
-		updatePath(paper, onClosePath);
-		return;
-	}
-
-	if (!enablePoint) {
-		enablePoint = true;
-		return false;
-	}
-	
-	point = createPointHandler(paper, point);
-	pointData.push(point);
-	updatePath(paper);
-};
-
-
-/* remove previous points */
-module.exports = {
-
-	init: function(config) {
-		/* strange ... */
-		var mainImage = jQuery(config.wrapperId).find('img').eq(0);
-		var cutCanvas = jQuery(config.wrapperId).find('.cut-canvas').eq(0);
-		var path = jQuery(config.wrapperId).find('.image-path').eq(0);
-		
-		if (path.length) {
-			jQuery(cutCanvas).append(path);
-		}
-		
-		if (!cutCanvas.length) {
-			var cutCanvas = jQuery('<svg version="1.1"></svg>').addClass('cut-canvas');
-			cutCanvas.css({border: "1px solid red"});
-			jQuery(config.wrapperId).append(cutCanvas);
-		}
-
-		if (!mainImage) {
-			new Error(config.wrapperId + "Can't be found ...");
-		}
-		cutCanvas.css({
-			position: 'absolute', 
-			top: '0px', 
-			left: '15px', //margin from bootstrap
-			marginLeft: 'auto',
-			marginRight: 'auto',
-			width: mainImage.width(),
-			height: mainImage.height()
-		});
-
-		paper = new Snap(cutCanvas.get(0));
-
-		/* handleEvents */
-		//jQuery(config.actionWrapper).on("click", ".create", function () { alert("Kotew te ye...");});
-		//jQuery(config.actionWrapper).on("click", ".delete", function () { resetState(); });
-
-		/* show path, init the drawing module*/
-		paper.click( function(e) {
-			if (!ENABLE_NEW_NODE) { return true; }
-			createPoint(paper, e.offsetX, e.offsetY, pointData);
-		});
-	},
-};
\ No newline at end of file