client/js/list-bin.js
author veltr
Thu, 04 Jul 2013 12:43:30 +0200
changeset 196 2a2fcec209d0
parent 170 603ffa4c6fa5
child 293 fba23fde14ba
permissions -rw-r--r--
Added in-graph search
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();
170
603ffa4c6fa5 correct ";" and "," in javascripts
ymh <ymh.work@gmail.com>
parents: 160
diff changeset
    21
};
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    22
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    23
Rkns.ResourceList.Bin.prototype.render = function(searchbase) {
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    24
    var search = searchbase || Rkns.Utils.regexpFromTextOrArray();
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    25
    function highlight(_text) {
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    26
        var _e = _(_text).escape();
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    27
        return search.isempty ? _e : search.replace(_e, "<span class='searchmatch'>$1</span>");
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    28
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    29
    var _html = "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    30
        _this = this,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    31
        count = 0;
74
c059efca2d7a URL-only list possible
veltr
parents: 73
diff changeset
    32
    Rkns._(this.data).each(function(_item) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    33
        if (typeof _item === "string") {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    34
            if (/^(https?:\/\/|www)/.test(_item)) {
170
603ffa4c6fa5 correct ";" and "," in javascripts
ymh <ymh.work@gmail.com>
parents: 160
diff changeset
    35
                var _element = { url: _item };
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    36
            } else {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    37
                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
    38
                    _match = _item.match(/(https?:\/\/|www)[\d\w\/.&?=#%-_]+/);
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    39
                if (_match) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    40
                    _element.url = _match[0];
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    41
                }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    42
                if (_element.title.length > 80) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    43
                    _element.description = _element.title;
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    44
                    _element.title = _element.title.replace(/^(.{30,60})\s.+$/,'$1…');
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    45
                }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    46
            }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    47
        } else {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    48
            var _element = _item;
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    49
        }
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    50
        var title = _element.title || (_element.url || "").replace(/^https?:\/\/(www\.)?/,'').replace(/^(.{40}).+$/,'$1…'),
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    51
            url = _element.url || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    52
            description = _element.description || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    53
            image = _element.image || "";
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    54
        if (url && !/^https?:\/\//.test(url)) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    55
            url = 'http://' + url;
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    56
        }
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    57
        if (!search.isempty && !search.test(title) && !search.test(description)) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    58
            return;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    59
        }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    60
        count++;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    61
        _html += _this.resultTemplate({
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    62
            url: url,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    63
            title: title,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    64
            htitle: highlight(title),
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    65
            image: image,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    66
            description: description,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    67
            hdescription: highlight(description),
114
110f99eb417e moved options to defaults.js and improved read-only switching
veltr
parents: 78
diff changeset
    68
            static_url: _this.renkan.options.static_url
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    69
        });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    70
    });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    71
    _this.main_$.html(_html);
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    72
    if (!search.isempty && count) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    73
        this.count_$.text(count).show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    74
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    75
        this.count_$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    76
    }
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    77
    if (!search.isempty && !count) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    78
        this.$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    79
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    80
        this.$.show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    81
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    82
    this.renkan.resizeBins();
170
603ffa4c6fa5 correct ";" and "," in javascripts
ymh <ymh.work@gmail.com>
parents: 160
diff changeset
    83
};
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    84
    
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    85
Rkns.ResourceList.Bin.prototype.refresh = function() {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    86
    if (this.data) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    87
        this.render();
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    88
    }
170
603ffa4c6fa5 correct ";" and "," in javascripts
ymh <ymh.work@gmail.com>
parents: 160
diff changeset
    89
};