<!-- row --> 
<div class='container container-fluid' style='padding-left:0px;padding-right:0px;' > 
 
  <!-- row --> 
  <div class='row' >   
  <div class='col-12' >   
  <?php  prepare_visitor_online_data(100); ?> 
  <!-- card --> 
  <div class="card margin-bottom-20" > 
    <div class="card-body"> 
      <h5 class="card-title" style='font-size: 13pt;'>Members online</h5> 
      <?php  
 
        $li=''; 
 
        for ($i=0; $i < Configs::$_['visitor_data']['total_users_online']; $i++) {  
          $li.='<a href="'.SITE_URL.'profile-'.Configs::$_['visitor_data']['users_online'][$i]['user_id'].'.html" class="card-link" style="font-size: 10pt;">'.Configs::$_['visitor_data']['users_online'][$i]['username'].'</a><span style="font-size: 10pt;">,</span>'; 
        } 
 
        echo $li; 
 
      ?> 
      
 
    </div> 
    <div class="card-footer text-muted"> 
      <span style='font-size: 9pt;'>Total: <?php echo Configs::$_['visitor_data']['total_online'];?> (members: <?php echo Configs::$_['visitor_data']['total_users_online'];?>, guests: <?php echo Configs::$_['visitor_data']['total_guest_online'];?>)</span> 
    </div> 
  </div> 
  <!-- card --> 
    </div> 
    </div> 
   <!-- row --> 
  <!-- row --> 
  <div class='row' > 
    <div class='col-lg-12'> 
          <div class="card margin-bottom-20"> 
            <div class="card-body"> 
              <!-- row --> 
              <div class='row'> 
                <div class='col-lg-3 col-md-3 col-sm-3 col-12'> 
                  Your logo / descriptions 
                </div>                 
                <div class='col-lg-3 col-md-3 col-sm-3 col-12'> 
                <div class="card" style="width: 100%;"> 
                  <div class="card-header"> 
                    Text link 
                  </div> 
                  <ul class="list-group list-group-flush"> 
                  <li class="list-group-item">Text link 1</li> 
                  <li class="list-group-item">Text link 2</li> 
                  <li class="list-group-item">Text link 3</li> 
                  </ul> 
                  </div> 
                </div>                 
                <div class='col-lg-3 col-md-3 col-sm-3 col-12'> 
                <div class="card" style="width: 100%;"> 
                  <div class="card-header"> 
                    Text link 
                  </div> 
                  <ul class="list-group list-group-flush"> 
                  <li class="list-group-item">Text link 1</li> 
                  <li class="list-group-item">Text link 2</li> 
                  <li class="list-group-item">Text link 3</li> 
                  </ul> 
                  </div> 
                </div>                 
                <div class='col-lg-3 col-md-3 col-sm-3 col-12'> 
                  <div class="card" style="width: 100%;"> 
                  <div class="card-header"> 
                    Text link 
                  </div> 
                  <ul class="list-group list-group-flush"> 
                  <li class="list-group-item">Text link 1</li> 
                  <li class="list-group-item">Text link 2</li> 
                  <li class="list-group-item">Text link 3</li> 
                  </ul> 
                  </div> 
                </div>                 
              </div> 
              <!-- row --> 
            </div> 
            <div class="card-footer text-muted"> 
              <span style="font-size: 11pt;">Forum software by BulletinBoard ©2020-2021 CoffeeCMS</span> 
 
              <div style='float:right;'> 
                <a href="<?php echo SITE_URL;?>helps/terms" style="font-size: 11pt;margin-right:10px;color:#6c757d!important;">Terms</a> 
                <a href="<?php echo SITE_URL;?>helps/bbcode" style="font-size: 11pt;margin-right:10px;color:#6c757d!important;">BBCode</a> 
                <a href="#" class='goToTop' style="font-size: 11pt;color:#6c757d!important;">Go to top</a> 
              </div> 
            </div> 
          </div> 
    </div> 
  </div> 
  <!-- row --> 
</div> 
<!-- row --> 
 
