diff --git a/smash/web/templates/_base.html b/smash/web/templates/_base.html index 71811d2d495a8e7c83f6f0f64085ddced44673f1..0c74eb113561fff55362ebdcb75c883763246e0d 100644 --- a/smash/web/templates/_base.html +++ b/smash/web/templates/_base.html @@ -71,9 +71,17 @@ desired effect <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle navigation</span> </a> - {% if user.is_authenticated and role == '<No worker information>' %} - <span class="no_worker_warning"><i class="fa fa-exclamation-triangle"></i>Some features might not work, <b>{{ user.get_username }}</b> has no worker associated.</span> - {% endif %} + + <!-- <span class="no_worker_warning"><i class="fa fa-exclamation-triangle"></i>Some features might not work, <b>{{ user.get_username }}</b> has no worker associated.</span> --> + <div class="col-xs-7 navbar-text" style="margin-left: 0px"> + <div class="warning_ticker"> + <div class="ticker_list"> + {% if user.is_authenticated and role == '<No worker information>' %} + <div class="warning"><i class="fa fa-exclamation-triangle"></i>Some features might not work, <b>{{ user.get_username }}</b> has no worker associated.</div> + {% endif %} + </div> + </div> + </div> <!-- Navbar Right Menu --> <div class="navbar-custom-menu"> @@ -389,6 +397,27 @@ desired effect window['moment-range'].extendMoment(moment); </script> <script> + if(!Modernizr.arrow){ // no arrow functions + $('.ticker_list').append(`<div class="warning"><i class="fa fa-exclamation-triangle"></i>This browser does not support some of our features. </div>`); + $('.ticker_list').append(`<div class="warning"><i class="fa fa-exclamation-triangle"></i>Please use a recent browser like Firefox or Chrome. </div>`); + } + //vertical ticker marquee. This could be used for other messages as weell :-) + if($('.ticker_list').children().length > 1){ + $('.warning_ticker').easyTicker({ + direction: 'up', + easing: 'swing', + speed: 'slow', + interval: 2000, + height: 'auto', + visible: 1, + mousePause: 1 + }); + }else if($('.ticker_list').children().length == 1){ + + }else{ + $('.warning_ticker').css('display', 'none'); + } + var activate = function (page_to_activate) { var $e = $(".sidebar-menu li[data-desc='" + page_to_activate + "']"); $e.addClass("active");