(items)
| 154 | } |
| 155 | |
| 156 | function loadItems(items) { |
| 157 | let dateContainer; |
| 158 | let fragment; |
| 159 | |
| 160 | items.map((entry) => { |
| 161 | let id = entry.id; |
| 162 | let item = entry.item; |
| 163 | let itemContainerId = `item-${id}`; |
| 164 | |
| 165 | // Skip the item if already loaded. This could happen if the user |
| 166 | // visits an item for the current date again before requesting more |
| 167 | // history items. |
| 168 | let itemContainer = document.getElementById(itemContainerId); |
| 169 | if (itemContainer) { |
| 170 | return; |
| 171 | } |
| 172 | |
| 173 | let date = new Date(item.timestamp); |
| 174 | let day = date.getDate(); |
| 175 | let month = date.getMonth(); |
| 176 | let year = date.getFullYear(); |
| 177 | let dateContainerId = `entries-${month}-${day}-${year}`; |
| 178 | |
| 179 | // If entry belongs to a new date, append buffered items for previous |
| 180 | // date. |
| 181 | if (dateContainer && dateContainer.id != dateContainerId) { |
| 182 | dateContainer.append(fragment); |
| 183 | } |
| 184 | |
| 185 | dateContainer = document.getElementById(dateContainerId); |
| 186 | if (!dateContainer) { |
| 187 | dateContainer = createDateContainer(dateContainerId, date); |
| 188 | fragment = document.createDocumentFragment(); |
| 189 | |
| 190 | let entriesContainer = document.getElementById('entries-container'); |
| 191 | entriesContainer.append(dateContainer); |
| 192 | } else if (!fragment) { |
| 193 | fragment = document.createDocumentFragment(); |
| 194 | } |
| 195 | |
| 196 | itemContainer = createItemElement(item, itemContainerId, date); |
| 197 | fragment.append(itemContainer); |
| 198 | }); |
| 199 | |
| 200 | // Append remaining items in buffer |
| 201 | if (fragment) { |
| 202 | dateContainer.append(fragment); |
| 203 | } |
| 204 | } |
| 205 | |
| 206 | function getMoreHistoryItems(n) { |
| 207 | n = n ? n : DEFAULT_HISTORY_ITEM_COUNT; |
no test coverage detected