diff --git a/src/index.html b/src/index.html index d695bad..e4ef256 100644 --- a/src/index.html +++ b/src/index.html @@ -279,7 +279,7 @@ bottom: 0; width: 400px; padding: 20px; - z-index: 3; + z-index: 4; background-color: #111; transition: 0.3s ease; will-change: transform; @@ -404,6 +404,20 @@ visibility: visible; transform: translateY(0); } + .alerts-container { + position: fixed; + will-change: transform; + left: 50%; + top: 0; + padding: 10px; + background: #9f3b4e; + border-radius: 3px; + transform: translateY(-100%); + transition: 0.3s ease; + } + .alerts-container.is-active { + transform: translateY(0); + } @@ -607,6 +621,7 @@ +
@@ -631,6 +646,7 @@ + diff --git a/src/script.js b/src/script.js index f124f73..90b47d2 100644 --- a/src/script.js +++ b/src/script.js @@ -5,8 +5,6 @@ var editur = window.editur || {}; var version = '1.7.1'; - window.$ = document.querySelector.bind(document); - window.$all = document.querySelectorAll.bind(document); window.DEBUG = 1; var HtmlModes = { @@ -113,11 +111,10 @@ resetSplitting(); } - function saveSetting(setting, value) { + function saveSetting(setting, value, cb) { var obj = {}; obj[setting] = value; - chrome.storage.local.set(obj, function() { - }); + chrome.storage.local.set(obj, cb || function(){}); } // Save current item to storage @@ -146,7 +143,9 @@ currentItem.js = editur.cm.js.getValue(); currentItem.updatedOn = Date.now(); utils.log('saving key', key || currentItem.id, currentItem) - saveSetting(key || currentItem.id, currentItem); + saveSetting(key || currentItem.id, currentItem, function () { + alertsService.add('Item saved.'); + }); } function populateItem(items) { @@ -201,11 +200,13 @@ js: '', layoutMode: currentLayoutMode }; + alertsService.add('New item created'); refreshEditor(); } function openItem(itemId) { currentItem = savedItems[itemId]; refreshEditor(); + alertsService.add('Saved item loaded'); } function refreshEditor() { diff --git a/src/utils.js b/src/utils.js index 3387bd2..fe16fc3 100644 --- a/src/utils.js +++ b/src/utils.js @@ -1,4 +1,7 @@ (function () { + window.$ = document.querySelector.bind(document); + window.$all = document.querySelectorAll.bind(document); + // https://github.com/substack/semver-compare/blob/master/index.js function semverCompare(a, b) { var pa = a.split('.');