Add adblocker message

batata004 · Feb 20, 2017 · f72673e · f72673e
1 parent 677b52d
commit f72673e
Show file tree

Hide file tree

Showing 7 changed files with 396 additions and 38 deletions.
diff --git a/server/documents/hotfix.html.eco b/server/documents/hotfix.html.eco
@@ -6,51 +6,89 @@ standalone : true
 title      : 'Test Page'
 type       : 'Library'
 ---
-<div class="ui container">
-<div id="first" class="ui search">
-  <div class="ui left icon input">
-    <input class="prompt" type="text" placeholder="Search countries">
-    <i class="icon"></i>
+<!-- <div class="ui modal small" id="yyyyyy">
+  <i class="close icon" tabindex="0"></i>
+  <div class="header">Entre em contato</div>
+  <div class="content">
+    <form class="ui form">
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+      <div class="field">
+        <label>Nome</label>
+        <input type="text" name="nome" placeholder="Digite seu nome">
+      </div>
+    </form>
+  </div>
+  <div class="actions">
+    <button class="ui button red cancelar">111111</button>
+    <button class="ui button primary right labeled icon">222222<i class="checkmark icon"></i></button>
   </div>
+</div> -->
+<div class="ui container">
+<div class="ui vertical inverted very padded segment">
+    <div class="ui vertical inverted very padded segment">
+        <div class="ui vertical inverted very padded segment">
+            Lorem...
+        </div>
+    </div>
 </div>
 </div>
 <script>
-$(document).ready(function() {
-                var content = [
-                               { title: 'Andorra' },
-                               { title: 'United Arab Emirates' },
-                               { title: 'Afghanistan' },
-                               { title: 'Antigua' },
-                               { title: 'Anguilla' },
-                               { title: 'Albania' },
-                               { title: 'Armenia' },
-                               { title: 'Netherlands Antilles' },
-                               { title: 'Angola' },
-                               { title: 'Argentina' },
-                               { title: 'American Samoa' },
-                               { title: 'Austria' },
-                               { title: 'Australia' },
-                               { title: 'Aruba' },
-                               { title: 'Aland Islands' },
-                               { title: 'Azerbaijan' },
-                               { title: 'Bosnia' },
-                               { title: 'Barbados' },
-                               { title: 'Bangladesh' },
-                               { title: 'Belgium' },
-                               { title: 'Burkina Faso' },
-                               { title: 'Bulgaria' },
-                               { title: 'Bahrain' },
-                               { title: 'Burundi' }
-                               // etc
-                               ];
-                               $('#first').search({source: content ,showNoResults: false});
-
-
-});
+  $(document).ready(function() {
+    $('.ui.modal').modal('show');
+  });
 
 </script>
 
 <!-- TEST CSS HERE !-->
 <style type="text/css">
-
+  .container {
+    margin-top: 2rem !important;
+  }
 </style>
diff --git a/server/files/javascript/docs.js b/server/files/javascript/docs.js
@@ -41,6 +41,7 @@ semantic.ready = function() {
     $search              = $('#search'),
     $sortTable           = $('.sortable.table'),
     $demo                = $('.demo'),
+    $begSegment          = $('.beg.segment'),
 
     $fullHeightContainer = $('.pusher > .full.height'),
     $container           = $('.main.container'),
@@ -113,6 +114,25 @@ semantic.ready = function() {
       });
     },
 
+    showBeg: function() {
+      if(window.localStorage !== undefined) {
+        $begSegment
+          .find('.delete.icon')
+            .on('click', handler.hideBeg)
+        ;
+        if(!window.localStorage.getItem('begDismissed')) {
+          $begSegment.transition('slide down');
+        }
+      }
+    },
+
+    hideBeg: function() {
+      $begSegment.transition('slide down');
+      if(window.localStorage !== undefined) {
+        window.localStorage.setItem('begDismissed', true);
+      }
+    },
+
     createIcon: function() {
       $example
         .each(function(){
@@ -1433,6 +1453,13 @@ semantic.ready = function() {
     window.Transifex.live.onTranslatePage(handler.showLanguageModal);
   }
 
+  if(typeof detectAdBlock === 'undefined') {
+    handler.showBeg();
+  }
+  else {
+    detectAdBlock.onDetected(handler.showBeg);
+  }
+
   handler.getMetadata();
 
 };