Add warning notify for black and restriction list

Author: Stigmatoz

options.html

@@ -70,6 +70,9 @@
                      <input type="text" placeholder="Enter site name..." id='addBlackSiteLbl' />
                      <input type="button" value="+" id='addBlackSiteBtn' />
                   </div>
+                  <div class="notify warning" id='notifyForBlackList' hidden>
+                     The site is already in the list
+                  </div>
                </div>
                <div class="margin-top-10">
                   <label>Data in memory use </label><label id='memoryUse'></label>
@@ -93,6 +96,9 @@
                <input type="time" id='addRestrictionTimeLbl' />
                <input type="button" value="+" id='addRestrictionSiteBtn' />
             </div>
+            <div class="notify warning" id='notifyForRestrictionList' hidden>
+               The site is already in the list
+            </div>
          </div>
          <div id='aboutBlock' hidden>
             <div><label id='version'></label></div>

scripts/settings.js

@@ -99,12 +99,16 @@ function viewRestrictionList(items) {
 function clearAllData() {
     var tabs = [];
     chrome.extension.getBackgroundPage().tabs = tabs;
-    storage.saveTabs(tabs, viewNotify);
+    storage.saveTabs(tabs, allDataDeletedSuccess);
 }
 
-function viewNotify() {
-    document.getElementById('notify').hidden = false;
-    setTimeout(function () { document.getElementById('notify').hidden = true; }, 3000);
+function allDataDeletedSuccess(){
+    viewNotify('notify');
+}
+
+function viewNotify(elementName) {
+    document.getElementById(elementName).hidden = false;
+    setTimeout(function () { document.getElementById(elementName).hidden = true; }, 3000);
 }
 
 function addNewBlackSiteClickHandler() {
@@ -118,7 +122,7 @@ function addNewBlackSiteClickHandler() {
             document.getElementById('addBlackSiteLbl').value = '';
 
             updateBlackList();
-        }
+        } else viewNotify('notifyForBlackList');
     }
 }
 
@@ -136,6 +140,7 @@ function addNewRestrictionSiteClickHandler() {
 
             updateRestrictionList();
         }
+        else viewNotify('notifyForRestrictionList');
     }
 }
 

style/settings.css

@@ -242,8 +242,8 @@ input[type="button"]:hover {
   }
 
   .notify{
-    width: 200px;
-    height: 30px;
+    width: 250px;
+    height: 22px;
     margin: auto;
     background-color: rgb(118, 219, 93);
     color: rgb(0, 0, 0);
@@ -254,11 +254,15 @@ input[type="button"]:hover {
     z-index: 1;
     top: 10px;
     right: 20px;
-    font-size: 17px;
+    font-size: 15px;
     white-space: nowrap;
     padding: 10px;
   }
 
+  .notify.warning{
+    background-color: rgb(219, 93, 104);
+  }
+
   .listbox{
       overflow-y: auto;
       width: 263px;