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: 860: 861: 862: 863: 864: 865: 866: 867: 868: 869: 870: 871: 872: 873: 874: 875: 876: 877: 878: 879: 880: 881: 882: 883: 884: 885: 886: 887: 888: 889: 890: 891: 892: 893: 894: 895: 896: 897: 898: 899: 900: 901: 902: 903: 904: 905: 906: 907: 908: 909: 910: 911: 912: 913: 914: 915: 916: 917: 918: 919: 920: 921: 922: 923: 924: 925: 926: 927: 928: 929: 930: 931: 932: 933: 934: 935: 936: 937: 938: 939: 940: 941: 942: 943: 944: 945: 946: 947: 948: 949: 950: 951: 952: 953: 954: 955: 956: 957: 958: 959: 960: 961: 962: 963: 964: 965: 966: 967: 968: 969: 970: 971: 972: 973: 974: 975: 976: 977: 978: 979: 980: 981: 982: 983: 984: 985: 986: 987: 988: 989: 990: 991: 992: 993: 994: 995: 996: 997: 998: 999: 1000: 1001: 1002: 1003: 1004: 1005: 1006: 1007: 1008: 1009: 1010: 1011: 1012: 1013: 1014: 1015: 1016: 1017: 1018: 1019: 1020: 1021: 1022: 1023: 1024: 1025: 1026: 1027: 1028: 1029: 1030: 1031: 1032: 1033: 1034: 1035: 1036: 1037: 1038: 1039: 1040: 1041: 1042: 1043: 1044: 1045: 1046: 1047: 1048: 1049: 1050: 1051: 1052: 1053: 1054: 1055: 1056: 1057: 1058: 1059: 1060: 1061: 1062: 1063: 1064: 1065: 1066: 1067: 1068: 1069: 1070: 1071: 1072: 1073: 1074: 1075: 1076: 1077: 1078: 1079: 1080: 1081: 1082: 1083: 1084: 1085: 1086: 1087: 1088: 1089: 1090: 1091: 1092: 1093: 1094: 1095: 1096: 1097: 1098: 1099: 1100: 1101: 1102: 1103: 1104: 1105:
<?php
if( !class_exists( 'Inbound_Search_And_Comment_Report' ) ){
class Inbound_Search_And_Comment_Report extends Inbound_Reporting_Templates {
static $range;
static $page;
static $limit;
static $offset;
static $total_events;
static $total_pages;
static $show_graph;
static $graph_data;
static $event_names;
static $events;
static $top_events;
static $top_sources;
static $start_date;
static $end_date;
static $chart_date_range;
public static function load_template() {
self::load_data();
self::display_header();
self::print_css();
parent::display_filters();
self::display_all_events();
self::display_chart();
parent::js_lead_table_sort();
die();
}
public static function display_header() {
$report_headline = (isset($_REQUEST['title'])) ? $_REQUEST['title'] : __( 'Actions' , 'inbound-pro' );
if( isset($_REQUEST['page_id']) ) {
$title = (isset($_REQUEST['page_id'])) ? get_the_title(intval($_REQUEST['page_id'])) : '';
$permalink = get_the_permalink(intval($_REQUEST['page_id']));
} else {
$title = (isset($_REQUEST['lead_id'])) ? get_the_title(intval($_REQUEST['lead_id'])) : '';
$permalink = "";
}
$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 echo $report_headline; ?></h1>
<h2><?php echo $title; ?></h2>
<?php
if ($permalink) {
?>
<h3><a href="<?php echo $permalink; ?>" target="_self"><?php echo $permalink; ?></a></h3>
<?php
}
?>
</header>
<!-- some social links to show off -->
<ul class="profile-social-links">
</ul>
</aside>
<?php
}
public static function display_chart() {
if ( self::$show_graph === 'false' || empty( self::$total_events ) ) {
return;
}
$event_name = ( isset( $_REQUEST['event_name'] ) ) ? sanitize_text_field( $_REQUEST['event_name'] ) : '';
?>
<h3 id="graph-header">
<?php
$label = Inbound_Events::get_event_label( $event_name , true);
echo sprintf( __( '%s over the past %d days' ), $label, self::$chart_date_range );
?>
</h3>
<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'
},
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['dates']); ?>
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name : '<?php echo Inbound_Events::get_event_label( $event_name , true) ?>',
type : 'line',
itemStyle : {normal: {color:'#55ddff', label:{show:false}}},
areaStyle : {normal: {color:'#55ddff', label:{show:true}}},
data : <?php echo json_encode(self::$graph_data[$event_name]['actions']); ?>
}
]
};
myChart.setOption(option);
</script>
<?php
}
public static function display_all_events() {
$default_gravatar = INBOUND_PRO_URLPATH . 'assets/images/gravatar-unknown.png';
$lead_id = ( isset( $_REQUEST['lead_id'] ) ) ? intval( $_REQUEST['lead_id'] ) : '';
if( self::$total_events == 0 || empty( self::$total_events ) ){
if( $_REQUEST['event_name'] == 'search_made' ){
$user_action = 'searches';
} else {
$user_action = 'comments';
}
?>
<div class="no-content-message">
<h2 class="no-content-text"><?php echo sprintf( __( 'It looks like the lead hasn\'t made any %s yet.', 'inbound-pro'), $user_action ); ?></h2>
</div>
<?php
return;
}
?>
<div class="visitors-stream-view">
<table class="">
<thead>
<tr>
<th><?php _e( 'Avatar', 'inbound-pro' ); ?></th>
<th>
<?php _e( 'Lead Name', 'inbound-pro' ); ?>
</th>
<th>
<?php
if( $_REQUEST['event_name'] === 'search_made' ){
_e( 'Search Details', 'inbound-pro' );
}else{
_e( 'Comment Details', 'inbound-pro' );
}
?>
</th>
<th>
<?php _e( 'URL', 'inbound-pro' ); ?>
</th>
<th class="sort-lead-report-by" sort-by="report-date-header" sort-order="1">
<?php _e( 'Date', 'inbound-pro' ); ?>
<i class="fa fa-caret-down lead-report-sort-indicater" aria-hidden="true" style="padding-left:4px"></i>
</th>
</tr>
</thead>
<tbody id="the-list">
<?php
$lead = get_post($lead_id);
$lead_exists = ($lead) ? true : false;
$lead_meta = get_post_meta($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];
$gravatar = ($lead_exists) ? Leads_Post_Type::get_gravatar($lead_id) : $default_gravatar;
$action_number = 0;
foreach (self::$events as $key => $event) {
?>
<tr id="post-98600" class="hentry lead-table-data-report-row" data-date-number="<?php echo $action_number;?>" >
<td class="lead-picture">
<?php
echo '<img class="lead-grav-img " width="40" height="40" src="' . $gravatar . '" title="'. $lead_name .'">';
?>
</td>
<td class="" >
<label>
<?php echo $lead_name; ?>
</label>
</td>
<td class="" >
<div id="wrapper">
<div class="hoverme">
<a href="" target="_self" style="cursor:pointer">
<?php
if( $event['event_name'] === 'search_made' ){
$icon_type = 'fa-question';
}else{
$icon_type = 'fa-comments';
}
?>
<i class="fa <?php echo $icon_type; ?> inbound-tooltip detail-icon" aria-hidden="true"> </i>
</a>
<div class="pop">
<div id="lead-action-tracking" class="wpleads-lead-action-tracking-table">
<?php
self::print_action_popup( $event );
?>
</div>
</div>
</div>
</div>
</td>
<td class="" >
<?php
if ( !empty( $event['event_details'] ) && $event['page_id'] !== '0' ) {
$search_post = get_post( (int)$event['page_id'] );
if( !empty( $search_post ) ){
$end = ( strlen( $search_post->post_title ) > 35 ) ? '...' : '';
echo '<a target="_blank" href="' . get_the_permalink( $search_post->ID ) . '">' . substr( $search_post->post_title, 0 , 35 ) . $end . '</a>';
}else{
_e( 'On a deleted post', 'inbound-pro' );
}
} else {
_e( 'On The Search Page' , 'inbound-pro' );
}
?>
</td>
<td class="" >
<p class="mod-date"><em> <?php echo date_i18n("F j, Y, g:i a" , strtotime($event['datetime'])); ?>
</em>
</p>
</td>
</tr>
<?php
$action_number++;
}
?>
</tbody>
<tfoot>
<tr>
<th><?php _e( 'Avatar', 'inbound-pro' ); ?></th>
<th>
<?php _e( 'Lead Name', 'inbound-pro' ); ?>
</th>
<th>
<?php
if( $_REQUEST['event_name'] === 'search_made' ){
_e( 'Search Details', 'inbound-pro' );
}else{
_e( 'Comment Details', 'inbound-pro' );
}
?>
</th>
<th>
<?php _e( 'URL', 'inbound-pro' ); ?>
</th>
<th class="sort-lead-report-by" sort-by="report-date-header" sort-order="1">
<?php _e( 'Date', 'inbound-pro' ); ?>
<i class="fa fa-caret-down lead-report-sort-indicater" aria-hidden="true" style="padding-left:4px"></i>
</th>
</tr>
</tfoot>
</table>
<select id="limit-select">
<option value="50" <?php selected(self::$limit , '50'); ?>>50 <?php _e('per page' , 'inbound-pro'); ?></option>
<option value="100" <?php selected(self::$limit , '100'); ?>>100 <?php _e('per page' , 'inbound-pro'); ?></option>
<option value="300" <?php selected(self::$limit , '300'); ?>>300 <?php _e('per page' , 'inbound-pro'); ?></option>
<option value="500" <?php selected(self::$limit , '500'); ?>>500 <?php _e('per page' , 'inbound-pro'); ?></option>
</select>
<script type="text/javascript">
function reload_limit(name, value) {
var str = location.search;
if (new RegExp("[&?]"+name+"([=&].+)?$").test(str)) {
str = str.replace(new RegExp("(?:[&?])"+name+"[^&]*", "g"), "")
}
str += "&";
str += name + "=" + value;
str = "?" + str.slice(1);
location.assign(location.origin + location.pathname + str + location.hash)
};
(function() {
var limit_select = document.getElementById('limit-select');
limit_select.onchange = function() {
var elem = (typeof this.selectedIndex === "undefined" ? window.event.srcElement : this);
var value = elem.value || elem.options[elem.selectedIndex].value;
reload_limit('limit' , value);
}
})();
</script>
<div class="pagination">
<?php
$url = basename($_SERVER['REQUEST_URI']);
parse_str($url , $report_args);
$report_args = array('action' => $report_args['index_php?action']) + $report_args;
unset($report_args['index_php?action']);
unset($report_args['index_php?class']);
unset($report_args['tb_hide_nav']);
unset($report_args['TB_iframe']);
if( self::$page > 1 ){
$report_args['page_number'] = self::$page - 1;
$link = add_query_arg( $report_args , admin_url( 'index.php' ) );
echo '<a href="' . $link . '" >«</a>';
}
for ($i=0;$i<self::$total_pages;$i++) {
$page_num = $i +1;
$report_args['page_number'] = $page_num;
$link = add_query_arg( $report_args , admin_url('index.php') );
echo '<a href="' . $link . '" ' . (self::$page == $page_num ? 'class="active"' : '' ) . '>' . $page_num . '</a>';
}
if( self::$offset < self::$total_events ){
$report_args['page_number'] = self::$page + 1;
$link = add_query_arg( $report_args , admin_url( 'index.php' ) );
echo '<a href="' . $link . '">»</a>';
}
?>
</div>
</div>
<?php
}
public static function print_action_popup( $event ) {
$event['event_details'] = json_decode( $event['event_details'], true );
$event['event_details'] = (is_array( $event['event_details'] )) ? $event['event_details'] : array();
?>
<div class="session-item-holder">
<div class="popup-header">
<strong>
<?php
if( $event['event_name'] === 'search_made' ){
_e( 'Search Details' , 'inbound-pro' );
}else{
_e( 'Comment Details' , 'inbound-pro' );
} ?>
</strong>
</div>
<?php
?>
<div class="lp-page-view-item ">
<div class="path-left">
<span class="marker">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</span>
<?php
if ( !empty( $event['event_details'] ) && $event['page_id'] !== '0' ) {
$search_post = get_post( (int)$event['page_id'] );
if( !empty( $search_post ) ){
$end = ( strlen( $search_post->post_title ) > 35 ) ? '...' : '';
echo '<a target="_blank" href="' . get_the_permalink( $search_post->ID ) . '">' . substr( $search_post->post_title, 0 , 35 ) . $end . '</a>';
}else{
_e( 'On a deleted post', 'inbound-pro' );
}
} else {
_e( 'On The Search Page' , 'inbound-pro' );
}
?>
</div>
<div class="path-right">
</div>
</div>
<?php
$event['event_details'] = ($event['event_details']) ? $event['event_details'] : array();
if (!$event['event_details']) {
?>
<div class="lp-page-view-item inbetween ">
<div class="path-left">
<?php _e( 'no data' , 'inbound-pro' ); ?>
</div>
<div class="path-right">
<span class="time-on-page">
</span>
</div>
</div>
<?php
}else{
?>
<div class="lp-page-view-item inbetween ">
<div class="path-left details-content">
<?php
if( $event['event_name'] === 'search_made' ){
$search_details = explode( '|field|', $event['event_details']['search_data'] );
foreach($search_details as $field_details){
$field_details = explode( '|value|', $field_details );
if(!empty($field_details[1])){
if($field_details[0] === 'search_text'){
echo '<p class="search-query-details">' . sprintf( __('Search Query: %s', 'inbound-pro' ), $field_details[1] ) . '</p>';
}else{
echo '<p class="search-query-details">' . __('No search saved. The search was made, but it wasn\'t logged for some reason.', 'inbound-pro' ) . '</p>';
}
}else{
echo '<p class="search-query-details">' . __('No search saved. The search was made, but it wasn\'t logged for some reason.', 'inbound-pro' ) . '</p>';
}
}
}elseif( $event['event_name'] === 'comment_made' ){
echo apply_filters( 'the_content', $event['event_details']['comment_content'] );
}
?>
</div>
</div>
<?php
}
?>
</div>
<?php
}
public static function print_css() {
?>
<style type="text/css">
body {
font-family: sans-serif;
color:
}
table {
border-spacing: 0;
margin-bottom: 1rem;
border-radius: 0;
font-size: 9px;
width:100%;
}
th {
background-color:
color:
-webkit-user-select: none;
-moz-user-select: none;
-user-select: none;
}
th,
td {
min-width: 70px;
padding: 10px 5px;
text-align:center;
}
margin-bottom: 10px;
}
display: flex;
margin-top: 5px;
}
margin-left: 5px;
margin-right: 5px;
}
background-color:
border-color:
color: rgba(255, 255, 255, 0.66);
}
.lead-grav-img {
background:
border: 1px solid
-moz-border-radius: 0px;
border-radius: 0px;
}
a {
color:
text-decoration:none;
}
.fa-sort-desc {
position:relative;
top:-2px;
left:2px;
}
@import url(http:
@-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:
color:
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;
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, transparent));
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 );
}
.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:
border-width: 10px;
margin-left: -10px;
}
.report-filters{
margin-bottom: 14px;
}
.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: 100%;
padding: 10px;
}
hr {
margin-top:10px;
margin-left:10px;
margin-right:10px;
pacity:.2;
}
.no-content-message{
height: 100%;
width: 100%;
background: url(<?php echo INBOUND_PRO_URLPATH; ?>assets/images/empty-report-background.png) center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.no-content-text{
padding-top: 100px;
text-align: center;
}
.visitors-stream-view {
margin-left:10px;
margin-right:10px;
margin-bottom:44px;
}
text-align: center;
}
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.top-ten-viewers td, .top-ten-sources td {
height:40px;
}
.hoverme{
margin: auto;
outline: 0;
cursor: pointer;
}
.hoverme:hover > .pop{
opacity: 1;
z-index: 99999;
}
.pop {
opacity: 0;
width: 315px;
z-index: -1;
margin: auto;
transition: all .3s ease;
text-align:left;
position:absolute;
padding:20px 0px 20px 20px;
margin-left: 62px;
margin-top: -33px;
cursor:default;
overflow: auto;
max-height: 100%;
}
.visitors-stream-view .detail-icon {
font-size: 12px;
}
.lp-page-view-item {
display: inline-block;
width: 260px;
padding: 12px 20px;
position: relative;
font-size: 13px;
margin: 0;
}
.lp-page-view-item:not(:last-child) {
border-bottom: 1px solid
}
background-color:
font-size: 12px;
margin-bottom: 10px;
text-align: left;
border: 1px solid
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
z-index: 200;
}
font-size: 14px;
font-weight: normal;
color:
padding: 10px 8px;
border-bottom: 2px solid
}
color:
padding: 9px 8px 0px 8px;
}
color:
}
.session-item-holder {
background-color:
cursor:default;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
overflow: hidden;
}
.pop .marker {
margin-right:5px;
}
.fa-map-marker {
padding-left:3px;
color:aquamarine;
}
.fa-crosshairs {
color:mediumpurple;
}
.pop .header, .pop .footer {
height:10px;
background-color:white;
}
.inbetween {
font-size:11px;
}
.popup-header {
padding-top:10px;
width:100%;
text-align:center;
}
tr:nth-child(even) {
background-color:
}
.details-content {
background:
padding:8px;
border-radius: 5px;
}
.pagination {
display: inline-block;
padding: 0;
margin: 8px 0;
}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
}
.pagination a.active {
background-color:
color: white;
}
.pagination a:hover:not(.active) {background-color:
height:30px;
text-align:right;
width:100%;
}
</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
}
public static function load_data() {
$event_name = (isset( $_REQUEST['event_name'] )) ? sanitize_text_field( $_REQUEST['event_name'] ) : '';
if( empty( $event_name ) ){
return;
}
self::$range = (!isset($_REQUEST['range'])) ? intval($_REQUEST['range']) : 10000;
self::$page = (isset($_GET['page_number'])) ? (int) $_GET['page_number'] : 1;
self::$limit = (isset($_GET['limit'])) ? (int) $_GET['limit'] : 50;
self::$offset = (self::$page>1) ? (int) self::$page * self::$limit : 0;
$dates = Inbound_Reporting_Templates::prepare_range( self::$range );
self::$start_date = $dates['start_date'];
self::$end_date = $dates['end_date'];
self::$show_graph = (isset( $_REQUEST['show_graph'] )) ? $_REQUEST['show_graph'] : false;
$params = array(
'event_name' => $event_name,
'page_id' => (isset($_REQUEST['page_id'])) ? intval( $_REQUEST['page_id'] ) : '',
'lead_id' => (isset($_REQUEST['lead_id'])) ? intval( $_REQUEST['lead_id'] ) : '',
'list_id' => (isset($_REQUEST['list_id'])) ? intval( $_REQUEST['list_id'] ) : '',
'source' => (isset($_REQUEST['source']) ) ? sanitize_text_field( urldecode( $_REQUEST['source'] ) ) : '' ,
'start_date' => self::$start_date,
'end_date' => self::$end_date,
'group_by' => (isset( $_REQUEST['group_by'] )) ? intval( $_REQUEST['group_by'] ) : '',
'limit' => self::$limit,
'offset' => self::$offset,
);
self::$events = Inbound_Events::get_events( $params );
self::$total_events = Inbound_Events::get_total_activity( $params['lead_id'], $params['event_name'] );
self::$total_pages = self::$total_events / self::$limit;
self::$total_pages = (self::$total_pages > 1) ? ceil( self::$total_pages ) : 1;
if ( self::$show_graph === 'false' ) {
return;
}
self::$chart_date_range = (isset( $_REQUEST['chart_date_range'] )) ? intval( $_REQUEST['chart_date_range'] ) : 90 ;
$dates = Inbound_Reporting_Templates::prepare_range( self::$chart_date_range );
$chart_start_date = $dates['start_date'];
$chart_end_date = $dates['end_date'];
$params = array(
'lead_id' => (isset( $_REQUEST['lead_id'] )) ? intval( $_REQUEST['lead_id'] ) : '',
'start_date' => self::$start_date,
'end_date' => self::$end_date,
'event_name' => $event_name,
);
self::$graph_data[$event_name] = self::get_comment_or_search_count( $params );
self::$graph_data[$event_name] = self::prepare_chart_data( $chart_start_date, $chart_end_date, $event_name );
self::$graph_data['dates'] = self::$graph_data[$event_name]['dates'];
}
public static function get_comment_or_search_count( $params ){
global $wpdb;
if( empty( $params['lead_id'] ) ){
return '';
}
$table_name = $wpdb->prefix . 'inbound_events';
$results = $wpdb->get_results(
$wpdb->prepare(
'SELECT %s as event_name, datetime as date ' .
'FROM ' . $table_name . ' WHERE `lead_id` = %d ' .
'AND `event_name` = %s ' .
'AND datetime >= %s AND datetime <= %s',
$params['event_name'], $params['lead_id'], $params['event_name'], $params['start_date'], $params['end_date']
), 'ARRAY_A'
);
return $results;
}
public static function prepare_chart_data( $start_date, $end_date , $event_name ) {
$dates = Inbound_Reporting_Templates::get_days_from_range( $start_date, $end_date );
$temp = array();
foreach ( self::$graph_data[$event_name] as $key=> $data ) {
$short_date = substr( $data['date'], 0, 10 );
$temp[$short_date][] = $data['event_name'];
}
$events_array = array();
$formatted = array();
foreach ( $dates as $index => $date ) {
if (isset($temp[$date])) {
$formatted[$date]['date'] = $date;
$events_array[] = count( $temp[$date] );
} else {
$formatted[$date]['date'] = $date;
$events_array[] = 0;
}
}
return array( 'dates' => array_keys( $formatted ), 'actions' => array_values( $events_array ) );
}
}
new Inbound_Search_And_Comment_Report;
}