Flashless Authoring

Index: lams_central/web/author2.jsp =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/Attic/author2.jsp,v diff -u --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ lams_central/web/author2.jsp 3 Sep 2013 10:57:16 -0000 1.1 @@ -0,0 +1,24 @@ +<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%> + +<%@ taglib uri="tags-lams" prefix="lams"%> +<%@ taglib uri="tags-core" prefix="c"%> +<%@ taglib uri="tags-fmt" prefix="fmt"%> + + + + Flashless Authoring + + + + + + + +

+ + \ No newline at end of file Index: lams_central/web/main.jsp =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/main.jsp,v diff -u -r1.66 -r1.67 --- lams_central/web/main.jsp 20 Aug 2013 12:17:10 -0000 1.66 +++ lams_central/web/main.jsp 3 Sep 2013 10:57:16 -0000 1.67 @@ -241,7 +241,10 @@

- <%=Configuration.get(ConfigurationKeys.VERSION)%> + + <%=Configuration.get(ConfigurationKeys.VERSION)%> + © Index: lams_central/web/includes/javascript/authoring.js =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/includes/javascript/Attic/authoring.js,v diff -u --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ lams_central/web/includes/javascript/authoring.js 3 Sep 2013 10:57:16 -0000 1.1 @@ -0,0 +1,70 @@ +var paper = null; +var templateContainer = null; + +$(document).ready(function() { + paper = Raphael('canvas'); + templateContainer = paper.rect(0, 0, 120, 200).attr({ + 'stroke-width' : 3 + }); + + drawTemplate(1, 'icon_forum.png', 'Forum'); + drawTemplate(2, 'icon_notebook.png', 'Notebook'); +}); + +function drawTemplate(index, icon, text) { + var template = paper.set(); + var shape = template.shape = paper.rect(10, 10 + (index - 1) * 55, 100, 50) + .attr({ + 'fill' : 'yellow' + }); + template.push(shape); + + var icon = paper.image('images/svg/' + icon, shape.attr('x') + + shape.attr('width') / 2 - 10, shape.attr('y') + 5, 30, 30); + template.push(icon); + + var label = paper.text(shape.attr('x') + shape.attr('width') / 2, shape + .attr('y') + 40, text); + template.push(label); + + template.drag(function(dx, dy) { + startDrag(this.helper, dx, dy); + }, function() { + this.helper = this.clone(); + this.helper.shape = this.helper[0]; + }, function() { + var helper = this.helper; + this.helper = null; + if (Raphael.isBBoxIntersect(templateContainer.getBBox(), helper + .getBBox())) { + helper.remove(); + return; + } + + endDrag(helper); + helper.drag(function(dx, dy) { + startDrag(this, dx, dy); + }, null, function() { + endDrag(this, Raphael.isBBoxIntersect(templateContainer.getBBox(), + this.getBBox())); + }, helper, null, helper); + + }, template, null, template); +} + +function startDrag(activity, dx, dy) { + activity.transform('t' + dx + ' ' + dy); +} + +function endDrag(activity, cancelDrag) { + if (!cancelDrag) { + var transformation = activity.shape.attr('transform'); + activity.forEach(function(elem) { + elem.attr({ + 'x' : elem.attr('x') + transformation[0][1], + 'y' : elem.attr('y') + transformation[0][2] + }); + }); + } + activity.transform(''); +} \ No newline at end of file