client/js/main.js
author veltr
Fri, 17 Aug 2012 18:36:12 +0200
changeset 21 b43dd87f7ffa
parent 20 bd58970ffd16
child 23 70c8af9b44ec
permissions -rw-r--r--
Added Drag+Drop from a tweet list
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
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    82
Rkns.Bins._Base = function(_renkan, _opts) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    83
    if (typeof _renkan !== "undefined") {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    84
        this.renkan = _renkan;
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    85
        this.renkan.$.find(".Rk-Bin-Main").hide();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    86
        this.$ = Rkns.$('<li>')
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    87
            .addClass("Rk-Bin")
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    88
            .appendTo(_renkan.$.find(".Rk-Bin-List"));
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    89
        this.title_$ = Rkns.$('<h2>')
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    90
            .addClass("Rk-Bin-Title")
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    91
            .appendTo(this.$);
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    92
        this.main_$ = Rkns.$('<div>')
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    93
            .addClass("Rk-Bin-Main")
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    94
            .appendTo(this.$);
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
    95
        this.renkan.resizeBins();
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    96
    }
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    97
}
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    98
/* Point of entry */
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
    99
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   100
Rkns.Renkan = function(_opts) {
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   101
    if (typeof _opts.remotemodel !== "string") {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   102
        _opts.remotemodel = "FullJson";
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   103
    }
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   104
    if (typeof _opts.language !== "string" || typeof Rkns.i18n[_opts.language] == "undefined") {
5
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   105
        _opts.language = "en";
67085e6281e5 Added basic node/edge editing
veltr
parents: 4
diff changeset
   106
    }
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   107
    if (typeof _opts.container !== "string") {
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   108
        _opts.container = "renkan";
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   109
    }
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   110
    if (typeof _opts.search !== "object" || !_opts.search) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   111
        _opts.search = [];
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   112
    }
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   113
    this.project = new Rkns.ViewModel.Project();
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   114
    this.project.l10n = Rkns.i18n[_opts.language];
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   115
    if (typeof _opts.user === "object") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   116
        this.current_user = this.project.addUser(_opts.user)
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   117
    }
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   118
    this.$ = Rkns.$("#" + _opts.container);
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   119
    this.$.html(this.template());
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   120
    this.remotemodel = this.project.remotemodel = new Rkns.RemoteModels[_opts.remotemodel](this.project, _opts);
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   121
    this.renderer = this.project.renderer = new Rkns.Renderer.Scene(this.project, _opts);
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   122
    this.renderer.renkan = this;
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   123
    this.tabs = [];
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   124
    this.selected_bin_item = undefined;
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   125
    this.mousedown = false;
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   126
    var _this = this;
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   127
    this.$.mouseup(function() {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   128
        _this.selected_bin_item = undefined;
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   129
    });
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   130
    if (!_opts.search.length) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   131
        this.$.find(".Rk-Search-Form").detach();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   132
    } else {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   133
        var _tmpl = Rkns._.template('<option value="<%= name %>"><%= name %></option>');
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   134
        this.$.find(".Rk-Search-Select").html(
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   135
            Rkns._(_opts.search).map(function(_name) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   136
                return _tmpl({name:_name});
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   137
            }).join("")
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   138
        );
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   139
    }
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   140
    this.$.find(".Rk-Search-Form").submit(function() {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   141
        _this.tabs.push(
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   142
            new Rkns.Bins[_this.$.find(".Rk-Search-Select").val()](
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   143
                _this,
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   144
                {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   145
                    search: _this.$.find(".Rk-Search-Input").val()
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   146
                }
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   147
            )
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   148
        );
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   149
        return false;
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   150
    });
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   151
    this.$.find(".Rk-Bins")
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   152
        .click(function(_e) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   153
            if (_e.target.className == "Rk-Bin-Title") {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   154
                var _mainDiv = Rkns.$(_e.target).siblings(".Rk-Bin-Main");
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   155
                if (_mainDiv.is(":hidden")) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   156
                    _this.$.find(".Rk-Bin-Main").slideUp();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   157
                    _mainDiv.slideDown();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   158
                }
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   159
            }
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   160
        }).mousedown(function(_e) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   161
            var _t = Rkns.$(_e.target);
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   162
            while (!_t.is(".Rk-Bins,.Rk-Bin-Item")) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   163
                _t = _t.parent();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   164
            }
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   165
            if (_t.is(".Rk-Bin-Item")) {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   166
                _this.selected_bin_item = {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   167
                    uri : $(_t).attr("data-uri"),
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   168
                    title : $(_t).attr("data-title"),
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   169
                    description : $(_t).attr("data-description")
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   170
                }
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   171
                return false;
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   172
            }
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   173
        });
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   174
    Rkns.$(window).resize(function() {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   175
        _this.resizeBins();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   176
    })
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   177
    
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   178
    this.project.remotemodel.onLoad(function() {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   179
        if (typeof _this.project.current_user === "undefined") {
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   180
            _this.project.current_user = _this.project.users[0];
4
f5297dde9053 Can now add nodes/edges
veltr
parents: 3
diff changeset
   181
        }
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   182
        _this.project.renderer.draw();
2
3360c3f7fb18 Added Edge management to the rendering engine
veltr
parents: 1
diff changeset
   183
    });
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   184
}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   185
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   186
Rkns.Renkan.prototype.template = Rkns._.template(
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   187
    '<div class="Rk-Bins">'
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   188
    + '<form class="Rk-Search-Form"><input class="Rk-Search-Input" type="search" placeholder="Search" /><select class="Rk-Search-Select"></select></form>'
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   189
    + '<ul class="Rk-Bin-List"></ul></div><div class="Rk-Render"></div>'
20
bd58970ffd16 Refactoring to better fit the MVVM pattern
veltr
parents: 18
diff changeset
   190
);
18
4423bfcd8f9f UI improvements - Can now delete edges
veltr
parents: 15
diff changeset
   191
