+function add_list_item(data) {
+ var item = $('<li>').addClass('list-item-row').data('item', data);
+ var cb = $('<input type="checkbox">');
+ if (data.done) cb.prop('checked', true);
+ item.append(cb);
+ item.append($('<span class="description">').text(data.description || ''));
+ item.append($('<span class="edit-trigger">').text('…'));
+
+ $('#list-items').append(item).addClass('have-list-items');
+}
+function got_lists_version(new_version) {
+ if (new_version != lists_version)
+ window.setTimeout(load_lists);
+}
+function load_list_items(uri, target) {
+ $.get(uri)
+ .done(item_data => {
+ target.data('items', item_data);
+ if (selected_list)
+ selected_list.removeClass('selected');
+
+ var item_list = $('#list-items').empty().removeClass('have-list-items');
+
+ $.each(item_data.items, (i,item) => {
+ add_list_item(item);
+ });
+
+ got_lists_version(item_data.lists_version);
+ });
+}
+function select_list(new_selected_list) {
+ if (new_selected_list == selected_list)
+ return;
+
+ var id_data = new_selected_list.data('id');
+
+ load_list_items(id_data.uri, new_selected_list);
+ selected_list = new_selected_list;
+ selected_list.addClass('selected');
+ $('#selected-list-name').text(id_data.name);
+
+}