Merge pull request #8076 from FreeCodeCamp/feature/billBoard

Announcement feature

client/main.js

@@ -124,6 +124,30 @@ main = (function(main, global) {
     Mousetrap.bind('g c', toggleMainChat);
   });
 
+  function localStorageIO(item = '', input = null) {
+    if (input) {
+      try {
+        input = typeof input === 'string' ? input : JSON.stringify(input);
+      } catch (e) {
+        // Do Nothing
+      }
+      localStorage.setItem(item, input);
+      return input;
+    } else {
+      let data = typeof localStorage.getItem(item)
+        !== 'undefined' && localStorage.getItem(item)
+        !== null ? localStorage.getItem(item) : '';
+      try {
+        data = JSON.parse(data);
+      } catch (e) {
+        // Do Nothing
+      }
+      return data;
+    }
+  }
+
+  main.localStorageIO = localStorageIO;
+
   return main;
 }(main, window));
 
@@ -612,4 +636,49 @@ $(document).ready(function() {
     // Repo
     window.location = 'https://github.com/freecodecamp/freecodecamp/';
   });
+
+  function getCurrentBillBoard(cb) {
+    $.ajax({
+      url: '/api/flyers/findOne?'
+      + 'filter=%7B%22order%22%3A%20%20%22id%20DESC%22%7D',
+      method: 'GET',
+      dataType: 'JSON',
+      data: {'order': 'id DESC'}
+    }).done((resp) => {
+      cb(resp);
+    });
+    $('#dismissBill').on('click', (e) => {
+      const elemData
+        = e.target.parentNode.parentNode.children;
+
+      const res
+        = elemData[Object.keys(elemData).filter((key)=> {
+        return elemData[key].id === 'billContent';
+
+      })[0]].innerHTML;
+
+      main.localStorageIO('lastBillBoardSeen', res);
+    });
+  }
+
+  function handleNewBillBoard(resp) {
+    const data = typeof main.localStorageIO('lastBillBoardSeen')
+      !== 'undefined' && main.localStorageIO('lastBillBoardSeen')
+      !== null ? main.localStorageIO('lastBillBoardSeen') : '';
+    if (
+      data.replace(/\s*/gi, '')
+        .replace(/\&\w*\;/gi, '')
+        .replace(/(\<|\/|\>)/gi, '')
+      !== resp.message
+        .replace(/\s*/gi, '')
+        .replace(/\&\w*\;/gi, '')
+        .replace(/(\<|\/|\>)/gi, '')
+      && resp.active
+    ) {
+      $('#billContent').html(resp.message);
+      $('#billBoard').fadeIn();
+    }
+  }
+
+  getCurrentBillBoard(handleNewBillBoard);
 });

common/models/flyer.json

@@ -0,0 +1,34 @@
+{
+  "name": "flyer",
+  "base": "PersistedModel",
+  "idInjection": true,
+  "trackChanges": false,
+  "properties": {
+    "message": {
+      "type": "string"
+    },
+    "active": {
+      "type": "boolean",
+      "default": false
+    }
+  },
+  "validations": [],
+  "relations": {
+
+  },
+  "acls": [
+    {
+      "accessType": "*",
+      "principalType": "ROLE",
+      "principalId": "$everyone",
+      "permission": "DENY"
+    },
+    {
+      "accessType": "READ",
+      "principalType": "ROLE",
+      "principalId": "$everyone",
+      "permission": "ALLOW"
+    }
+  ],
+  "methods": []
+}

server/model-config.json

@@ -66,5 +66,9 @@
   "userIdentity": {
     "dataSource": "db",
     "public": true
+  },
+  "flyer": {
+    "dataSource": "db",
+    "public": true
   }
 }

server/views/account/show.jade

@@ -1,5 +1,6 @@
 extends ../layout
 block content
+    include ../partials/flyer
     script(src="/bower_components/cal-heatmap/cal-heatmap.min.js")
     script.
         var challengeName = 'Profile View';

server/views/challenges/showBonfire.jade

@@ -4,6 +4,7 @@ block content
     link(rel='stylesheet', href='/bower_components/CodeMirror/addon/lint/lint.css')
     link(rel='stylesheet', href='/bower_components/CodeMirror/theme/monokai.css')
     link(rel='stylesheet', href='/css/ubuntu.css')
+    include ../partials/flyer
     .row
         .col-md-4.col-lg-3
             .scroll-locker(id = "scroll-locker")

server/views/challenges/showHTML.jade

@@ -4,6 +4,7 @@ block content
     link(rel='stylesheet', href='/bower_components/CodeMirror/addon/lint/lint.css')
     link(rel='stylesheet', href='/bower_components/CodeMirror/theme/monokai.css')
     link(rel='stylesheet', href='/css/ubuntu.css')
+    include ../partials/flyer
     .row
         .col-md-3.col-lg-3
             .scroll-locker(id = "scroll-locker")

server/views/challenges/showJS.jade

@@ -4,6 +4,7 @@ block content
     link(rel='stylesheet', href='/bower_components/CodeMirror/addon/lint/lint.css')
     link(rel='stylesheet', href='/bower_components/CodeMirror/theme/monokai.css')
     link(rel='stylesheet', href='/css/ubuntu.css')
+    include ../partials/flyer
     .row
         .col-md-4.col-lg-3
             .scroll-locker(id = "scroll-locker")

server/views/challenges/showStep.jade

@@ -1,5 +1,6 @@
 extends ../layout-wide
 block content
+    include ../partials/flyer
     .row
         .col-md-8.col-md-offset-2
             for step, index in description

server/views/challenges/showVideo.jade

@@ -1,5 +1,6 @@
 extends ../layout-wide
 block content
+    include ../partials/flyer
     .row
         .col-xs-12.col-sm-12.col-md-4
             h4.text-center.challenge-instructions-title= name

server/views/challenges/showZiplineOrBasejump.jade

@@ -1,5 +1,6 @@
 extends ../layout-wide
 block content
+    include ../partials/flyer
     .row
         .col-md-4
             h4.text-center.challenge-instructions-title= name

server/views/layout.jade

@@ -6,7 +6,7 @@ html(lang='en')
   body.top-and-bottom-margins
     include partials/scripts
     include partials/navbar
-    .container
     include partials/flash
+    .container
       block content
     include partials/footer

server/views/partials/flash.jade

@@ -1,4 +1,5 @@
-.row.flashMessage
+.container
+    .row.flashMessage.negative-30
         .col-xs-12
             if (messages.errors || messages.error)
               .alert.alert-danger.fade.in

server/views/partials/flyer.jade

@@ -0,0 +1,8 @@
+if (user && user.points > 5)
+    .container
+        .row.flashMessage.negative-30
+            .col-xs-12
+                #billBoard.alert.alert-info.fade.in(style="display: none;")
+                    button.close(type='button', data-dismiss='alert')
+                        span.ion-close-circled#dismissBill
+                    #billContent