diff --git a/src/index.html b/src/index.html index 25285ed..42aa35a 100644 --- a/src/index.html +++ b/src/index.html @@ -359,6 +359,7 @@ margin: 20px 0; display: block; border-radius: 4px; + cursor: pointer; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); } .saved-item-tile:hover { diff --git a/src/script.js b/src/script.js index f5fef85..0766d76 100644 --- a/src/script.js +++ b/src/script.js @@ -213,7 +213,7 @@ items.forEach(function (item) { html += '
' + 'X' - + '

' + item.title + '

Last updated: ' + item.updatedOn + '
'; + + '

' + item.title + '

Last updated: ' + utils.getHumanDate(item.updatedOn) + ''; }); } else { html += 'Nothing saved here.' diff --git a/src/utils.js b/src/utils.js index 8862e83..b4656d1 100644 --- a/src/utils.js +++ b/src/utils.js @@ -88,11 +88,20 @@ } } + function getHumanDate(timestamp) { + var d = new Date(timestamp); + var retVal = d.getDate() + ' ' + + [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth()] + ' ' + + d.getFullYear(); + return retVal; + } + window.utils = { semverCompare: semverCompare, generateRandomId: generateRandomId, onButtonClick: onButtonClick, addInfiniteLoopProtection: addInfiniteLoopProtection, + getHumanDate: getHumanDate, log: log }; })();