21
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   192
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   193
Rkns.Renkan.prototype.resizeBins = function() {
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   194
    var _titles = this.$.find(".Rk-Bin-Title"),
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   195
        _d = _titles.length * _titles.outerHeight() + this.$.find(".Rk-Search-Form").outerHeight();
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   196
    this.$.find(".Rk-Bin-Main").css({
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   197
        height: this.$.find(".Rk-Bins").height() - _d
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   198
    });
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   199
}
b43dd87f7ffa Added Drag+Drop from a tweet list
veltr
parents: 20
diff changeset
   200
1
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   201
/* Utility functions */
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   202
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   203
Rkns.Utils = {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   204
    _ID_AUTO_INCREMENT : 0,
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   205
    _ID_BASE : (function(_d) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   206
        function pad(n){return n<10 ? '0'+n : n}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   207
        function fillrand(n) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   208
            var _res = ''
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   209
            for (var i=0; i<n; i++) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   210
                _res += Math.floor(16*Math.random()).toString(16);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   211
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   212
            return _res;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   213
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   214
        return _d.getUTCFullYear() + '-'  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   215
            + pad(_d.getUTCMonth()+1) + '-'  
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   216
            + pad(_d.getUTCDate()) + '-'
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   217
            + fillrand(16);
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   218
    })(new Date()),
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   219
    getUID : function(_base) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   220
        var _n = (++this._ID_AUTO_INCREMENT).toString(16),
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   221
            _base = (typeof _base === "undefined" ? "" : _base + "-" );
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   222
        while (_n.length < 4) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   223
            _n = '0' + _n
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   224
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   225
        return _base + this._ID_BASE + '-' + _n;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   226
    },
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   227
    inherit : function(_baseClass, _callbefore) {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   228
        var _class = function() {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   229
            if (typeof _callbefore === "function") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   230
                _callbefore.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   231
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   232
            if (typeof _baseClass.prototype._init !== "function") {
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   233
                _baseClass.prototype._init = function() {}
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   234
            }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   235
            _baseClass.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   236
            this._init.apply(this, Array.prototype.slice.call(arguments, 0));
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   237
        }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   238
        _class.prototype = new _baseClass();
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   239
        return _class;
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   240
    }
45cca39b00ac First rendering tests
veltr
parents:
diff changeset
   241
}