client/js/main.js
author veltr
Fri, 17 Aug 2012 12:50:00 +0200
changeset 20 bd58970ffd16
parent 18 4423bfcd8f9f
child 21 b43dd87f7ffa
permissions -rw-r--r--
Refactoring to better fit the MVVM pattern
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 = {
15
de8528eb3662 Commit before merge
veltr
parents: 7
diff changeset
    22
    _MIN_DRAG_DISTANCE: 2,
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
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    36
Rkns.RemoteModels = {};
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    37
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    38
Rkns.RemoteModels._Base = function(_project, _opts) {
1
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
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    46
Rkns.RemoteModels._Base.prototype.fullSave
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    47
    = Rkns.RemoteModels._Base.prototype.addUser
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    48
    = Rkns.RemoteModels._Base.prototype.addNode
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    49
    = Rkns.RemoteModels._Base.prototype.addEdge
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    50
    = Rkns.RemoteModels._Base.prototype.updateNode
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    51
    = Rkns.RemoteModels._Base.prototype.updateEdge
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    52
    = Rkns.RemoteModels._Base.prototype.removeNode
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    53
    = Rkns.RemoteModels._Base.prototype.removeEdge
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    54
    = function() {}
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    55
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    56
Rkns.RemoteModels._Base.prototype.deferCallback = function(_callback) {
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    57
    var _this = this;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    58
    Rkns._.defer(function() {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    59
        _callback.call(_this);
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
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    63
Rkns.RemoteModels._Base.prototype.handleCallbacks = function() {
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    64
    this._loaded = true;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    65
    while (this._callbackQueue.length) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    66
        this.deferCallback(this._callbackQueue.splice(0,1)[0]);
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
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    70
Rkns.RemoteModels._Base.prototype.onLoad = function(_callback) {
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    71
    if (this._loaded) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    72
        this.deferCallback(_callback);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    73
    } else {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    74
        this._callbackQueue.push(_callback);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    75
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    76
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
    77
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    78
Rkns.RemoteModels._Base.prototype.save = function() {}
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    79
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    80
Rkns.Bins = {}
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    81
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    82
Rkns.Bins._Base = function(_project) {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    83
    if (typeof _project !== "undefined") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    84
        this._project = _project;
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    85
    }
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    86
}
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    87
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    88
Rkns.Bins._Base.prototype.baseTemplate = '';
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
    89
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    90
Rkns.Bins._Base.prototype.addTab = function(_title) {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    91
    var _tabDiv = Rkns.$('<div>');
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    92
    _tabDiv.addClass('Rk-TabDiv')
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    93
        .css("display","none")
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    94
        .appendTo('.Rk-TabDivs');
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    95
    var _tabButton = Rkns.$('<li>');
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    96
    _tabButton.addClass('Rk-TabButton')
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    97
        .html(_title)
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    98
        .click(function() {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    99
            Rkns.$('.Rk-TabButton').removeClass("active");
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   100
            Rkns.$(this).addClass("active");
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   101
            Rkns.$('.Rk-TabDiv').hide();
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   102
            _tabDiv.show();
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   103
        })
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   104
        .appendTo('.Rk-TabButtons');
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   105
    return {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   106
        button: _tabButton,
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   107
        contents: _tabDiv
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   108
    }
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   109
}
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   110
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   111
/* Point of entry */
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   112
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   113
Rkns.Renkan = function(_opts) {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   114
    if (typeof _opts.remotemodel == "undefined") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   115
        _opts.remotemodel = "BasicJson";
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   116
    }
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   117
    if (typeof _opts.language == "undefined" || typeof Rkns.i18n[_opts.language] == "undefined") {
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   118
        _opts.language = "en";
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   119
    }
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   120
    if (typeof _opts.container == "undefined") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   121
        _opts.container = "renkan";
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   122
    }
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   123
    this.project = new Rkns.ViewModel.Project();
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   124
    this.project.l10n = Rkns.i18n[_opts.language];
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   125
    if (typeof _opts.user === "object") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   126
        this.current_user = this.project.addUser(_opts.user)
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   127
    }
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   128
    Rkns.$("#" + _opts.container).html(this.template());
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   129
    this.project.remotemodel = new Rkns.RemoteModels[_opts.remotemodel](this.project, _opts);
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   130
    this.project.renderer = new Rkns.Renderer.Scene(this.project, _opts);
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   131
    var _this = this;
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   132
/*    if (typeof _opts.bins === "object") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   133
        this.bins = Rkns._(_opts.bins).map(function(_type) {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   134
            return new Rkns.Bins[_type](_this);
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   135
        });
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   136
        Rkns.$('.Rk-TabButton:last').addClass("active");
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   137
        Rkns.$('.Rk-TabDiv:last').show();
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   138
} */
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   139
    this.project.remotemodel.onLoad(function() {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   140
        if (typeof _this.project.current_user === "undefined") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   141
            _this.project.current_user = _this.project.users[0];
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   142
        }
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   143
        _this.project.renderer.draw();
2
3360c3f7fb18 Added Edge management to the rendering engine
veltr
parents: 1
diff changeset
   144
    });
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   145
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   146
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   147
Rkns.Renkan.prototype.template = Rkns._.template(
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   148
    '<div class="Rk-Bins"></div><div class="Rk-Render"></div>'
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   149
);
18
4423bfcd8f9f UI improvements - Can now delete edges
veltr
parents: 15
diff changeset
   150
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   151
/* Utility functions */
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   152
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   153
Rkns.Utils = {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   154
    _ID_AUTO_INCREMENT : 0,
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   155
    _ID_BASE : (function(_d) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   156
        function pad(n){return n<10 ? '0'+n : n}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   157
        function fillrand(n) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   158
            var _res = ''
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   159
            for (var i=0; i<n; i++) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   160
                _res += Math.floor(16*Math.random()).toString(16);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   161
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   162
            return _res;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   163
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   164
        return _d.getUTCFullYear() + '-'  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   165
            + pad(_d.getUTCMonth()+1) + '-'  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   166
            + pad(_d.getUTCDate()) + '-'
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   167
            + fillrand(16);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   168
    })(new Date()),
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   169
    getUID : function(_base) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   170
        var _n = (++this._ID_AUTO_INCREMENT).toString(16),
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   171
            _base = (typeof _base === "undefined" ? "" : _base + "-" );
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   172
        while (_n.length < 4) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   173
            _n = '0' + _n
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   174
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   175
        return _base + this._ID_BASE + '-' + _n;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   176
    },
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   177
    inherit : function(_baseClass, _callbefore) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   178
        var _class = function() {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   179
            if (typeof _callbefore === "function") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   180
                _callbefore.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   181
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   182
            if (typeof _baseClass.prototype._init !== "function") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   183
                _baseClass.prototype._init = function() {}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   184
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   185
            _baseClass.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   186
            this._init.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   187
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   188
        _class.prototype = new _baseClass();
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   189
        return _class;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   190
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   191
}