client/js/list-bin.js
author veltr
Tue, 26 Mar 2013 19:12:05 +0100
changeset 114 110f99eb417e
parent 78 af9e716b01bc
child 132 860340d4c645
permissions -rw-r--r--
moved options to defaults.js and improved read-only switching
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%>" '
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
     7
    + 'data-title="<%-title%>" data-description="<%-description%>" data-image="<%-image%>">'
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
     8
    + '<% if (image) { %><img class="Rk-ResourceList-Image" src="<%-image%>"><% } %></div><h4 class="Rk-ResourceList-Title">'
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
     9
    + '<% 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
    10
    + '<% 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
    11
);
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    12
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    13
Rkns.ResourceList.Bin.prototype._init = function(_renkan, _opts) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    14
	this.renkan = _renkan;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    15
    this.title_$.html(_opts.title);
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    16
    if (_opts.list) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    17
    	this.data = _opts.list;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    18
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    19
    this.refresh();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    20
}
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    21
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    22
Rkns.ResourceList.Bin.prototype.render = function(searchstr) {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    23
    if (searchstr) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    24
    	var _rgxp = new RegExp('('+(searchstr).replace(/(\W)/g,'\\$1')+')','gi'),
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    25
    		rxtest = new RegExp(searchstr.replace(/(\W)/g,'\\$1'),'i');
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    26
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    27
    function highlight(_text) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    28
    	if (searchstr) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    29
    		return _text.replace(_rgxp, "<span class='searchmatch'>$1</span>");
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    30
    	} else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    31
    		return _text;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    32
    	}
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    33
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    34
    var _html = "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    35
        _this = this,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    36
        count = 0;
74
c059efca2d7a URL-only list possible
veltr
parents: 73
diff changeset
    37
    Rkns._(this.data).each(function(_item) {
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    38
    	if (typeof _item === "string") {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    39
    		if (/^(https?:\/\/|www)/.test(_item)) {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    40
    			var _element = { url: _item }
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    41
    		} else {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    42
    			var _element = { title: _item.replace(/[:,]?\s?(https?:\/\/|www)[\d\w\/.&?=#%-_]+\s?/,'').trim() },
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    43
    				_match = _item.match(/(https?:\/\/|www)[\d\w\/.&?=#%-_]+/);
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    44
				if (_match) {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    45
					_element.url = _match[0];
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    46
				}
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    47
				if (_element.title.length > 80) {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    48
					_element.description = _element.title;
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    49
					_element.title = _element.title.replace(/^(.{30,60})\s.+$/,'$1…');
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    50
				}
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    51
    		}
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    52
    	} else {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    53
    		var _element = _item;
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    54
    	}
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    55
        var title = _element.title || (_element.url || "").replace(/^https?:\/\/(www\.)?/,'').replace(/^(.{40}).+$/,'$1…'),
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    56
            url = _element.url || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    57
            description = _element.description || "",
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    58
            image = _element.image || "";
75
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    59
        if (url && !/^https?:\/\//.test(url)) {
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    60
        	url = 'http://' + url;
7adef9ce92aa A few corrections for list bin
veltr
parents: 74
diff changeset
    61
        }
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    62
        if (searchstr && !rxtest.test(title) && !rxtest.test(description)) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    63
            return;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    64
        }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    65
        count++;
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    66
        _html += _this.resultTemplate({
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    67
            url: url,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    68
            title: title,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    69
            htitle: highlight(title),
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    70
            image: image,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    71
            description: description,
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    72
            hdescription: highlight(description),
114
110f99eb417e moved options to defaults.js and improved read-only switching
veltr
parents: 78
diff changeset
    73
            static_url: _this.renkan.options.static_url
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    74
        });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    75
    });
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    76
    _this.main_$.html(_html);
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    77
    if (searchstr && count) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    78
        this.count_$.text(count).show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    79
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    80
        this.count_$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    81
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    82
    if (searchstr && !count) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    83
        this.$.hide();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    84
    } else {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    85
        this.$.show();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    86
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    87
    this.renkan.resizeBins();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    88
}
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    89
    
78
af9e716b01bc Renkan bin configuration now with class names instead of classes themselves
veltr
parents: 75
diff changeset
    90
Rkns.ResourceList.Bin.prototype.refresh = function() {
73
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    91
    if (this.data) {
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    92
    	this.render();
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    93
    }
cc9deb3b3e13 Added simple Resource bin
veltr
parents:
diff changeset
    94
}