make drag_and_drop component work with requirejs and changed static url

This commit is contained in:
David Baumgold
2013-10-09 10:26:22 -04:00
parent 4879b06c2a
commit e53680bb92
13 changed files with 25 additions and 25 deletions

View File

@@ -4,17 +4,13 @@
// See https://edx-wiki.atlassian.net/wiki/display/LMS/Integration+of+Require+JS+into+the+system
(function (requirejs, require, define) {
requirejs.config({
'baseUrl': '/static/js/capa/drag_and_drop/'
});
// The current JS file will be loaded and run each time. It will require a
// single dependency which will be loaded and stored by RequireJS. On
// subsequent runs, RequireJS will return the dependency from memory, rather
// than loading it again from the server. For that reason, it is a good idea to
// keep the current JS file as small as possible, and move everything else into
// RequireJS module dependencies.
requirejs(['main'], function (Main) {
require(['js/capa/drag_and_drop/main'], function (Main) {
Main();
});

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return BaseImage;
function BaseImage(state) {

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return configParser;
function configParser(state, config) {

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return Container;
function Container(state) {

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return {
'attachMouseEventsTo': function (element) {
var self;

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme', 'update_input', 'targets'], function (logme, updateInput, Targets) {
define(['js/capa/drag_and_drop/logme', 'js/capa/drag_and_drop/update_input', 'js/capa/drag_and_drop/targets'], function (logme, updateInput, Targets) {
return {
'moveDraggableTo': function (moveType, target, funcCallback) {
var self, offset;

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme', 'draggable_events', 'draggable_logic'], function (logme, draggableEvents, draggableLogic) {
define(['js/capa/drag_and_drop/logme', 'js/capa/drag_and_drop/draggable_events', 'js/capa/drag_and_drop/draggable_logic'], function (logme, draggableEvents, draggableLogic) {
return {
'init': init
};

View File

@@ -1,6 +1,10 @@
(function (requirejs, require, define) {
define(
['logme', 'state', 'config_parser', 'container', 'base_image', 'scroller', 'draggables', 'targets', 'update_input'],
['js/capa/drag_and_drop/logme', 'js/capa/drag_and_drop/state',
'js/capa/drag_and_drop/config_parser', 'js/capa/drag_and_drop/container',
'js/capa/drag_and_drop/base_image', 'js/capa/drag_and_drop/scroller',
'js/capa/drag_and_drop/draggables', 'js/capa/drag_and_drop/targets',
'js/capa/drag_and_drop/update_input'],
function (logme, State, configParser, Container, BaseImage, Scroller, Draggables, Targets, updateInput) {
return Main;

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return Scroller;
function Scroller(state) {
@@ -40,7 +40,7 @@ define(['logme'], function (logme) {
'-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset; ' +
'box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset; ' +
'background-image: url(\'/static/images/arrow-left.png\'); ' +
"background-image: url('"+baseUrl+"images/arrow-left.png'); " +
'background-position: center center; ' +
'background-repeat: no-repeat; ' +
'" ' +
@@ -136,7 +136,7 @@ define(['logme'], function (logme) {
'-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset; ' +
'box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset; ' +
'background-image: url(\'/static/images/arrow-right.png\'); ' +
"background-image: url('"+baseUrl+"images/arrow-right.png'); " +
'background-position: center center; ' +
'background-repeat: no-repeat; ' +
'" ' +

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return {
'initializeBaseTargets': initializeBaseTargets,
'initializeTargetField': initializeTargetField,

View File

@@ -1,5 +1,5 @@
(function (requirejs, require, define) {
define(['logme'], function (logme) {
define(['js/capa/drag_and_drop/logme'], function (logme) {
return {
'check': check,
'update': update