From e724ed868c9df33890a233208796ce80037b8b05 Mon Sep 17 00:00:00 2001 From: Kushagra Gour <chinchang457@gmail.com> Date: Sun, 12 Mar 2017 01:11:35 +0530 Subject: [PATCH] show saved item count --- src/index.html | 2 +- src/script.js | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index ffb7635..3c2810a 100644 --- a/src/index.html +++ b/src/index.html @@ -471,7 +471,7 @@ <button class="btn saved-items-pane__close-btn" id="js-saved-items-pane-close-btn">X</button> <div class="flex flex-v-center" style="justify-content: space-between;"> - <h3>My Library</h3> + <h3>My Library <span id="savedItemCount"></span></h3> <div class="main-header__btn-wrap"> <a d-click="exportItems" href="" class="btn btn-icon">Export </a> diff --git a/src/script.js b/src/script.js index f20ea70..3a7e3d0 100644 --- a/src/script.js +++ b/src/script.js @@ -311,8 +311,11 @@ onboardDontShowInTabOptionBtn, TextareaAutoComplete */ + '<a class="js-saved-item-tile__close-btn saved-item-tile__close-btn hint--left" aria-label="Remove">X</a>' + '<h3 class="saved-item-tile__title">' + item.title + '</h3><span class="saved-item-tile__meta">Last updated: ' + utils.getHumanDate(item.updatedOn) + '</span></div>'; }); + savedItemCount.textContent = '(' + items.length + ')'; + savedItemCount.style.display = 'inline'; } else { html += '<h2 class="opacity--30">Nothing saved here.</h2>'; + savedItemCount.style.display = 'none'; } savedItemsPane.querySelector('#js-saved-items-wrap').innerHTML = html; toggleSavedItemsPane();