1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: 75: 76: 77: 78: 79: 80: 81: 82: 83: 84: 85: 86: 87: 88: 89: 90: 91: 92: 93: 94: 95: 96: 97: 98: 99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: 111: 112: 113: 114: 115: 116: 117: 118: 119: 120: 121: 122: 123: 124: 125: 126: 127: 128: 129: 130: 131: 132: 133: 134: 135: 136: 137: 138: 139: 140: 141: 142: 143: 144: 145: 146: 147: 148: 149: 150: 151: 152: 153: 154: 155: 156: 157: 158: 159: 160: 161: 162: 163: 164: 165: 166: 167: 168: 169: 170: 171: 172: 173: 174: 175: 176: 177: 178: 179: 180: 181: 182: 183: 184: 185: 186: 187: 188: 189: 190: 191: 192: 193: 194: 195: 196: 197: 198: 199: 200: 201: 202: 203: 204: 205: 206: 207: 208: 209: 210: 211: 212: 213: 214: 215: 216: 217: 218: 219: 220: 221: 222: 223: 224: 225: 226: 227: 228: 229: 230: 231: 232: 233: 234: 235: 236: 237: 238: 239: 240: 241: 242: 243: 244: 245: 246: 247: 248: 249: 250: 251: 252: 253: 254: 255: 256: 257: 258: 259: 260: 261: 262: 263: 264: 265: 266: 267: 268: 269: 270: 271: 272: 273: 274: 275: 276: 277: 278: 279: 280: 281: 282: 283: 284: 285: 286: 287: 288: 289: 290: 291: 292: 293: 294: 295: 296: 297: 298: 299: 300: 301: 302: 303: 304: 305: 306: 307: 308: 309: 310: 311: 312: 313: 314: 315: 316: 317: 318: 319: 320: 321: 322: 323: 324: 325: 326: 327: 328: 329: 330: 331: 332: 333: 334: 335: 336: 337: 338: 339: 340: 341: 342: 343: 344: 345: 346: 347: 348: 349: 350: 351: 352: 353: 354: 355: 356: 357: 358: 359: 360: 361: 362: 363: 364: 365: 366: 367: 368: 369: 370: 371: 372: 373: 374: 375: 376: 377: 378: 379: 380: 381: 382: 383: 384: 385: 386: 387: 388: 389: 390: 391: 392: 393: 394: 395: 396: 397: 398: 399: 400: 401: 402: 403: 404: 405: 406: 407: 408: 409: 410: 411: 412: 413: 414: 415: 416: 417: 418: 419: 420: 421: 422: 423: 424: 425: 426: 427: 428: 429: 430: 431: 432: 433: 434: 435: 436: 437: 438: 439: 440: 441: 442: 443: 444: 445: 446: 447: 448: 449: 450: 451: 452: 453: 454: 455: 456: 457: 458: 459: 460: 461: 462: 463: 464: 465: 466: 467: 468: 469: 470: 471: 472: 473: 474: 475: 476: 477: 478: 479: 480: 481: 482: 483: 484: 485: 486: 487: 488: 489: 490: 491: 492: 493: 494: 495: 496: 497: 498: 499: 500: 501: 502: 503: 504: 505: 506: 507: 508: 509: 510: 511: 512: 513: 514: 515: 516: 517: 518: 519: 520: 521: 522: 523: 524: 525: 526: 527: 528: 529: 530: 531: 532: 533: 534: 535: 536: 537: 538: 539: 540: 541: 542: 543: 544: 545: 546: 547: 548: 549: 550: 551: 552: 553: 554: 555: 556: 557: 558: 559: 560: 561: 562: 563: 564: 565: 566: 567: 568: 569: 570: 571: 572: 573: 574: 575: 576: 577: 578: 579: 580: 581: 582: 583: 584: 585: 586: 587: 588: 589: 590: 591: 592: 593: 594: 595: 596: 597: 598: 599: 600: 601: 602: 603: 604: 605: 606: 607: 608: 609: 610: 611: 612: 613: 614: 615: 616: 617: 618: 619: 620: 621: 622: 623: 624: 625: 626: 627: 628: 629: 630: 631: 632: 633: 634: 635: 636: 637: 638: 639: 640: 641: 642: 643: 644: 645: 646: 647: 648: 649: 650: 651: 652: 653: 654: 655: 656: 657: 658: 659: 660: 661: 662: 663: 664: 665: 666: 667: 668: 669: 670: 671: 672: 673: 674: 675: 676: 677: 678: 679: 680: 681: 682: 683: 684: 685: 686: 687: 688: 689: 690: 691: 692: 693: 694: 695: 696: 697: 698: 699: 700: 701: 702: 703: 704: 705: 706: 707: 708: 709: 710: 711: 712: 713: 714: 715: 716: 717: 718: 719: 720: 721: 722: 723: 724: 725: 726: 727: 728: 729: 730: 731: 732: 733: 734: 735: 736: 737: 738: 739: 740: 741: 742: 743: 744: 745: 746: 747: 748: 749: 750: 751: 752: 753: 754: 755: 756: 757: 758: 759: 760: 761: 762: 763: 764: 765: 766: 767: 768: 769: 770: 771: 772: 773: 774: 775: 776: 777: 778: 779: 780: 781: 782: 783: 784: 785: 786: 787: 788: 789: 790: 791: 792: 793: 794: 795: 796: 797: 798: 799: 800: 801: 802: 803: 804: 805: 806: 807: 808: 809: 810: 811: 812: 813: 814: 815: 816: 817: 818: 819: 820: 821: 822: 823: 824: 825: 826: 827: 828: 829: 830: 831: 832: 833: 834: 835: 836: 837: 838: 839: 840: 841: 842: 843: 844: 845: 846: 847: 848: 849: 850: 851: 852: 853: 854: 855: 856: 857: 858: 859:
<?php
if (!class_exists('Inbound_Visitors_Report')) {
class Inbound_Visitors_Report extends Inbound_Reporting_Templates {
static $range;
static $obj_key;
static $obj_id;
static $graph_data;
static $visits;
static $top_visitors;
static $top_sources;
static $start_date;
static $end_date;
static $past_start_date;
static $past_end_date;
public static function define_static_variables() {
if (!isset($_REQUEST['range'])) {
self::$range = 30;
} else {
self::$range = intval($_REQUEST['range']);
}
self::$obj_key = (isset($_GET['obj_key'])) ? sanitize_text_field($_GET['obj_key']) : 'page_id';
self::$obj_id = (isset($_GET[self::$obj_key])) ? (int) $_GET[self::$obj_key] : 0;
$dates = Inbound_Reporting_Templates::prepare_range( self::$range );
self::$start_date = $dates['start_date'];
self::$end_date = $dates['end_date'];
self::$past_start_date = $dates['past_start_date'];
self::$past_end_date = $dates['past_end_date'];
}
public static function load_template() {
self::load_data();
self::display_header();
self::print_css();
parent::display_filters();
self::display_chart();
self::display_top_widgets();
self::display_all_visitors();
parent::js_lead_table_sort();
die();
}
public static function display_header() {
$title = get_the_title(self::$obj_id);
$permalink = get_the_permalink(self::$obj_id);
$default_gravatar = INBOUND_PRO_URLPATH . 'assets/images/gravatar-unknown.png';
?>
<head>
<script type="text/javascript" src="<?php echo INBOUND_PRO_URLPATH ;?>assets/libraries/echarts/echarts.min.js" /></script>
</head>
<aside class="profile-card">
<header>
<h1><?php _e('Visitors' , 'inbound-pro'); ?></h1>
<h2><?php echo $title; ?></h2>
<h3><a href="<?php echo $permalink; ?>" target="_self"><?php echo $permalink; ?></a></h3>
</header>
<!-- some social links to show off -->
<ul class="profile-social-links">
</ul>
</aside>
<?php
}
public static function display_chart() {
self::$graph_data['current']= self::prepare_chart_data(self::$start_date, self::$end_date , 'current');
self::$graph_data['past']= self::prepare_chart_data(self::$past_start_date, self::$past_end_date , 'past');
?>
<div id="graph-container" style='height:350px;'></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('graph-container'));
var option = {
title: {
text: ''
},
tooltip : {
trigger: 'axis'
},
legend: {
data:['<?php echo sprintf( __('Visitors past %s days','inbound-pro') , self::$range ); ?>',
'<?php echo sprintf( __('Visitors prior %s days','inbound-pro') , self::$range ); ?>']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
boundaryGap : false,
data : <?php echo json_encode(self::$graph_data['current']['dates']); ?>
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'<?php echo sprintf( __('Visitors past %s days','inbound-pro') , self::$range ); ?>',
type:'line',
itemStyle: {normal: {color:'#55ddff', label:{show:false}}},
areaStyle: {normal: {color:'#55ddff', label:{show:true}}},
data:<?php echo json_encode(self::$graph_data['current']['visits']); ?>
},
{
name:'<?php echo sprintf( __('Visitors prior %s days','inbound-pro') , self::$range ); ?>',
type:'line',
itemStyle: {normal: {color:'#6655ff', label:{show:true}}},
areaStyle: {normal: {color:'#6655ff', label:{show:true}}},
data:<?php echo json_encode(self::$graph_data['past']['visits']); ?>
}
]
};
myChart.setOption(option);
</script>
<?php
}
public static function display_top_widgets() {
?>
<div class="flexbox-container top-10-widgets">
<div>
<h3><?php _e( 'Top Visitors' , 'inbound-pro' ); ?></h3>
<table class="top-ten-visitors">
<thead>
<tr>
<th scope="col" class="">
</th>
<th scope="col" class="">
<span><?php _e('Visitor' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="">
<span><?php _e('Impressions' , 'inbound-pro'); ?></span>
</th>
</tr>
</thead>
<tbody id="">
<?php
$i = 1;
foreach (self::$top_visitors as $key => $event) {
$lead = get_post($event['lead_id']);
$lead_exists = ($lead) ? true : false;
if ($event['lead_id']) {
$lead_meta = get_post_meta($event['lead_id'], '', true);
}
$lead_meta['wpleads_first_name'][0] = ($lead_exists && isset($lead_meta['wpleads_first_name'][0])) ? $lead_meta['wpleads_first_name'][0] : __('Anonymous','inbound-pro');
$lead_meta['wpleads_last_name'][0] = ($lead_exists && isset($lead_meta['wpleads_last_name'][0])) ? $lead_meta['wpleads_last_name'][0] : '';
?>
<tr id="" class="">
<td class="">
<span class="top-count-num"><?php echo $i; ?></span>
</td>
<td class="">
<?php
if ($lead_exists) {
?>
<a href="<?php echo 'post.php?action=edit&post=' . $event['lead_id'] . '&small_lead_preview=true&tb_hide_nav=true'; ?>" target="_self">
<?php echo $lead_meta['wpleads_first_name'][0] . ' ' . $lead_meta['wpleads_last_name'][0]; ?>
</a>
<?php
} else {
echo $lead_meta['wpleads_first_name'][0] . ' ' . $lead_meta['wpleads_last_name'][0];
}
?>
</td>
<td class="" >
<a href="<?php echo admin_url('index.php?action=inbound_generate_report&class=Inbound_Visitor_Report&'
.($lead_exists ? 'lead_uid='. $event['lead_uid'] : 'lead_uid='.$event['lead_uid'] )
.(isset($_REQUEST['source']) ? '&source='. urlencode(sanitize_text_field($_REQUEST['source'])) : '' )
. '&'.self::$obj_key.'='.self::$obj_id
.'&range='.self::$range.'&tb_hide_nav=true&TB_iframe=true&width=1503&height=400'); ?>" target="_self">
<?php echo $event['count']; ?>
</a>
</td>
</tr>
<?php
$i++;
}
?>
</tbody>
</table>
</div>
<div>
<h3><?php _e( 'Top Sources' , 'inbound-pro' ); ?></h3>
<table class="top-ten-sources">
<thead>
<tr>
<th scope="col" class="">
</th>
<th scope="col" class="">
<span><?php _e('Source' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="">
<span><?php _e('Visitors' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="">
<span><?php _e('Impressions' , 'inbound-pro'); ?></span>
</th>
</tr>
</thead>
<tbody id="">
<?php
$i = 1;
foreach (self::$top_sources as $key => $event) {
?>
<tr id="" class="">
<td class="">
<span class="top-count-num"><?php echo $i; ?></span>
</td>
<td class="">
<?php
if (strstr( $event['source'] , 'http' ) ) {
$end = ( strlen($event['source']) > 65 ) ? '...' : '';
echo '<a target="_blank" href="'.$event['source'].'">'. substr($event['source'], 0 , 65).$end .'</a>';
} else {
echo ($event['source']) ? $event['source']: __('Direct Traffic' , 'inbound-pro') ;
}
?>
</td>
<td class="" >
<a target="_self" href="<?php echo admin_url('index.php?action=inbound_generate_report&'.self::$obj_key.'='.self::$obj_id.'&source='.urlencode($event['source']).'&class=Inbound_Visitors_Report&range='.self::$range.'&tb_hide_nav=true'); ?>" class="">
<?php echo $event['visitors']; ?>
</a>
</td>
<td class="" >
<?php echo $event['page_views_total']; ?>
</td>
</tr>
<?php
$i++;
}
?>
</tbody>
</table>
</div>
</div>
<?php
}
public static function display_all_visitors() {
$default_gravatar = INBOUND_PRO_URLPATH . 'assets/images/gravatar-unknown.png';
?>
<div class="visitors-stream-view">
<h3><?php _e( 'Stream' , 'inbound-pro' ); ?></h3>
<table class="">
<thead>
<tr>
<th scope="col" class=" column-lead-picture">
</th>
<th scope="col" class="sort-lead-report-by" sort-by="report-name-field-header">
<span><?php _e('Visitor' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="">
<span><?php _e('Source' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="sort-lead-report-by" sort-by="report-impressions-header">
<span><?php _e('Impressions' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="sort-lead-report-by" sort-by="report-lead-id-header">
<span><?php _e('Lead' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class="sort-lead-report-by" sort-by="report-date-header" sort-order="1">
<span><?php _e('Last Visit' , 'inbound-pro'); ?>
<i class="fa fa-caret-down lead-report-sort-indicater" aria-hidden="true" style="padding-left:4px"></i>
</span>
</th>
</tr>
</thead>
<tbody id="the-list">
<?php
$date_number = 0;
foreach (self::$visits as $key => $event) {
$lead = get_post($event['lead_id']);
$lead_exists = ($lead) ? true : false;
$lead_meta = get_post_meta($event['lead_id'] , '' , true);
$lead_meta['wpleads_first_name'][0] = ($lead_exists && isset($lead_meta['wpleads_first_name'][0])) ? $lead_meta['wpleads_first_name'][0] : __('n/a' , 'inbound-pro');
$lead_meta['wpleads_last_name'][0] = ($lead_exists && isset($lead_meta['wpleads_last_name'][0])) ? $lead_meta['wpleads_last_name'][0] : '';
$lead_name = $lead_meta['wpleads_first_name'][0] . ' ' . $lead_meta['wpleads_last_name'][0];
?>
<tr id="post-98600" class="hentry lead-table-data-report-row" data-name-field="<?php echo $lead_name; ?>" data-lead-id="<?php echo $event['lead_id']; ?>" data-impressions="<?php echo $event['count']; ?>" data-date-number="<?php echo $date_number;?>" >
<td class="lead-picture">
<?php
$gravatar = ($lead_exists) ? Leads_Post_Type::get_gravatar($event['lead_id']) : $default_gravatar;
echo '<img class="lead-grav-img " width="40" height="40" src="' . $gravatar . '">';
?>
</td>
<td class="" >
<?php
if ( $lead_exists ) {
?>
<a href="<?php echo'post.php?action=edit&post=' . $event['lead_id'] . '&small_lead_preview=true&tb_hide_nav=true'; ?>" target="_self">
<?php echo $lead_name; ?>
</a>
<?php
} else {
?>
<i class="fa fa-hourglass-half" aria-hidden="true">
<?php
}
?>
</td>
<td class="" >
<?php
if (strstr( $event['source'] , 'http' ) ) {
$end = ( strlen($event['source']) > 65 ) ? '...' : '';
echo '<a target="_blank" href="'.$event['source'].'">'. substr($event['source'], 0 , 65).$end .'</a>';
} else {
echo ($event['source']) ? $event['source']: __('Direct Traffic' , 'inbound-pro') ;
}
?>
</td>
<td class="" >
<a href="<?php echo admin_url('index.php?action=inbound_generate_report&class=Inbound_Visitor_Event_Report&'.($lead_exists ? 'lead_uid=' . $event['lead_uid'] : 'lead_uid='.$event['lead_uid'] ) . '&'.self::$obj_key.'='.self::$obj_id.'&range='.self::$range.'&tb_hide_nav=true&TB_iframe=true&width=1503&height=400'); ?>" target="_self">
<?php echo $event['count']; ?>
</a>
</td>
<td class="">
<a href="<?php echo ($lead_exists) ? 'post.php?action=edit&post=' . $event['lead_id'] . '&small_lead_preview=true&tb_hide_nav=true' : '#' ; ?>" target="_self">
<i <?php echo ( $lead_exists ) ? 'class="fa fa-user inbound-tooltip" title="'.__('Lead exists. Click to view.','inbound-pro').'"' : 'class="fa fa-hourglass-half" title="'.__('Lead does not exist in database yet.','inbound-pro').'"'; ?>" aria-hidden="true">
</i>
</a>
</td>
<td class="" >
<p class="mod-date"><em> <?php echo date("F j, Y, g:i a" , strtotime($event['datetime'])); ?>
</em>
</p>
</td>
</tr>
<?php
$date_number++;
}
?>
</tbody>
<tfoot>
<tr>
<th scope="col" class=" column-lead-picture">
</th>
<th scope="col" class=" column-first-name desc sort-lead-report-by" sort-by="report-name-field-header">
<span><?php _e('Visitor' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class=" desc">
<span><?php _e('Last Source' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class=" column-title column-primary desc sort-lead-report-by" sort-by="report-impressions-header">
<span><?php _e('Impressions' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class=" desc sort-lead-report-by" sort-by="report-lead-id-header">
<span><?php _e('Lead' , 'inbound-pro'); ?></span>
</th>
<th scope="col" class=" desc sort-lead-report-by" sort-by="report-date-header">
<span><?php _e('Last Visit' , 'inbound-pro'); ?><i class="fa fa-sort-desc" aria-hidden="true"></i></span>
</th>
</tr>
</tfoot>
</table>
</div>
<?php
}
/**
* Print Report CSS rules into the document
*/
public static function print_css() {
?>
<style type="text/css">
body {
font-family: sans-serif;
color: #444;
}
table {
border-spacing: 0;
margin-bottom: 1rem;
border-radius: 0;
font-size: 9px;
width:100%;
}
th {
background-color: #f1f1f1;
color:#000;
-webkit-user-select: none;
-moz-user-select: none;
-user-select: none;
}
th,
td {
min-width: 70px;
padding: 10px 5px;
text-align:center;
}
tbody tr:nth-child(even) {
background-color: #f1f1f1;
}
#search {
margin-bottom: 10px;
}
#page-navigation {
display: flex;
margin-top: 5px;
}
#page-navigation p {
margin-left: 5px;
margin-right: 5px;
}
#page-navigation button {
background-color: #42b983;
border-color: #42b983;
color: rgba(255, 255, 255, 0.66);
}
.lead-grav-img {
background: #FCFDFE;
border: 1px solid #E0E0E0;
-moz-border-radius: 0px;
border-radius: 0px;
}
a {
color:#1585cf;
text-decoration:none;
}
.fa-sort-desc {
position:relative;
top:-2px;
left:2px;
}
/* header */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.0;
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.0;
}
}
body {
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
background-attachment: fixed;
margin:0px;
}
.profile-card {
height: 125px;
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
background-color:#1a1d23;
color: #ecf0f1;
font-family: "Lato", "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
width: 100%;
margin-bottom:21px;
}
.profile-card header {
width: 100%;
height: 100%;
text-align: center;
/* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, transparent));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}
.profile-card header .profile-img-link {
position: relative;
}
.profile-card header .profile-img-link:before {
content: "";
border: 15px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
height: 90px;
width: 90px;
position: absolute;
left: 0;
bottom: 3px;
-webkit-animation: pulsate 1.6s ease-out;
animation: pulsate 1.6s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 0.0;
z-index: 99;
}
.profile-card header img {
position: relative;
border-radius: 50%;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border: 15px solid transparent;
margin-top: 12px;
z-index: 9999;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.profile-card header a:hover img {
-webkit-transform: scale(1.06, 1.06);
transform: scale(1.06, 1.06);
}
.profile-card header a:hover:before {
-webkit-animation: none;
animation: none;
}
.profile-card header h1 {
text-align: center;
font-size: 28px;
opacity: 0.9;
margin-top: 0px;
margin-bottom: 3px;
padding-top:10px;
}
.profile-card header h2 {
font-size: 18px;
margin-top: 0;
opacity: 0.9;
margin-top: 0px;
margin-bottom: 3px;
}
.profile-card header h3 {
font-size: 14px;
margin-top: 0;
opacity: 0.9;
margin-top: 0px;
margin-bottom: 3px;
}
.profile-card .profile-bio {
position: absolute;
bottom: 0;
}
.profile-card .profile-bio p {
margin: 24px;
text-align: center;
opacity: 0.9;
}
.profile-card .profile-social-links {
position: relative;
background-color: white;
margin: 0 auto;
text-align: center;
padding: 6px 0;
}
.profile-card .profile-social-links li {
display: inline-block;
padding: 3px 5px 0;
}
.profile-card .profile-social-links li img {
height: 28px;
opacity: 0.8;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.profile-card .profile-social-links li a:hover img {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.profile-card .profile-social-links:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.fa-pencil-square-o {
font-size:21px;
}
.fa-hourglass-half {
cursor:default;
color: lightgrey;
}
.flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.flexbox-container > div {
width: 50%;
padding: 10px;
}
.flexbox-container > div:first-child {
margin-right: 20px;
}
hr {
margin-top:10px;
margin-left:10px;
margin-right:10px;
pacity:.2;
}
.visitors-stream-view {
margin-left:10px;
margin-right:10px;
margin-bottom:44px;
}
#graph-container {
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.top-ten-visitors td, .top-ten-sources td {
height:40px;
}
</style>
<link rel='stylesheet' id='fontawesome-css' href='<?php echo INBOUNDNOW_SHARED_URLPATH ;?>assets/fonts/fontawesome/css/font-awesome.min.css?ver=4.6.1' type='text/css' media='all' />
<?php
}
/**
* Load event data into static variables
*
*/
public static function load_data() {
/* build timespan for analytics report */
self::define_static_variables();
/* get daily visitor counts - group by lead_uid */
$params = array(
self::$obj_key => self::$obj_id,
'source' => (isset($_REQUEST['source']) ) ? sanitize_text_field(urldecode($_REQUEST['source'])) : '' ,
'start_date' => self::$start_date,
'end_date' => self::$end_date
);
self::$graph_data['current'] = Inbound_Events::get_visitors_by_dates($params);
/* get daily visitor counts - group by lead_uid */
$params = array(
self::$obj_key => self::$obj_id,
'source' => (isset($_REQUEST['source']) ) ? sanitize_text_field(urldecode($_REQUEST['source'])) : '' ,
'start_date' => self::$past_start_date,
'end_date' => self::$past_end_date
);
self::$graph_data['past'] = Inbound_Events::get_visitors_by_dates($params);
/* get all visitors - group by lead_uid */
$params = array(
self::$obj_key => self::$obj_id,
'source' => (isset($_REQUEST['source']) ) ? sanitize_text_field(urldecode($_REQUEST['source'])) : '' ,
'start_date' => self::$start_date,
'end_date' => self::$end_date
);
self::$visits = Inbound_Events::get_visitors($params);
/* get top 10 visitors */
$params = array(
self::$obj_key => self::$obj_id,
'source' => (isset($_REQUEST['source']) ) ? sanitize_text_field(urldecode($_REQUEST['source'])) : '' ,
'start_date' => self::$start_date,
'end_date' => self::$end_date,
'order_by' => 'count desc',
'group_by' => 'session_id',
'limit' => 10
);
self::$top_visitors = Inbound_Events::get_visitors($params);
/* get top 10 sources */
$params = array(
self::$obj_key => self::$obj_id,
'source' => (isset($_REQUEST['source']) ) ? sanitize_text_field(urldecode($_REQUEST['source'])) : '' ,
'start_date' => self::$start_date,
'end_date' => self::$end_date,
'order_by' => 'visitors desc',
'limit' => 10
);
self::$top_sources = Inbound_Events::get_visitors_group_by_source($params);
}
/**
*
*/
public static function prepare_chart_data( $start_date, $end_date , $period = 'current' ) {
/* prepare empty dates */
$dates = Inbound_Reporting_Templates::get_days_from_range($start_date,$end_date);
/* create new temporary array with different structure */
$temp = array();
foreach (self::$graph_data[$period] as $key=> $data) {
$temp[$data['date']] = $data['visitors'];
}
$date_array = array();
$visits_array = array();
$formatted = array();
foreach ($dates as $index => $date) {
if (isset($temp[$date])) {
$formatted[$date]['date'] = $date;
$formatted[$date]['visits'] = $temp[$date];
$date_array[$date] = $date;
$visits_array[]= $temp[$date];
} else {
$formatted[$date]['date'] = $date;
$formatted[$date]['visits'] = 0;
$date_array[$date] = $date;
$visits_array[]= 0;
}
}
return array( 'data' => $formatted, 'dates' => array_keys($formatted), 'visits' => array_values($visits_array));
}
}
new Inbound_Visitors_Report;
}