Block page part 2

hai-altx-soft · Stigmatoz · commit 3f716d7a11f2 · 2019-04-07T01:09:51.000+03:00
diff --git a/block.html b/block.html
@@ -4,12 +4,14 @@
 <head>
    <meta charset="utf-8">
    <title>Access to the site is limited</title>
-   <link href="style/settings.css" rel="stylesheet" />
+   <link href="style/block.css" rel="stylesheet" />
 </head>
 
 <body>
    <div class="content">
-      Limit for this site
+      <img src="icons/time.svg" height="50">
+      <p class="title">Time limit</p>
+      <div class="description">You've reached today your limit on <span id='site' class="current-site">youtube.com</span></div>
    </div>
 </body>
 
diff --git a/icons/time.svg b/icons/time.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 30.065 30.065" style="enable-background:new 0 0 30.065 30.065;" xml:space="preserve">
+<g>
+	<path style="fill:#030104;" d="M14.336,16.16c0,0-3.516,3.422-4.887,7.354v1.072h11.166v-1.072
+		c-1.781-4.341-4.885-7.354-4.885-7.354H14.336z"/>
+	<path style="fill:#030104;" d="M24.642,4.909V3.221h1.602V0H3.822v3.221h1.602v1.688c0,2.579,4.625,9.62,4.846,10.128
+		c-0.215,0.508-4.846,7.549-4.846,10.119v1.684H3.822v3.225h22.422V26.84h-1.602v-1.684c0-2.581-4.631-9.576-4.875-10.123
+		C20.01,14.485,24.642,7.488,24.642,4.909z M23.038,25.157v1.684H7.025v-1.684c0-1.856,4.906-9.197,4.906-10.123
+		c0-0.932-4.906-8.271-4.906-10.125V3.221h16.014v1.688c0,1.854-4.945,9.193-4.945,10.125
+		C18.093,15.959,23.038,23.301,23.038,25.157z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/scripts/activity.js b/scripts/activity.js
@@ -34,6 +34,16 @@ class Activity {
         else return false;
     }
 
+    checkRestrictionIfAny(domain){
+        if (setting_restriction_list !== undefined && setting_restriction_list.length > 0){
+             var item = setting_restriction_list.find(o => o.domain === domain);
+             if (item !== undefined){
+                 
+             }
+        }
+        else return false;
+    }
+
     isNewUrl(domain) {
         if (tabs.length > 0)
             return tabs.find(o => o.url === domain) === undefined;
diff --git a/scripts/background.js b/scripts/background.js
@@ -6,6 +6,7 @@ var activity = new Activity();
 var storage = new LocalStorage();
 
 var setting_black_list;
+var setting_restriction_list;
 var setting_interval_save;
 var setting_interval_inactivity;
 var setting_view_in_badge;
@@ -20,6 +21,7 @@ function updateStorage() {
 
 function backgroundCheck() {
     loadBlackList();
+    loadRestrictionList();
     storage.getSettings(SETTINGS_INTERVAL_INACTIVITY, function (item) { setting_interval_inactivity = item; });
     storage.getSettings(SETTINGS_VIEW_TIME_IN_BADGE, function (item) { setting_view_in_badge = item; });
     chrome.windows.getLastFocused({ populate: true }, function (currentWindow) {
@@ -36,6 +38,9 @@ function backgroundCheck() {
                     activity.setCurrentActiveTab(tab.url);
                     chrome.idle.queryState(parseInt(setting_interval_inactivity), function (state) {
                         if (state === 'active') {
+                            if (activity.checkRestrictionIfAny(activeUrl) && ){
+                                
+                            }
                             if (!activity.isInBlackList(activeUrl))
                                 tab.incSummaryTime();
                             if (setting_view_in_badge === true) {
@@ -134,6 +139,12 @@ function loadBlackList() {
     })
 }
 
+function loadRestrictionList() {
+    storage.getSettings(STORAGE_RESTRICTION_LIST, function (items) {
+        setting_restriction_list = items;
+    })
+}
+
 loadTabs();
 loadBlackList();
 addListener();
diff --git a/style/block.css b/style/block.css
@@ -0,0 +1,19 @@
+body{
+    padding: 150px;
+    text-align: center;
+    background-color: rgb(243, 243, 243)
+}
+
+.title{
+    font-size: 23px;
+    font-weight: 600;
+}
+
+.description{
+    font-size: 15px;
+    font-weight: 400;
+}
+
+.current-site{
+    font-weight: 500;
+}
