ads popup.

Author: craftpip

animations.html

@@ -150,6 +150,8 @@
 </div>
 <div class="container"
      ng-app="application">
+
+    <div ng-controller="adsController"></div>
     <div class="row">
         <div class="col-md-3 col-sm-12">
             <div class="space10"></div>

app.js

@@ -4,8 +4,6 @@ angular.module('application', ['cp.ngConfirm'])
         function ($ngConfirmDefaults) {
             // modify the defaults here.
             // $ngConfirmDefaults.theme = 'modern';
-
-
         }
     ])
     .controller('quickFeaturesController', [
@@ -15,6 +13,7 @@ angular.module('application', ['cp.ngConfirm'])
         '$ngConfirmDefaults',
         '$timeout',
         function ($scope, $ngConfirm, $interval, $ngConfirmDefaults, $timeout) {
+
             $scope.materialTheme = function () {
                 $ngConfirm({
                     title: 'Alert',
@@ -1020,6 +1019,50 @@ angular.module('application', ['cp.ngConfirm'])
                 });
             };
         }
+    ])
+    .controller('adsController', [
+        '$scope',
+        '$timeout',
+        '$ngConfirm',
+        function ($scope, $timeout, $ngConfirm) {
+            $timeout(function () {
+                if (typeof google_jobrunner == 'undefined' && !localStorage['adsok']) {
+                    $ngConfirm({
+                        title: 'Hmmm, ad blocker',
+                        theme: 'material',
+                        content: "Ads aren't what you're here for. But ads help me support my work. So, please consider to add this domain to your blocker's whitelist.",
+                        closeIcon: false,
+                        buttons: {
+                            done: {
+                                text: 'Did it',
+                                btnClass: 'btn-green',
+                                action: function () {
+                                    $ngConfirm('I really appreciate this. Thank you.', 'You\'re awesome');
+                                    $timeout(function () {
+                                        location.reload();
+                                    }, 1000);
+                                }
+                            },
+                            doNotAskAgain: {
+                                text: 'Don\'t ask',
+                                action: function () {
+                                    localStorage['adsok'] = true;
+                                }
+                            },
+                            donate: {
+                                text: 'Donate',
+                                btnClass: 'btn-default',
+                                action: function () {
+                                    window.open('https://www.paypal.me/bonifacepereira', '_blank');
+                                    localStorage['adsok'] = true;
+                                }
+                            }
+
+                        }
+                    });
+                }
+            }, 1000);
+        }
     ]);
 
 

index.html

@@ -162,6 +162,9 @@
 </div>
 <div class="container"
      ng-app="application">
+    
+    <div ng-controller="adsController"></div>
+    
     <div class="row">
         <div class="col-md-3 col-sm-12">
             <div class="space10"></div>

themes.html

@@ -150,6 +150,8 @@
 </div>
 <div class="container"
      ng-app="application">
+
+    <div ng-controller="adsController"></div>
     <div class="row">
         <div class="col-md-3 col-sm-12">
             <div class="space10"></div>