<!-- 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>
|