client/js/list-bin.js
author veltr
Fri, 19 Apr 2013 15:31:56 +0200
changeset 160 408da84d4dc0
parent 139 9929b1447f69
child 170 603ffa4c6fa5
permissions -rw-r--r--
Convert tabs added by ide configuration mistake
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
     1
Rkns.ResourceList = {};
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
     2
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
     3
Rkns.ResourceList.Bin = Rkns.Utils.inherit(Rkns._BaseBin);
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
     4
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
     5
Rkns.ResourceList.Bin.prototype.resultTemplate = Rkns._.template(
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
     6
    '<li class="Rk-Bin-Item Rk-ResourceList-Item" draggable="true" data-uri="<%-url%>" '
139
9929b1447f69 - Clean template code for list bin
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
     7
    + 'data-title="<%-title%>" data-description="<%-description%>" '
9929b1447f69 - Clean template code for list bin
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
     8
    + '<% if (image) { %>data-image="<%- Rkns.Utils.getFullURL(image) %>"<% } else { %>data-image=""<% } %> >'
9929b1447f69 - Clean template code for list bin
ymh <ymh.work@gmail.com>
parents: 132
diff changeset
     9
    + '<% if (image) { %><img class="Rk-ResourceList-Image" src="<%-image%>"/><% } %><h4 class="Rk-ResourceList-Title">'
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    10
    + '<% if (url) { %><a href="<%-url%>" target="_blank"><% } %><%=htitle%><% if (url) { %></a><% } %></h4>'
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    11
    + '<% if (description) { %><p class="Rk-ResourceList-Description"><%=hdescription%></p><% } %><% if (image) { %><div style="clear: both;"></div><% } %></li>'
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    12
);
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    13
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    14
Rkns.ResourceList.Bin.prototype._init = function(_renkan, _opts) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    15
    this.renkan = _renkan;
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    16
    this.title_$.html(_opts.title);
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    17
    if (_opts.list) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    18
        this.data = _opts.list;
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    19
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    20
    this.refresh();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    21
}
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    22
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    23
Rkns.ResourceList.Bin.prototype.render = function(searchstr) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    24
    if (searchstr) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    25
        var _rgxp = new RegExp('('+(searchstr).replace(/(\W)/g,'\\$1')+')','gi'),
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    26
            rxtest = new RegExp(searchstr.replace(/(\W)/g,'\\$1'),'i');
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    27
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    28
    function highlight(_text) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    29
        if (searchstr) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    30
            return _text.replace(_rgxp, "<span class='searchmatch'>$1</span>");
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    31
        } else {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    32
            return _text;
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    33
        }
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    34
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    35
    var _html = "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    36
        _this = this,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    37
        count = 0;
74
c059efca2d7a URL-only list possible
veltr
parents: 73
diff changeset
    38
    Rkns._(this.data).each(function(_item) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    39
        if (typeof _item === "string") {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    40
            if (/^(https?:\/\/|www)/.test(_item)) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    41
                var _element = { url: _item }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    42
            } else {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    43
                var _element = { title: _item.replace(/[:,]?\s?(https?:\/\/|www)[\d\w\/.&?=#%-_]+\s?/,'').trim() },
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    44
                    _match = _item.match(/(https?:\/\/|www)[\d\w\/.&?=#%-_]+/);
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    45
                if (_match) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    46
                    _element.url = _match[0];
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    47
                }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    48
                if (_element.title.length > 80) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    49
                    _element.description = _element.title;
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    50
                    _element.title = _element.title.replace(/^(.{30,60})\s.+$/,'$1…');
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    51
                }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    52
            }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    53
        } else {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    54
            var _element = _item;
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    55
        }
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    56
        var title = _element.title || (_element.url || "").replace(/^https?:\/\/(www\.)?/,'').replace(/^(.{40}).+$/,'$1…'),
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    57
            url = _element.url || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    58
            description = _element.description || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    59
            image = _element.image || "";
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    60
        if (url && !/^https?:\/\//.test(url)) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    61
            url = 'http://' + url;
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    62
        }
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    63
        if (searchstr && !rxtest.test(title) && !rxtest.test(description)) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    64
            return;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    65
        }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    66
        count++;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    67
        _html += _this.resultTemplate({
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    68
            url: url,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    69
            title: title,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    70
            htitle: highlight(title),
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    71
            image: image,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    72
            description: description,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    73
            hdescription: highlight(description),
114
110f99eb417e moved options to defaults.js and improved read-only switching
veltr
parents: 78
diff changeset
    74
            static_url: _this.renkan.options.static_url
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    75
        });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    76
    });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    77
    _this.main_$.html(_html);
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    78
    if (searchstr && count) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    79
        this.count_$.text(count).show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    80
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    81
        this.count_$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    82
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    83
    if (searchstr && !count) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    84
        this.$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    85
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    86
        this.$.show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    87
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    88
    this.renkan.resizeBins();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    89
}
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    90
    
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    91
Rkns.ResourceList.Bin.prototype.refresh = function() {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    92
    if (this.data) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    93
        this.render();
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    94
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    95
}