2016-10-27 01:02:41 +02:00
|
|
|
var topic_list = (function () {
|
|
|
|
|
|
|
|
var exports = {};
|
|
|
|
|
2016-10-27 01:36:20 +02:00
|
|
|
function iterate_to_find(selector, name_to_find, context) {
|
|
|
|
// This code is duplicated with stream_list.js, but we should
|
|
|
|
// not try to de-dup this; instead, we should try to make it sane
|
|
|
|
// for topics and avoid O(N) iteration.
|
|
|
|
//
|
|
|
|
// We could start by using canonical lowercase values for the
|
|
|
|
// data-name attributes (and eventually use topic ids when the
|
|
|
|
// back end allows). Either that, or we should have a data
|
|
|
|
// structure that links topic names to list items, so that we
|
|
|
|
// don't have to search the DOM at all.
|
|
|
|
var lowercase_name = name_to_find.toLowerCase();
|
|
|
|
var found = _.find($(selector, context), function (elem) {
|
|
|
|
return $(elem).attr('data-name').toLowerCase() === lowercase_name;
|
|
|
|
});
|
|
|
|
return found ? $(found) : $();
|
|
|
|
}
|
|
|
|
|
2016-10-27 01:53:47 +02:00
|
|
|
exports.remove_expanded_topics = function () {
|
|
|
|
popovers.hide_topic_sidebar_popover();
|
|
|
|
$("ul.expanded_subjects").remove();
|
|
|
|
};
|
|
|
|
|
2016-10-27 01:36:20 +02:00
|
|
|
function get_topic_filter_li(stream_li, topic) {
|
|
|
|
return iterate_to_find(".expanded_subjects li.expanded_subject", topic, stream_li);
|
|
|
|
}
|
|
|
|
|
|
|
|
exports.activate_topic = function (stream_li, active_topic) {
|
|
|
|
get_topic_filter_li(stream_li, active_topic).addClass('active-sub-filter');
|
|
|
|
};
|
|
|
|
|
2016-10-27 01:02:41 +02:00
|
|
|
exports.update_count_in_dom = function (count_span, value_span, count) {
|
|
|
|
if (count === 0) {
|
|
|
|
count_span.hide();
|
|
|
|
value_span.text('');
|
|
|
|
} else {
|
|
|
|
count_span.removeClass("zero_count");
|
|
|
|
count_span.show();
|
|
|
|
value_span.text(count);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2016-10-27 01:36:20 +02:00
|
|
|
exports.set_count = function (stream_li, topic, count) {
|
|
|
|
var topic_li = get_topic_filter_li(stream_li, topic);
|
|
|
|
var count_span = topic_li.find('.subject_count');
|
|
|
|
var value_span = count_span.find('.value');
|
|
|
|
|
|
|
|
if (count_span.length === 0 || value_span.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
exports.update_count_in_dom(count_span, value_span, count);
|
|
|
|
};
|
|
|
|
|
2016-10-27 02:02:40 +02:00
|
|
|
exports.build_list = function (stream, active_topic, max_topics) {
|
|
|
|
var subjects = stream_data.recent_subjects.get(stream) || [];
|
|
|
|
|
|
|
|
if (active_topic) {
|
|
|
|
active_topic = active_topic.toLowerCase();
|
|
|
|
}
|
|
|
|
|
|
|
|
var display_subjects = [];
|
|
|
|
var hiding_topics = false;
|
|
|
|
|
|
|
|
_.each(subjects, function (subject_obj, idx) {
|
|
|
|
var topic_name = subject_obj.subject;
|
|
|
|
var num_unread = unread.num_unread_for_subject(stream, subject_obj.canon_subject);
|
|
|
|
|
|
|
|
// Show the most recent subjects, as well as any with unread messages
|
|
|
|
var always_visible = (idx < max_topics) || (num_unread > 0) || (active_topic === topic_name);
|
|
|
|
|
|
|
|
if (!always_visible) {
|
|
|
|
hiding_topics = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
var display_subject = {
|
|
|
|
topic_name: topic_name,
|
|
|
|
unread: num_unread,
|
|
|
|
is_zero: num_unread === 0,
|
|
|
|
is_muted: muting.is_topic_muted(stream, topic_name),
|
|
|
|
zoom_out_hide: !always_visible,
|
|
|
|
url: narrow.by_stream_subject_uri(stream, topic_name)
|
|
|
|
};
|
|
|
|
display_subjects.push(display_subject);
|
|
|
|
});
|
|
|
|
|
|
|
|
var topic_dom = templates.render('sidebar_subject_list',
|
|
|
|
{subjects: display_subjects,
|
|
|
|
want_show_more_topics_links: hiding_topics,
|
|
|
|
stream: stream});
|
|
|
|
|
|
|
|
return topic_dom;
|
|
|
|
};
|
|
|
|
|
2016-10-27 01:36:20 +02:00
|
|
|
|
2016-10-27 01:02:41 +02:00
|
|
|
return exports;
|
|
|
|
}());
|
|
|
|
if (typeof module !== 'undefined') {
|
|
|
|
module.exports = topic_list;
|
|
|
|
}
|