make drag_and_drop component work with requirejs and changed static url
This commit is contained in:
@@ -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();
|
||||
});
|
||||
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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
|
||||
};
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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; ' +
|
||||
'" ' +
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user