update_input.js

(function(requirejs, require, define) {
    define([], function() {
        return {
            'check': check,
            'update': update
        };

        function update(state) {
            var draggables, tempObj;

            draggables = [];

            if (state.config.individualTargets === false) {
                (function(c1) {
                    while (c1 < state.draggables.length) {
                        if (state.draggables[c1].x !== -1) {
                            tempObj = {};
                            tempObj[state.draggables[c1].id] = [
                                state.draggables[c1].x,
                                state.draggables[c1].y
                            ];
                            draggables.push(tempObj);
                            tempObj = null;
                        }

                        c1 += 1;
                    }
                }(0));
            } else {
                (function(c1) {
                    while (c1 < state.targets.length) {
                        (function(c2) {
                            while (c2 < state.targets[c1].draggableList.length) {
                                tempObj = {};

                                if (state.targets[c1].type === 'base') {
                                    tempObj[state.targets[c1].draggableList[c2].id] = state.targets[c1].id;
                                } else {
                                    addTargetRecursively(tempObj, state.targets[c1].draggableList[c2], state.targets[c1]);
                                }
                                draggables.push(tempObj);
                                tempObj = null;

                                c2 += 1;
                            }
                        }(0));

                        c1 += 1;
                    }
                }(0));
            }

            $('#input_' + state.problemId).val(JSON.stringify(draggables));
        }

        function addTargetRecursively(tempObj, draggable, target) {
            if (target.type === 'base') {
                tempObj[draggable.id] = target.id;
            } else {
                tempObj[draggable.id] = {};
                tempObj[draggable.id][target.id] = {};

                addTargetRecursively(tempObj[draggable.id][target.id], target.draggableObj, target.draggableObj.onTarget);
            }
        }

    // Check if input has an answer from server. If yes, then position
    // all draggables according to answer.
        function check(state) {
            var inputElVal;

            inputElVal = $('#input_' + state.problemId).val();

            if (inputElVal.length === 0) {
                return false;
            }

            repositionDraggables(state, JSON.parse(inputElVal));

            return true;
        }

        function processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth, i) {
            var baseDraggableId, baseDraggable, baseTargetId, baseTarget,
                layeredDraggableId, layeredDraggable, layeredTargetId, layeredTarget,
                chain;

            if (depth === 0) {
            // We are at the lowest depth? The end.

                return;
            }

            if (answerSortedByDepth.hasOwnProperty(depth) === false) {
            // We have a depth that ts not valid, we decrease the depth by one.
                processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth - 1, 0);

                return;
            }

            if (answerSortedByDepth[depth].length <= i) {
            // We ran out of answers at this depth, go to the next depth down.
                processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth - 1, 0);

                return;
            }

            chain = answerSortedByDepth[depth][i];

            baseDraggableId = Object.keys(chain)[0];

        // This is a hack. For now we will work with depths 1 and 3.
            if (depth === 1) {
                baseTargetId = chain[baseDraggableId];

                layeredTargetId = null;
                layeredDraggableId = null;

            // createBaseDraggableOnTarget(state, baseDraggableId, baseTargetId);
            } else if (depth === 3) {
                layeredDraggableId = baseDraggableId;

                layeredTargetId = Object.keys(chain[layeredDraggableId])[0];

                baseDraggableId = Object.keys(chain[layeredDraggableId][layeredTargetId])[0];

                baseTargetId = chain[layeredDraggableId][layeredTargetId][baseDraggableId];
            }

            checkBaseDraggable();

            return;

            function checkBaseDraggable() {
                if ((baseDraggable = getById(state, 'draggables', baseDraggableId, null, false, baseTargetId)) === null) {
                    createBaseDraggableOnTarget(state, baseDraggableId, baseTargetId, true, function() {
                        if ((baseDraggable = getById(state, 'draggables', baseDraggableId, null, false, baseTargetId)) === null) {
                            console.log('ERROR: Could not successfully create a base draggable on a base target.');
                        } else {
                            baseTarget = baseDraggable.onTarget;

                            if ((layeredTargetId === null) || (layeredDraggableId === null)) {
                                processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth, i + 1);
                            } else {
                                checklayeredDraggable();
                            }
                        }
                    });
                } else {
                    baseTarget = baseDraggable.onTarget;

                    if ((layeredTargetId === null) || (layeredDraggableId === null)) {
                        processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth, i + 1);
                    } else {
                        checklayeredDraggable();
                    }
                }
            }

            function checklayeredDraggable() {
                if ((layeredDraggable = getById(state, 'draggables', layeredDraggableId, null, false, layeredTargetId, baseDraggableId, baseTargetId)) === null) {
                    layeredDraggable = getById(state, 'draggables', layeredDraggableId);
                    layeredTarget = null;
                    baseDraggable.targetField.every(function(target) {
                        if (target.id === layeredTargetId) {
                            layeredTarget = target;
                        }

                        return true;
                    });

                    if ((layeredDraggable !== null) && (layeredTarget !== null)) {
                        layeredDraggable.moveDraggableTo('target', layeredTarget, function() {
                            processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth, i + 1);
                        });
                    } else {
                        processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth, i + 1);
                    }
                } else {
                    processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, depth, i + 1);
                }
            }
        }

        function createBaseDraggableOnTarget(state, draggableId, targetId, reportError, funcCallback) {
            var draggable, target;

            if ((draggable = getById(state, 'draggables', draggableId)) === null) {
                if (reportError !== false) {
                    console.log(
                    'ERROR: In answer there exists a ' +
                    'draggable ID "' + draggableId + '". No ' +
                    'draggable with this ID could be found.'
                );
                }

                return false;
            }

            if ((target = getById(state, 'targets', targetId)) === null) {
                if (reportError !== false) {
                    console.log(
                    'ERROR: In answer there exists a target ' +
                    'ID "' + targetId + '". No target with this ' +
                    'ID could be found.'
                );
                }

                return false;
            }

            draggable.moveDraggableTo('target', target, funcCallback);

            return true;
        }

        function processAnswerPositions(state, answer) {
            var draggableId, draggable;

            (function(c1) {
                while (c1 < answer.length) {
                    for (draggableId in answer[c1]) {
                        if (answer[c1].hasOwnProperty(draggableId) === false) {
                            continue;
                        }

                        if ((draggable = getById(state, 'draggables', draggableId)) === null) {
                            console.log(
                            'ERROR: In answer there exists a ' +
                            'draggable ID "' + draggableId + '". No ' +
                            'draggable with this ID could be found.'
                        );

                            continue;
                        }

                        draggable.moveDraggableTo('XY', {
                            'x': answer[c1][draggableId][0],
                            'y': answer[c1][draggableId][1]
                        });
                    }

                    c1 += 1;
                }
            }(0));
        }

        function repositionDraggables(state, answer) {
            var answerSortedByDepth, minDepth, maxDepth;

            answerSortedByDepth = {};
            minDepth = 1000;
            maxDepth = 0;

            answer.every(function(chain) {
                var depth;

                depth = findDepth(chain, 0);

                if (depth < minDepth) {
                    minDepth = depth;
                }
                if (depth > maxDepth) {
                    maxDepth = depth;
                }

                if (answerSortedByDepth.hasOwnProperty(depth) === false) {
                    answerSortedByDepth[depth] = [];
                }

                answerSortedByDepth[depth].push(chain);

                return true;
            });

            if (answer.length === 0) {
                return;
            }

        // For now we support only one case.
            if ((minDepth < 1) || (maxDepth > 3)) {
                return;
            }

            if (state.config.individualTargets === true) {
                processAnswerTargets(state, answerSortedByDepth, minDepth, maxDepth, maxDepth, 0);
            } else if (state.config.individualTargets === false) {
                processAnswerPositions(state, answer);
            }
        }

        function findDepth(tempObj, depth) {
            var i;

            if ($.isPlainObject(tempObj) === false) {
                return depth;
            }

            depth += 1;

            for (i in tempObj) {
                if (tempObj.hasOwnProperty(i) === true) {
                    depth = findDepth(tempObj[i], depth);
                }
            }

            return depth;
        }

        function getById(state, type, id, fromTargetField, inContainer, targetId, baseDraggableId, baseTargetId) {
            return (function(c1) {
                while (c1 < state[type].length) {
                    if (type === 'draggables') {
                        if ((targetId !== undefined) && (inContainer === false) && (baseDraggableId !== undefined) && (baseTargetId !== undefined)) {
                            if (
                            (state[type][c1].id === id) &&
                            (state[type][c1].inContainer === false) &&
                            (state[type][c1].onTarget.id === targetId) &&
                            (state[type][c1].onTarget.type === 'on_drag') &&
                            (state[type][c1].onTarget.draggableObj.id === baseDraggableId) &&
                            (state[type][c1].onTarget.draggableObj.onTarget.id === baseTargetId)
                        ) {
                                return state[type][c1];
                            }
                        } else if ((targetId !== undefined) && (inContainer === false)) {
                            if (
                            (state[type][c1].id === id) &&
                            (state[type][c1].inContainer === false) &&
                            (state[type][c1].onTarget.id === targetId)
                        ) {
                                return state[type][c1];
                            }
                        } else {
                            if (inContainer === false) {
                                if ((state[type][c1].id === id) && (state[type][c1].inContainer === false)) {
                                    return state[type][c1];
                                }
                            } else {
                                if ((state[type][c1].id === id) && (state[type][c1].inContainer === true)) {
                                    return state[type][c1];
                                }
                            }
                        }
                    } else { // 'targets'
                        if (fromTargetField === true) {
                            if ((state[type][c1].id === id) && (state[type][c1].type === 'on_drag')) {
                                return state[type][c1];
                            }
                        } else {
                            if ((state[type][c1].id === id) && (state[type][c1].type === 'base')) {
                                return state[type][c1];
                            }
                        }
                    }

                    c1 += 1;
                }

                return null;
            }(0));
        }
    }); // End-of: define([], function () {
}(RequireJS.requirejs, RequireJS.require, RequireJS.define)); // End-of: (function (requirejs, require, define) {