client/js/main.js
author veltr
Mon, 30 Jul 2012 17:52:13 +0200
changeset 5 67085e6281e5
parent 4 f5297dde9053
child 7 ae86ecebb1be
permissions -rw-r--r--
Added basic node/edge editing
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     1
/* 
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     2
 *  Copyright 2012 Institut de recherche et d'innovation 
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     3
 *  contributor(s) : Samuel Huron, Raphael Velt
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     4
 *   
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     5
 *  contact@iri.centrepompidou.fr
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     6
 *  http://www.iri.centrepompidou.fr 
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     7
 *   
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     8
 *  This software is a computer program whose purpose is to show and add annotations on a video .
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
     9
 *  This software is governed by the CeCILL-C license under French law and
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    10
 *  abiding by the rules of distribution of free software. You can  use, 
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    11
 *  modify and/ or redistribute the software under the terms of the CeCILL-C
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    12
 *  license as circulated by CEA, CNRS and INRIA at the following URL
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    13
 *  "http://www.cecill.info". 
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    14
 *  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    15
 *  The fact that you are presently reading this means that you have had
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    16
 *  knowledge of the CeCILL-C license and that you accept its terms.
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    17
*/
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    18
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
    19
/* Declaring the Renkan Namespace Rkns and Default values */
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    20
3
7722ec70c01b Scroll now depends on mouse position
veltr
parents: 2
diff changeset
    21