<script> 
  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) 
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { 
  return new bootstrap.Tooltip(tooltipTriggerEl) 
}) 
  $(document).on('click','.bb_add_bookmark',function(){ 
 
    var sendData={}; 
 
    sendData['url']=location.href; 
 
    // sendData['type']='1'; 
 
    postData(API_URL+'plugin_api?plugin=bulletinboard&func=frontend_api&api_nm=bb_account_save_bookmark', sendData).then(data => { 
    // console.log(data); // JSON data parsed by `data.json()` call 
    // $('#modalSearch').modal('hide'); 
    alert('Done!'); 
 
    });            
  });   
 
</script> 
  <script> 
  /*! 
   * JavaScript Cookie v2.0.3 
   * https://github.com/js-cookie/js-cookie 
   * 
   * Copyright 2006, 2015 Klaus Hartl & Fagner Brack 
   * Released under the MIT license 
   */ 
  !function(e){if("function"==typeof define&&define.amd)define(e);else if("object"==typeof exports)module.exports=e();else{var n=window.Cookies,o=window.Cookies=e(window.jQuery);o.noConflict=function(){return window.Cookies=n,o}}}(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var o=arguments[e];for(var t in o)n[t]=o[t]}return n}function n(o){function t(n,r,i){var c;if(arguments.length>1){if(i=e({path:"/"},t.defaults,i),"number"==typeof i.expires){var s=new Date;s.setMilliseconds(s.getMilliseconds()+864e5*i.expires),i.expires=s}try{c=JSON.stringify(r),/^[\{\[]/.test(c)&&(r=c)}catch(a){}return r=encodeURIComponent(String(r)),r=r.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=encodeURIComponent(String(n)),n=n.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),n=n.replace(/[\(\)]/g,escape),document.cookie=[n,"=",r,i.expires&&"; expires="+i.expires.toUTCString(),i.path&&"; path="+i.path,i.domain&&"; domain="+i.domain,i.secure?"; secure":""].join("")}n||(c={});for(var p=document.cookie?document.cookie.split("; "):[],u=/(%[0-9A-Z]{2})+/g,d=0;d<p.length;d++){var f=p[d].split("="),l=f[0].replace(u,decodeURIComponent),m=f.slice(1).join("=");'"'===m.charAt(0)&&(m=m.slice(1,-1));try{if(m=o&&o(m,l)||m.replace(u,decodeURIComponent),this.json)try{m=JSON.parse(m)}catch(a){}if(n===l){c=m;break}n||(c[l]=m)}catch(a){}}return c}return t.get=t.set=t,t.getJSON=function(){return t.apply({json:!0},[].slice.call(arguments))},t.defaults={},t.remove=function(n,o){t(n,"",e(o,{expires:-1}))},t.withConverter=n,t}return n()}); 
  </script> 
<script type="text/javascript"> 
    // Run the cookie notification functions once the page has loaded 
    $( document ).ready( function() { 
      cookieNotification(); 
      hideCookieNotification(); 
    }); 
 
    var hideCookieNotification = function() { 
       
      // Hide the cookie notification after 5 sec  
      $( '.js-cookie-notification' ).delay(10000).fadeOut( "slow" ); 
       
      // Set a cookie  
      Cookies.set('CookieNotificationCookie', 'true', { expires: 365 }); 
 
    }; 
 
    var cookieNotification = function() { 
 
      var setCookieNotification = function() {   
         
        // Hide the cookie notification    
        $( '.js-cookie-notification' ).fadeOut( "slow" ); 
         
        // Set a cookie  
        Cookies.set('CookieNotificationCookie', 'true', { expires: 365 }); 
 
        // Stop the page reloading 
        return false; 
 
      }; 
 
      // Check to see if a cookie notification has been set 
      if ( Cookies.get('CookieNotificationCookie') === 'true' ) { 
         
        // Tell me a cookie has been set 
        console.log('cookie notification set'); 
 
      } else { 
 
        // Tell me a cookie has not been set 
        console.log('cookie notification not set'); 
 
        // Show cookie notification 
        $('.js-cookie-notification').css({ 'display' : 'block'}); 
 
        // Hide cookie notification if link clicked 
        $('.js-cookie-notification').find('.js-cookie-notification-hide').click( setCookieNotification ); 
 
      };           
 
    } 
 
    $(document).on('click','.js-cookie-notification-hide',function(){ 
              $('.js-cookie-notification').css({ 'display' : 'none'}); 
 
    }); 
  </script> 
<?php load_hook('bb_footer');?> 
<?php coffee_content_hook('bb_footer_content');?> 
 
 
</body> 
   
  </html>
 
 |