add announcement module

wrlc-primo-dev · Jul 27, 2018 · 5b6e620 · 5b6e620
1 parent 612b2fd
commit 5b6e620
Showing 1 changed file with 43 additions and 0 deletions.
diff --git a/js/custom.js b/js/custom.js
@@ -73,4 +73,47 @@
         defaultTitle: ''
     });
 
+    // WRLC announcement banner
+    angular
+      .module('wrlcAnnounce', ['ngAnimate'])
+        .component('prmSearchBarAfter', {
+            template: `
+                <wrlc-announce ng-show="!$ctrl.dismissed" ng-if="$ctrl.show">
+                    <div id="wrlc-announce-banner" class="layout-align-center-center layout-row flex">
+                        <prm-icon icon-type="svg" svg-icon-set="action" icon-definition="ic_announcement_24px" id="wrlc-announce-icon"></prm-icon>
+                        <span ng-if="$ctrl.link" id="message"><a href="{{$ctrl.link}}">{{ $ctrl.message }}</a></span>
+                        <span ng-if="!$ctrl.link" id="message">{{ $ctrl.message }}</span>
+                <button id="dismiss-announcement" area-label="dismiss announcement" class="dismiss-alert-button zero-margin md-button md-primoExplore-theme md-ink-ripple button-with-icon" type="button" ng-click="$ctrl.wrDismiss()">
+                    <prm-icon icon-type="svg" svg-icon-set="navigation" icon-definition="ic_close_24px" class="material-icons gray"></prm-icon>
+            </button>
+                    </div>
+                </wrlc-announce>
+                `,
+            controller:
+                function announceController(announceConfig, $http) {
+
+                    var self = this;
+                    var config = announceConfig;
+
+                    // get show announcement
+                    $http.get(config.announceAPI)
+                        .then(function(response){
+                            // Test if we want to show the banner or not
+                            if (config.getShow(response) == "TRUE") {
+                                self.show = true;
+                            } else {
+                                self.show = false;
+                            }
+                            // get message and link using configured functions
+                            self.message = config.getMessage(response);
+                            self.link = config.getLink(response);
+
+                        });
+                    self.wrDismiss = function() {
+                        self.dismissed = true;
+                    }
+                }
+
+        });
+
 })();