Rkns = {
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
    22
    _MIN_DRAG_DISTANCE: 4,
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    23
    _NODE_RADIUS: 20,
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    24
    _NODE_FONT_SIZE: 14,
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    25
    _ARROW_LENGTH: 20,
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    26
    _ARROW_WIDTH: 15,
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    27
    _RENDER: 1,
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    28
    _SAVE: 2,
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    29
    _RENDER_AND_SAVE: 3
3
7722ec70c01b Scroll now depends on mouse position
veltr
parents: 2
diff changeset
    30
}
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    31
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    32
Rkns.$ = jQuery;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    33
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    34
Rkns._ = _;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    35
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    36
Rkns.Serializers = {};
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    37
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    38
Rkns.Serializers._Base = function(_project) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    39
    if (typeof _project !== "undefined") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    40
        this._project = _project;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    41
        this._callbackQueue = [];
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    42
        this._loaded = false;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    43
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    44
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    45
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    46
Rkns.Serializers._Base.prototype.deserialize = function() {}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    47
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    48
Rkns.Serializers._Base.prototype.deferCallback = function(_callback) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    49
    var _this = this;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    50
    Rkns._.defer(function() {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    51
        _callback.call(_this);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    52
    });
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    53
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    54
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    55
Rkns.Serializers._Base.prototype.handleCallbacks = function() {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    56
    this._loaded = true;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    57
    while (this._callbackQueue.length) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    58
        this.deferCallback(this._callbackQueue.splice(0,1)[0]);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    59
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    60
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    61
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    62
Rkns.Serializers._Base.prototype.onLoad = function(_callback) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    63
    if (this._loaded) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    64
        this.deferCallback(_callback);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    65
    } else {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    66
        this._callbackQueue.push(_callback);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    67
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    68
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    69
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    70
Rkns.Serializers._Base.prototype.save = function() {}
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    71
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    72
Rkns.Renderers = {};
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    73
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    74
Rkns.Renderers._Base = function(_project) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    75
    if (typeof _project !== "undefined") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    76
        this._project = _project;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    77
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    78
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    79
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    80
Rkns.Project = function(_opts) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    81
    if (typeof _opts.serializer == "undefined") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    82
        _opts.serializer = "BasicJson";
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    83
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    84
    if (typeof _opts.renderer == "undefined") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    85
        _opts.renderer = "Paper";
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    86
    }
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
    87
    if (typeof _opts.language == "undefined" || typeof Rkns.i18n[_opts.language] == "undefined") {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
    88
        _opts.language = "en";
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
    89
    }
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
    90
    this.l10n = Rkns.i18n[_opts.language];
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    91
    this._opts = _opts;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    92
    this.users = new Rkns.Model.List();
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    93
    this.nodes = new Rkns.Model.List();
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    94
    this.edges = new Rkns.Model.List();
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    95
    if (typeof this._opts.user === "object") {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    96
        this.current_user = this.addUser(this._opts.user)
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    97
    }
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    98
    this.serializer = new Rkns.Serializers[_opts.serializer](this);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    99
    this.renderer = new Rkns.Renderers[_opts.renderer](this);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   100
    var _this = this;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   101
    this.serializer.onLoad(function() {
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   102
        if (typeof _this.current_user === "undefined") {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   103
            _this.current_user = _proj.users[0];
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   104
        }
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   105
        _this.renderer.draw();
2
3360c3f7fb18 Added Edge management to the rendering engine
veltr
parents: 1
diff changeset
   106
    });
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   107
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   108
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   109
Rkns.Project.prototype.addNode = function(_props, _render_save) {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   110
    var _node = new Rkns.Model.Node(this, _props);
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   111
    this.nodes.push(_node);
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   112
    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   113
        var _controller = this.renderer.addController("Node", _node);
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   114
        _controller.redraw();
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   115
    }
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   116
    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   117
        this.serializer.save();
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   118
    }
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   119
    return _node;
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   120
}
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   121
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   122
Rkns.Project.prototype.addEdge = function(_props, _render_save) {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   123
    var _edge = new Rkns.Model.Edge(this, _props);
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   124
    this.edges.push(_edge);
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   125
    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   126
        var _controller = this.renderer.addController("Edge", _edge);
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   127
        _controller.redraw();
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   128
    }
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   129
    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   130
        this.serializer.save();
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   131
    }
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   132
    return _edge;
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   133
}
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   134
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   135
Rkns.Project.prototype.addUser = function(_props, _render_save) {
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   136
    var _user = new Rkns.Model.User(this, _props);
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   137
    this.users.push(_user);
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   138
    return _user;
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   139
}
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   140
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   141
Rkns.Project.prototype.updateElement = function(_element, _props, _render_save) {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   142
    Rkns._(_props).each(function(_v, _k) {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   143
        _element[_k] = _v;
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   144
    });
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   145
    if (typeof _render_save !== "undefined" && (_render_save&Rkns._RENDER)) {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   146
        console.log("Shall redraw");
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   147
        if (typeof _element.__controller !== "undefined") {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   148
            _element.__controller.redraw();
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   149
        } else {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   150
            this._renderer.redraw();
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   151
        }
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   152
    }
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   153
    if (typeof _render_save !== "undefined" && (_render_save&Rkns._SAVE)) {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   154
        this.serializer.save();
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   155
    }
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   156
}
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   157
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   158
/* Utility functions */
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   159
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   160
Rkns.Utils = {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   161
    _ID_AUTO_INCREMENT : 0,
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   162
    _ID_BASE : (function(_d) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   163
        function pad(n){return n<10 ? '0'+n : n}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   164
        function fillrand(n) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   165
            var _res = ''
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   166
            for (var i=0; i<n; i++) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   167
                _res += Math.floor(16*Math.random()).toString(16);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   168
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   169
            return _res;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   170
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   171
        return _d.getUTCFullYear() + '-'  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   172
            + pad(_d.getUTCMonth()+1) + '-'  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   173
            + pad(_d.getUTCDate()) + '-'
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   174
            + fillrand(16);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   175
    })(new Date()),
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   176
    getUID : function(_base) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   177
        var _n = (++this._ID_AUTO_INCREMENT).toString(16),
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   178
            _base = (typeof _base === "undefined" ? "" : _base + "-" );
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   179
        while (_n.length < 4) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   180
            _n = '0' + _n
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   181
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   182
        return _base + this._ID_BASE + '-' + _n;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   183
    },
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   184
    inherit : function(_baseClass, _callbefore) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   185
        var _class = function() {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   186
            if (typeof _callbefore === "function") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   187
                _callbefore.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   188
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   189
            if (typeof _baseClass.prototype._init !== "function") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   190
                _baseClass.prototype._init = function() {}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   191
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   192
            _baseClass.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   193
            this._init.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   194
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   195
        _class.prototype = new _baseClass();
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   196
        return _class;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   197
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   198
}