Add terms of use

noffort · Oct 13, 2023 · 158bb27 · 158bb27
1 parent 6c94dc8
commit 158bb27
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 2 deletions.
diff --git a/css/auth.css b/css/auth.css
@@ -92,4 +92,8 @@ body {
 
 .disabled {
     display: none !important;
+}
+
+.terms-of-use {
+    margin-bottom: 20px;
 }
diff --git a/css/style.css b/css/style.css
diff --git a/images/noffort_48.png b/images/noffort_48.png
diff --git a/scripts/auth.js b/scripts/auth.js
@@ -13,7 +13,7 @@ async function auth() {
     try {
       var apiKey = document.getElementById("apiKey").value
 
-      if (!apiKey) {
+      if (!apiKey || !document.getElementById('terms-of-use').checked) {
         return false;
       }
 
@@ -33,7 +33,6 @@ async function auth() {
 
       value = btoa(apiKey);
       chrome.storage.local.set({ 'noffort_Caeth3Haileeko1r': value }, function () {
-        console.log('saved');
         if (chrome.runtime.lastError) {
           document.getElementById('bg').classList.add('disabled');
           console.error('Error saving to Chrome storage: ', chrome.runtime.lastError);
@@ -44,6 +43,8 @@ async function auth() {
             })
           });
 
+          chrome.tabs.create({ url: "http://eepurl.com/iBKrv-/" });
+
           chrome.tabs.getCurrent(function(tab) {
             chrome.tabs.remove(tab.id, function() { });
           });

diff --git a/view/authentication.html b/view/authentication.html
@@ -14,6 +14,10 @@
             <div class="input-container">
                 <input type="password" id="apiKey" class="input-field" placeholder="Enter your Clockify API key" required>
             </div>
+            <div class="terms-of-use">
+                <input type="checkbox" name="terms_of_use" id="terms-of-use" required>
+                <label for="terms-of-use">I Agree with <a target="_blank" href="https://noffort.co/terms-of-use">Terms of Use</a></label>
+            </div>
             <button type="submit" class="submit-button" id="submit-button">Submit</button>
         </form>
     </div>