https://www.schoolsfirstfcu.org/js/scu-alert.js?v=ULI54sz7Uhi_SjaNbZX2VSqUANVgUs4hnq4fw8S765A

1(function($) {
2    /* SchoolsFirst Site Alert */
3    (function() {
4
5        /*var alerts = [
6            {
7                "id" : 1, //ID does not have to be sequencial BUT it does have to be unique.
8                "show" : true, //Change to false to hide alerts
9                "alert_type" : "danger", // Options: danger, warning, default
10                "alert_title" : "Danger Notice",
11                "alert_message" : "Sed diam tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
12                "alert_link_text" : "LINK TEXT HERE",
13                "alert_link" : "http://www.google.com"
14            },
15            {
16                "id" : 4, //ID does not have to be sequencial BUT it does have to be unique.
17                "show" : true, //Change to false to hide alerts
18                "alert_type" : "danger", // Options: danger, warning, default
19                "alert_title" : "Danger Notice",
20                "alert_message" : "Sed diam tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
21                "alert_link_text" : "LINK TEXT HERE",
22                "alert_link" : "http://www.google.com"
23            },
24            {
25                "id" : 2, //ID does not have to be sequencial BUT it does have to be unique.
26                "show" : true, //Change to false to hide alerts
27                "alert_type" : "warning", // Options: danger, warning, default
28                "alert_title" : "Warning Notice",
29                "alert_message" : "Sed diam tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.",
30                "alert_link_text" : "LINK TEXT HERE",
31                "alert_link" : "http://www.google.com"
32            },
33            {
34                "id" : 3, //ID does not have to be sequencial BUT it does have to be unique.
35                "show": true, //Change to false to hide alerts
36                "alert_type" : "default", // Options: danger, warning, default
37                "alert_title" : "Default Notice",
38                "alert_message" : "Sed diam tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren sed diam voluptua.",
39                "alert_link_text" : "LINK TEXT HERE",
40                "alert_link" : "http://www.google.com"
41            }
42        ]*/
43
44        /****
45         * DO NOT EDIT CODE BELOW THIS LINE
46         * ****/
47        /*$.each(alerts, function(i, item) {
48            var checkSession = item.alert_type + '-' + item.id;
49
50            var alertMessage = item.alert_message;
51
52            var seenAlert = localStorage[checkSession];
53            if( seenAlert !== 'yes' && item.show !== false ) {
54                //Iterate through JSON
55                $('#site-alerts').append(
56                    '<div style="border-bottom: 1px solid #a8b5c1;" class="site-alert-wrapper site-alert-bar-' + item.alert_type + '">' +
57                        '<div class="container">' +
58                            '<div class="row">' +
59                                '<div class="col-12">' +
60                                    '<div class="site-alert site-alert-' + item.alert_type + ' alert-dismissible" role="alert" style="background-position: 20px;">' +
61                                        '<div class="alertMessage">' +
62                                            '<strong>' + item.alert_title + '</strong>' + ' ' + alertMessage + ' <a href="' + item.alert_link + '">' + item.alert_link_text + ' <span class="oi oi-chevron-right" title="icon chevron-right" aria-hidden="true"></span></a>' +
63                                        '</div>' +
64                                        '<button type="button" class="close alert-dismiss" data-dismiss="alert" aria-label="Close" data-alert-type="' + item.alert_type + '" data-id="' + item.id + '">' +
65                                            '<span aria-hidden="true">&times;</span>' +
66                                        '</button>' +
67                                    '</div>' +
68                                '</div>' +
69                            '</div>' +
70                        '</div>' +
71                    '</div>'
72                );
73            }*/
74
75        $('.site-alert-wrapper').each(function () {
76            let alertID = $(this).attr('id');
77            //console.log(alertID);
78            let checkSession = sessionStorage.getItem(alertID);
79
80            if (checkSession == 'yes') {
81                $('#' + alertID).hide();
82            }
83        });
84
85        //Set Session for each dismissed alert
86        $('.alert-dismiss').on('click', function (e) {
87            e.preventDefault();
88            var alertType = $(this).data('alert-type');
89            var alertId = $(this).data('id');
90            var setAlert = alertType + '-' + alertId;
91            $(this).parents('.site-alert-wrapper').slideUp();
92            sessionStorage[setAlert] = 'yes';
93        });
94      
95    })();
96})(jQuery);