client/js/list-bin.js
author ymh <ymh.work@gmail.com>
Mon, 30 Mar 2015 09:53:48 +0200
changeset 414 276042cb477c
parent 293 fba23fde14ba
child 426 05ed0d95a511
permissions -rw-r--r--
correct fix size, improve control on view save button and related init state
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(
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
     6
    '<li class="Rk-Bin-Item Rk-ResourceList-Item" draggable="true" data-uri="<%-url%>" ' +
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
     7
    'data-title="<%-title%>" data-description="<%-description%>" ' +
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
     8
    '<% if (image) { %>data-image="<%- Rkns.Utils.getFullURL(image) %>"<% } else { %>data-image=""<% } %> >' +
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
     9
    '<% if (image) { %><img class="Rk-ResourceList-Image" src="<%-image%>"/><% } %><h4 class="Rk-ResourceList-Title">' +
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    10
    '<% if (url) { %><a href="<%-url%>" target="_blank"><% } %><%=htitle%><% if (url) { %></a><% } %></h4>' +
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
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) {
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    33
        var _element;
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    34
        if (typeof _item === "string") {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    35
            if (/^(https?:\/\/|www)/.test(_item)) {
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    36
                _element = { url: _item };
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    37
            } else {
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    38
                _element = { title: _item.replace(/[:,]?\s?(https?:\/\/|www)[\d\w\/.&?=#%-_]+\s?/,'').trim() };
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    39
                var _match = _item.match(/(https?:\/\/|www)[\d\w\/.&?=#%-_]+/);
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    40
                if (_match) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    41
                    _element.url = _match[0];
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    42
                }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    43
                if (_element.title.length > 80) {
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    44
                    _element.description = _element.title;
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    45
                    _element.title = _element.title.replace(/^(.{30,60})\s.+$/,'$1…');
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
            }
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    48
        } else {
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    49
            _element = _item;
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    50
        }
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    51
        var title = _element.title || (_element.url || "").replace(/^https?:\/\/(www\.)?/,'').replace(/^(.{40}).+$/,'$1…'),
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    52
            url = _element.url || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    53
            description = _element.description || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    54
            image = _element.image || "";
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    55
        if (url && !/^https?:\/\//.test(url)) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    56
            url = 'http://' + url;
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    57
        }
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    58
        if (!search.isempty && !search.test(title) && !search.test(description)) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    59
            return;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    60
        }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    61
        count++;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    62
        _html += _this.resultTemplate({
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    63
            url: url,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    64
            title: title,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    65
            htitle: highlight(title),
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    66
            image: image,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    67
            description: description,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    68
            hdescription: highlight(description),
114
110f99eb417e moved options to defaults.js and improved read-only switching
veltr
parents: 78
diff changeset
    69
            static_url: _this.renkan.options.static_url
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    70
        });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    71
    });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    72
    _this.main_$.html(_html);
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    73
    if (!search.isempty && count) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    74
        this.count_$.text(count).show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    75
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    76
        this.count_$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    77
    }
196
2a2fcec209d0 Added in-graph search
veltr
parents: 170
diff changeset
    78
    if (!search.isempty && !count) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    79
        this.$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    80
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    81
        this.$.show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    82
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    83
    this.renkan.resizeBins();
170
603ffa4c6fa5 correct ";" and "," in javascripts
ymh <ymh.work@gmail.com>
parents: 160
diff changeset
    84
};
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    85
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    86
Rkns.ResourceList.Bin.prototype.refresh = function() {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    87
    if (this.data) {
160
408da84d4dc0 Convert tabs added by ide configuration mistake
veltr
parents: 139
diff changeset
    88
        this.render();
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    89
    }
293
fba23fde14ba Correct jshint errors and force it on build
ymh <ymh.work@gmail.com>
parents: 196
diff changeset
    90
};