Skip to content

H
hosting_reviews
Commit 7198f028 by Muhammad Usman
Options

dynamic web 80%

parent 10b71909
Showing with 435 additions and 547 deletions
WWW_DATA/wp-content/themes/hostingreviews/admin/default-pages.php
...@@ -9,10 +9,11 @@ define('RECENT_REVIEWS_PAGE', 'Recent Reviews'); ...@@ -9,10 +9,11 @@ define('RECENT_REVIEWS_PAGE', 'Recent Reviews');
define('REVIEWS_PAGE', 'Reviews'); define('REVIEWS_PAGE', 'Reviews');
define('TOP_BLOG_PAGE', 'Top Blog Posts'); define('TOP_BLOG_PAGE', 'Top Blog Posts');
define('NEWSLETTER_PAGE', 'Newsletter Page'); define('NEWSLETTER_PAGE', 'Newsletter Page');
define('TOP_HOSTING', 'Top Hosting Lists');
define('TOP_CACHE_PLUGINS', 'Recommended Cache Plugins');
define('BLOG_PAGE', 'Blog'); define('BLOG_PAGE', 'Blog');
$defaultPagesBanner = [BANNER_PAGE, HOSTING_REVIEW_PAGE, ABOUT_US_PAGE, RECENT_REVIEWS_PAGE, TOP_BLOG_PAGE, NEWSLETTER_PAGE, BLOG_PAGE]; $defaultPagesBanner = [BANNER_PAGE, HOSTING_REVIEW_PAGE, ABOUT_US_PAGE, RECENT_REVIEWS_PAGE, TOP_BLOG_PAGE, NEWSLETTER_PAGE, BLOG_PAGE, TOP_HOSTING, TOP_CACHE_PLUGINS];
for ($i = 0; $i < count($defaultPagesBanner); $i++) { for ($i = 0; $i < count($defaultPagesBanner); $i++) {
$new_page_title = $defaultPagesBanner[$i]; $new_page_title = $defaultPagesBanner[$i];
$page_check = get_page_by_title($new_page_title); $page_check = get_page_by_title($new_page_title);
...@@ -35,9 +36,14 @@ function vq_set_default_data() ...@@ -35,9 +36,14 @@ function vq_set_default_data()
$sql = "CREATE TABLE $table_name ("; $sql = "CREATE TABLE $table_name (";
$sql .= "id int(10) unsigned NOT NULL AUTO_INCREMENT,"; $sql .= "id int(10) unsigned NOT NULL AUTO_INCREMENT,";
$sql .= "domain_addr varchar(255) NOT NULL,"; $sql .= "server_location varchar(255) DEFAULT NULL,";
$sql .= "timestamp varchar(255) NOT NULL,"; $sql .= "batch_id varchar(255) DEFAULT NULL,";
$sql .= "video varchar(255) NOT NULL,"; $sql .= "server_name varchar(255) DEFAULT NULL,";
$sql .= "hosting_name varchar(255) DEFAULT NULL,";
$sql .= "domain_addr varchar(255) DEFAULT NULL,";
$sql .= "domain_ip varchar(255) DEFAULT NULL,";
$sql .= "timestamp varchar(255) DEFAULT NULL,";
$sql .= "video varchar(255) DEFAULT NULL,";
$sql .= "screen_shot varchar(255) DEFAULT NULL,"; $sql .= "screen_shot varchar(255) DEFAULT NULL,";
$sql .= "server_response_time varchar(255) DEFAULT NULL,"; $sql .= "server_response_time varchar(255) DEFAULT NULL,";
$sql .= "page_load_time varchar(255) DEFAULT NULL,"; $sql .= "page_load_time varchar(255) DEFAULT NULL,";
......
WWW_DATA/wp-content/themes/hostingreviews/assets/css/custom.css
...@@ -1519,7 +1519,7 @@ h5 ...@@ -1519,7 +1519,7 @@ h5
} }
.cacheHeading .cacheHeading
p .cache-para
{ {
font-size: 15px !important; font-size: 15px !important;
color: #6a6a6a !important; color: #6a6a6a !important;
...@@ -2953,3 +2953,28 @@ h2 span ...@@ -2953,3 +2953,28 @@ h2 span
.loader {
border: 8px solid #f3f3f3;
border-radius: 50%;
border-top: 8px solid #f06e58;
width: 120px;
height: 120px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
display: none;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
WWW_DATA/wp-content/themes/hostingreviews/assets/js/admin.js
...@@ -192,7 +192,7 @@ $(document).ready(function () { ...@@ -192,7 +192,7 @@ $(document).ready(function () {
serverLocationsBody.innerHTML += row; serverLocationsBody.innerHTML += row;
}); });
serverLocationsDataHidden.value = JSON.stringify(serverLocationsDetails); serverLocationsDataHidden.value = JSON.stringify(serverLocationsDetails);
resetChanges(); resetServerLocationsChanges();
}; };
editServerLocation = function(index) { editServerLocation = function(index) {
......
WWW_DATA/wp-content/themes/hostingreviews/assets/js/index.js
// document.addEventListener("DOMContentLoaded", function() {
// });
jQuery(document).ready(function($) {
var speedBtn = document.getElementById('homeSpeedButton');
if (speedBtn) {
speedBtn.addEventListener('click', getSpeed);
}
function getSpeed() {
const domainNameEl = document.getElementById('domainNameField');
if (!domainNameEl.value) {
return alert('Please enter a domain');
}
var data = {
'action': 'get_speed_results',
'domain': domainNameEl.value
};
$.post(ajax_url, data, function(response) {
console.log( response );
}, 'json');
}
});
// $(document).ready(function () {
//
// (function ($) {
//
//
// {
// var data = {
// 'action': 'get_speed_results',
// 'post_type': 'POST',
// 'name': 'My First AJAX Request'
// };
//
// jQuery.post("", data, function(response) {
// console.log( response );
// }, 'json');
//
// //
// var xhttp = new XMLHttpRequest();
// xhttp.open("POST", ``, true);
// xhttp.send(JSON.stringify(data));
// // xhttp.onreadystatechange = function() {
// // console.log(this.responseText);
// // // if (this.readyState === 4 && this.status === 200) {
// // // document.getElementById("demo").innerHTML =
// // // this.responseText;
// // // }
// // };
// // // http://176.31.196.92:30001/google.com/2019-12-18T142721+0000/pages/google.com/data/screenshots/1.jpg
//
// // xhttp.setRequestHeader('Content-type', 'application/json');
//
// }
// })(jQuery);
WWW_DATA/wp-content/themes/hostingreviews/functions.php
...@@ -6,7 +6,7 @@ function vq_enqueue_theme_resources() { ...@@ -6,7 +6,7 @@ function vq_enqueue_theme_resources() {
$assetsFolder = "$templateUri/assets"; $assetsFolder = "$templateUri/assets";
wp_enqueue_style( 'vq_customStyle', "$assetsFolder/css/custom.css", array(), '1.0.0', 'all' ); wp_enqueue_style( 'vq_customStyle', "$assetsFolder/css/custom.css", array(), '1.0.0', 'all' );
wp_enqueue_script( 'vq_jquery', "https://code.jquery.com/jquery-3.3.1.min.js", array(), '1.0.0' ); wp_enqueue_script( 'vq_jquery', "https://code.jquery.com/jquery-3.3.1.min.js", array(), '1.0.0' );
wp_enqueue_script( 'vq_indexJs', "$assetsFolder/js/index.js", array( 'vq_jquery' ), '1.0.0' ); wp_enqueue_script( 'vq_indexJs', "$assetsFolder/js/index.js", array( 'vq_jquery' ), '1.0.0');
} }
function vq_enqueue_custom_admin_style() { function vq_enqueue_custom_admin_style() {
...@@ -152,106 +152,107 @@ function vq_theme_customize_register( $wp_customize ) { ...@@ -152,106 +152,107 @@ function vq_theme_customize_register( $wp_customize ) {
} }
add_action( 'customize_register', 'vq_theme_customize_register' ); // Include Admin
$templateDirectory = get_template_directory();
require_once( "$templateDirectory/admin/functions.php" );
//
//function subscribe_hosting_shortcode() {
// ob_start();
// get_template_part('hosting');
// return ob_get_clean();
//}
//add_shortcode('subscribe-to-hosting', 'subscribe_hosting_shortcode');
//
//add_action('init', 'do_output_buffer');
//function do_output_buffer() {
// ob_start();
//}
//
//
//
//
//$paged = ($_GET['paged'])? $_GET['paged'] : 1;
//$args = array('post_type' => 'post', 'post_status' => 'publish', 'posts_per_page' => 14, 'paged' => $paged);
//query_posts($args);
//
//function my_post_queries( $query ) {
// // do not alter the query on wp-admin pages and only alter it if it's the main query
// if (!is_admin() && $query->is_main_query()){
//
// // alter the query for the home and category pages
//
// if(is_home()){
// $query->set('posts_per_page', 14);
// }
//
// if(is_category()){
// $query->set('posts_per_page', 3);
// }
//
// }
//}
//add_action( 'pre_get_posts', 'my_post_queries' );
function generateRandomString($length = 10) {
$characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
$charactersLength = strlen($characters);
$randomString = '';
for ($i = 0; $i < $length; $i++) {
$randomString .= $characters[rand(0, $charactersLength - 1)];
}
return $randomString;
}
function vq_get_hosting_speed() {
try {
$servers = json_decode(get_option('vq_hosting_server_locations'));
if (!isset($servers) || count($servers) === 0) {
print_r(['error' => 'No servers found.']);
}
$requestBatch = generateRandomString(10);
$allResults = [];
for($i = 0; $i < count($servers); $i++) {
$domain = $_POST['domain'];
$curl = curl_init();
curl_setopt( $curl, CURLOPT_URL, $servers[$i]->domain );
curl_setopt( $curl, CURLOPT_POST, 1 );
curl_setopt( $curl, CURLOPT_POSTFIELDS, json_encode( [ 'url' => $domain ] ) );
curl_setopt( $curl, CURLOPT_RETURNTRANSFER, true );
curl_setopt( $curl, CURLINFO_HEADER_OUT, true );
curl_setopt( $curl, CURLOPT_HTTPHEADER, [ 'Content-Type: application/json' ] );
$server_output = curl_exec( $curl );
curl_close ($curl);
$result = json_decode($server_output, true);
if ($result['status'] === 'success') {
// Save id DB HERE.
$data = $result['data']['data'];
$pageTimings = $data['browserScripts'][0]['timings']['pageTimings'];
$timestamp = $result['data']['dir'];
$videoPath = $data['files']['video'][0];
$screenshotPath = $data['files']['screenshot'][0];
$serverResponseTime = $pageTimings['serverResponseTime'];
$pageLoadTime = $pageTimings['pageLoadTime'];
$newData = [
"server_location" => $servers[$i]->location,
"server_name" => $servers[$i]->domain,
"hosting_name" => '-',
"domain_addr" => $domain,
"timestamp" => $timestamp,
"video" => $videoPath,
"screen_shot" => $screenshotPath,
"server_response_time" => $serverResponseTime,
"page_load_time" => $pageLoadTime,
"batch_id" => $requestBatch
];
$newData['domain_ip'] = gethostbyname($domain);
global $wpdb;
$speed_table_name = $wpdb->prefix . "speed_results";
$wpdb->insert($speed_table_name, $newData);
// $cmd = "whois {$newData['ip']}";
// echo shell_exec('whois 64.233.160.0');
$newData['id'] = $wpdb->insert_id;
$newData['imgPath'] = "{$servers[$i]->domain}/{$domain}/$timestamp/$screenshotPath";
$newData['videoPath'] = "{$servers[$i]->domain}/{$domain}/$timestamp/$videoPath";
array_push($allResults, $newData);
} else {
print_r(['error' => 'Could not retrieve data from all servers.']);
}
}
echo json_encode($allResults);
exit;
} catch(Exception $exception) {
print_r(['error' => 'Something went wrong in the server']);
}
}
// Include Admin
$templateDirectory = get_template_directory();
require_once( "$templateDirectory/admin/functions.php" );
// Actions // Actions
add_action( 'customize_register', 'vq_theme_customize_register' );
add_action( 'wp_enqueue_scripts', 'vq_enqueue_theme_resources' ); add_action( 'wp_enqueue_scripts', 'vq_enqueue_theme_resources' );
add_action( 'init', 'vq_register_theme_supports' ); add_action( 'init', 'vq_register_theme_supports' );
add_action( 'init', 'vq_add_theme_default_pages' ); add_action( 'init', 'vq_add_theme_default_pages' );
add_action( 'wp_ajax_nopriv_get_speed_results', 'vq_get_hosting_speed' ); add_action( 'wp_ajax_nopriv_get_speed_results', 'vq_get_hosting_speed' );
add_action( 'wp_ajax_get_speed_results', 'vq_get_hosting_speed' ); add_action( 'wp_ajax_get_speed_results', 'vq_get_hosting_speed' );
add_action( 'admin_enqueue_scripts', 'vq_enqueue_custom_admin_style' ); add_action( 'admin_enqueue_scripts', 'vq_enqueue_custom_admin_style' );
function vq_get_hosting_speed() {
$url = "http://176.31.196.92:30001";
$domain = $_POST['domain'];
$curl = curl_init();
curl_setopt( $curl, CURLOPT_URL, $url );
curl_setopt( $curl, CURLOPT_POST, 1 );
curl_setopt( $curl, CURLOPT_POSTFIELDS, json_encode( [ 'url' => $domain ] ) );
curl_setopt( $curl, CURLOPT_RETURNTRANSFER, true );
curl_setopt( $curl, CURLINFO_HEADER_OUT, true );
curl_setopt( $curl, CURLOPT_HTTPHEADER, [ 'Content-Type: application/json' ] );
$server_output = curl_exec( $curl );
curl_close ($curl);
$result = json_decode($server_output, true);
if ($result['status'] === 'success') {
// Save id DB HERE.
$data = $result['data']['data'];
$pageTimings = $data['browserScripts'][0]['timings']['pageTimings'];
$timestamp = $data['info']['timestamp'];
$videoPath = $data['files']['video'][0];
$screenshotPath = $data['files']['screenshot'][0];
$serverResponseTime = $pageTimings['serverResponseTime'];
$pageLoadTime = $pageTimings['pageLoadTime'];
$newData = [
"domain_addr" => $domain,
"timestamp" => $timestamp,
"video" => $videoPath,
"screen_shot" => $screenshotPath,
"server_response_time" => $serverResponseTime,
"page_load_time" => $pageLoadTime
];
global $wpdb;
$speed_table_name = $wpdb->prefix . "speed_results";
$wpdb->insert($speed_table_name, $newData);
print_r($wpdb->insert_id);
exit;
}
echo json_encode($result);
exit;
}
WWW_DATA/wp-content/themes/hostingreviews/summary.php
...@@ -2,181 +2,210 @@ ...@@ -2,181 +2,210 @@
/* /*
Template Name: Summary Page Template Name: Summary Page
*/ */
?>
<?php get_header();?> get_header();
$domain = '';
if ( isset( $_GET['domain'] ) ) {
$domain = $_GET['domain'];
}
?>
<!-- Summary Section Code Start--> <!-- Summary Section Code Start-->
<!--------------------> <!-------------------->
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="summaryHeading"> <div class="summaryHeading">
<h3 class="orangeColor">Summary</h3> <h3 class="orangeColor">Summary</h3>
</div> </div>
</div> </div>
<div class="row m-0"> <div class="col-md-12 d-flex justify-content-center mt-5">
<div class="col-sm-4"> <div class="loader" id="result-loader"></div>
<img class="summaryHostImage" src="<?php echo get_template_directory_uri(); ?>/assets/images/host-image.jpg"> </div>
<div class="hostHeading"> <div class="row m-0" id="reviewData">
<h5>HostGator</h5> <div class="col-sm-4">
</div> <img class="summaryHostImage" id="screenshotImg" src="<?php echo get_template_directory_uri(); ?>/assets/images/host-image.jpg">
<img class="summaryHostImage" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-video.jpg"> <video controls class="summaryHostImage" src="" id="loadVideo"></video>
</div> </div>
<div class="col-md-8 mt17"> <div class="col-md-8 mt17">
<div class="row"> <div class="row">
<div class="col-sm-4 mb-2"> <div class="col-sm-4 mb-2">
<div class="summaryBox w-100"> <div class="summaryBox w-100">
<img class="boxTopLeftOther pTop-0 left-15" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> <img class="boxTopLeftOther pTop-0 left-15"
<div class="d-flex j-content-center"> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png"
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png"> alt="">
<div class="summaryHeading"> <div class="d-flex j-content-center">
<h5>Domain</h5> <img class="mr-2"
</div> src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png">
<img class="ml-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png"> <div class="summaryHeading">
</div> <h5>Domain</h5>
<div class="summaryHeading"> </div>
<h4 class="orangeColor">hostgator.com</h4> <img class="ml-2"
</div> src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png">
<img class="boxTopRight rightResponsive" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt=""> </div>
</div> <div class="summaryHeading">
</div> <h4 class="orangeColor" id="domainName"></h4>
<div class="col-sm-4 mb-2"> </div>
<div class="summaryBox w-100"> <img class="boxTopRight rightResponsive"
<img class="boxTopLeftOther pTop-0 left-15" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png"
<div class="d-flex j-content-center"> alt="">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png"> </div>
<div class="summaryHeading"> </div>
<h5>Hosting</h5> <div class="col-sm-4 mb-2">
</div> <div class="summaryBox w-100">
<img class="ml-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png"> <img class="boxTopLeftOther pTop-0 left-15"
</div> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png"
<div class="summaryHeading"> alt="">
<h4 class="orangeColor">Amazone Cloud</h4> <div class="d-flex j-content-center">
</div> <img class="mr-2"
<img class="boxTopRight rightResponsive" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt=""> src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png">
</div> <div class="summaryHeading">
</div> <h5>Hosting</h5>
<div class="col-sm-4 mb-2"> </div>
<div class="summaryBox w-100"> <img class="ml-2"
<img class="boxTopLeftOther pTop-0 left-15" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png">
<div class="d-flex j-content-center"> </div>
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png"> <div class="summaryHeading">
<div class="summaryHeading"> <h4 class="orangeColor" id="hostingName"></h4>
<h5>IP</h5> </div>
</div> <img class="boxTopRight rightResponsive"
<img class="ml-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png"> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png"
</div> alt="">
<div class="summaryHeading"> </div>
<h4 class="orangeColor">588.25.14.15</h4> </div>
</div> <div class="col-sm-4 mb-2">
<img class="boxTopRight rightResponsive" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt=""> <div class="summaryBox w-100">
</div> <img class="boxTopLeftOther pTop-0 left-15"
</div> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png"
</div> alt="">
<div class="d-none d-sm-block d-md-block"> <div class="d-flex j-content-center">
<img class="summarySocailIocn" src="<?php echo get_template_directory_uri(); ?>/assets/images/facebook-icon.jpg" alt=""> <img class="mr-2"
<img class="summarySocailIocn top-133" src="<?php echo get_template_directory_uri(); ?>/assets/images/twitter-icon.jpg" alt=""> src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png">
<img class="summarySocailIocn top-177" src="<?php echo get_template_directory_uri(); ?>/assets/images/linked-icon.jpg" alt=""> <div class="summaryHeading">
</div> <h5>IP</h5>
<table class="table table-striped radius"> </div>
<thead class="orange summaryTable"> <img class="ml-2"
<tr> src="<?php echo get_template_directory_uri(); ?>/assets/images/summary-star.png">
<th scope="col" class="tableBorder">Locations</th> </div>
<th scope="col" class="tableBorder">Server Response Time</th> <div class="summaryHeading">
<th scope="col" class="tableBorder">Page Load Time</th> <h4 class="orangeColor" id="domainIP"></h4>
</tr> </div>
</thead> <img class="boxTopRight rightResponsive"
<tbody class="tableBody"> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png"
<tr> alt="">
<td class="summaryTD">US (W)</td> </div>
<td class="summaryTD">2.009 ms</td> </div>
<td class="summaryTD">2.009 ms</td> </div>
</tr> <div class="d-none d-sm-block d-md-block">
<tr> <img class="summarySocailIocn"
<td class="summaryTD">USE</td> src="<?php echo get_template_directory_uri(); ?>/assets/images/facebook-icon.jpg" alt="">
<td class="summaryTD">2.009 ms</td> <img class="summarySocailIocn top-133"
<td class="summaryTD">2.009 ms</td> src="<?php echo get_template_directory_uri(); ?>/assets/images/twitter-icon.jpg" alt="">
</tr> <img class="summarySocailIocn top-177"
<tr> src="<?php echo get_template_directory_uri(); ?>/assets/images/linked-icon.jpg" alt="">
<td class="summaryTD">London</td> </div>
<td class="summaryTD">2.009 ms</td> <table class="table table-striped radius">
<td class="summaryTD">2.009 ms</td> <thead class="orange summaryTable">
</tr> <tr>
<tr> <th scope="col" class="tableBorder">Locations</th>
<td class="summaryTD">Singapore</td> <th scope="col" class="tableBorder">Server Response Time</th>
<td class="summaryTD">2.009 ms</td> <th scope="col" class="tableBorder">Page Load Time</th>
<td class="summaryTD">2.009 ms</td> </tr>
</tr> </thead>
</tbody> <tbody class="tableBody" id="reviewTableDetailsBody">
</table> <!-- -->
<div class="row m-0"> </tbody>
<div class="col-sm-3 pl-0 summaryPadding"> </table>
<img class="boxTopLeftOther top-20 top-7 left-0 " src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> <div class="row m-0">
<div class="summaryAfterBox"> <div class="col-sm-3 pl-0 summaryPadding">
<div class="responseHeading"> <img class="boxTopLeftOther top-20 top-7 left-0 "
<h5>Average Response Time</h5> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt="">
<h4>2.009 <span>ms</span></h4> <div class="summaryAfterBox">
</div> <div class="responseHeading">
</div> <h5>Average Response Time</h5>
<img class="boxTopRight right-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt=""> <h4><strong id="avgResTime"></strong> <span>ms</span></h4>
</div> </div>
<div class="col-sm-3 summaryPadding"> </div>
<div class="summaryAfterBox"> <img class="boxTopRight right-5"
<img class="boxTopLeftOther top-20 top-7 left-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt="">
<div class="responseHeading"> </div>
<h5>Average Page Load Time</h5> <div class="col-sm-3 summaryPadding">
<h4>2.009 <span>ms</span></h4> <div class="summaryAfterBox">
</div> <img class="boxTopLeftOther top-20 top-7 left-5"
<img class="boxTopRight right-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt=""> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png"
</div> alt="">
</div> <div class="responseHeading">
<div class="col-sm-3 summaryPadding"> <h5>Average Page Load Time</h5>
<div class="summaryAfterBox"> <h4><strong id="avgPageLoadTime"></strong> <span>ms</span></h4>
<img class="boxTopLeftOther top-20 top-7 left-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> </div>
<div class="responseHeading"> <img class="boxTopRight right-5"
<h5>Grade</h5> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png"
<h4>A<br></h4> alt="">
</div> </div>
<img class="boxTopRight right-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt=""> </div>
</div> <div class="col-sm-3 summaryPadding">
</div> <div class="summaryAfterBox">
<div class="col-sm-3 pr-0 summaryPadding"> <img class="boxTopLeftOther top-20 top-7 left-5"
<div class="summaryAfterBox"> src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png"
<img class="boxTopLeftOther top-20 top-7 left-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png" alt=""> alt="">
<div class="responseHeading"> <div class="responseHeading">
<h5>Performance</h5> <h5>Grade</h5>
<h4>X <span>%</span></h4> <h4 id="reviewGrade"></h4>
</div>
<img class="boxTopRight right-5"
src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png"
alt="">
</div>
</div>
<div class="col-sm-3 pr-0 summaryPadding">
<div class="summaryAfterBox">
<img class="boxTopLeftOther top-20 top-7 left-5"
src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-left.png"
alt="">
<div class="responseHeading">
<h5>Performance</h5>
<h4><strong id="reviewPerformance"></strong> <span>%</span></h4>
</div>
<img class="boxTopRight right-0"
src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png"
alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12" id="hasProblems">
<div class="row">
<div class="col-sm-12">
<div class="summaryHeading">
<h3 class="orangeColor transform">Problems Detected with your website</h3>
</div>
</div>
<div class="col-sm-8">
<div class="detectedHeading">
<h4>Your server response time is very high. Consider changing your web host.</h4>
</div>
</div>
<div class="col-sm-4">
<button type="button" class="hostsButton dark btn btn-primary">Recommended Web Hosts</button>
</div>
<div class="col-sm-8">
<div class="detectedHeading">
<h4>You are not using any cache plugins. Cache plugins are a must to speed up your website load
time.</h4>
</div>
</div>
<div class="col-sm-4">
<button type="button" class="hostsButton dark btn btn-primary">Recommended Cache Plugins</button>
</div>
</div>
</div>
</div> </div>
<img class="boxTopRight right-0" src="<?php echo get_template_directory_uri(); ?>/assets/images/box-top-right.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="summaryHeading">
<h3 class="orangeColor transform">Problems Detected with your website</h3>
</div>
</div>
<div class="col-sm-8">
<div class="detectedHeading">
<h4>Your server response time is very high. Consider changing your web host.</h4>
</div>
</div>
<div class="col-sm-4">
<button type="button" class="hostsButton dark btn btn-primary">Recommended Web Hosts</button>
</div>
<div class="col-sm-8">
<div class="detectedHeading">
<h4>You are not using any cache plugins. Cache plugins are a must to speed up your website load time.</h4>
</div>
</div>
<div class="col-sm-4">
<button type="button" class="hostsButton dark btn btn-primary">Recommended Cache Plugins</button>
</div>
</div>
</div> </div>
<!--------------------> <!-------------------->
<!-- Summary Section Code End--> <!-- Summary Section Code End-->
...@@ -185,228 +214,128 @@ Template Name: Summary Page ...@@ -185,228 +214,128 @@ Template Name: Summary Page
<!--------------------> <!-------------------->
<img class="mt-5 optimizeWidth" src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-top.png" alt=""> <img class="mt-5 optimizeWidth" src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-top.png" alt="">
<div class="optimizeBackground dark w-100"> <div class="optimizeBackground dark w-100">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-5"> <div class="col-sm-5">
<img class="w-100 d-none d-sm-block d-md-block" src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-ipad.png" alt=""> <img class="w-100 d-none d-sm-block d-md-block"
</div> src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-ipad.png" alt="">
<div class="col-sm-7"> </div>
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-star.png" alt=""> <div class="col-sm-7">
<div class="optimizeHeading"> <img src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-star.png" alt="">
<h2>Want your website optimize</h2> <div class="optimizeHeading">
</div> <h2>Want your website optimize</h2>
<button type="button" class="btn btn-primary optimizeHireButton">Hire us now</button> </div>
</div> <button type="button" class="btn btn-primary optimizeHireButton">Hire us now</button>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="d-flex f-end"> <div class="d-flex f-end">
<img class="optimizeWidth" src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-bottom.png" alt=""> <img class="optimizeWidth" src="<?php echo get_template_directory_uri(); ?>/assets/images/optimize-bottom.png"
alt="">
</div> </div>
<!-- Website Optimize Section Code End--> <!-- Website Optimize Section Code End-->
<!--------------------> <!-------------------->
<!-- Server Response Section Code Start--> <!-- Server Response Section Code Start-->
<!--------------------> <!-------------------->
<div class="container"> <div class="container" id="top-hostings">
<div class="row"> <?php
<div class="col-sm-12"> $page = get_page_by_title( TOP_HOSTING );
<div class="d-flex j-content-center"> echo $page->post_content;
<img class="mt-3" src="<?php echo get_template_directory_uri(); ?>/assets/images/server-star.png" alt=""> ?>
</div>
<div class="serverTime">
<h2>Your server response time is slow</h2>
<h4>Please consider one of the following hostings</h4>
</div>
</div>
<div class="col-sm-12">
<div class="table-responsive mt-4 tableShadow">
<table class="table table-striped">
<thead>
<tr>
<th class="borderTop0 textAlignCenter" scope="col">#</th>
<th class="borderTop0" scope="col">Hosting Provider</th>
<th class="borderTop0" scope="col">Top Features</th>
<th class="borderTop0" scope="col">Live Uptime</th>
<th class="borderTop0" scope="col">Average Ping</th>
<th class="borderTop0" scope="col">Overall Rating</th>
<th class="borderTop0 borderRight0" scope="col">Link</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="textAlignCenter">1</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">2</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">3</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">4</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">5</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">6</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">7</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
<tr>
<th scope="row" class="textAlignCenter">8</th>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/hosting-logo.jpg"></td>
<td><i class="fa fa-check greenColor mr-1"></i> Best of Wordpress</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/uptime-icon.png"> 100.00%</td>
<td><img class="upTimeIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/average-icon.png"> 92ms</td>
<td><img src="<?php echo get_template_directory_uri(); ?>/assets/images/table-star.png" alt=""></td>
<td><button class="btn btn-outline-success reviewButton pt-0" type="submit"><i class="fa fa-eye mr-1"></i> Review</button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div> </div>
<!-- Server Response Section Code End--> <!-- Server Response Section Code End-->
<!--------------------> <!-------------------->
<!-- Cache Section Code Start--> <!-- Cache Section Code Start-->
<!--------------------> <!-------------------->
<div class="container"> <div class="container" id="top-cache-plugins">
<div class="row"> <?php
<div class="col-sm-12"> $page = get_page_by_title( TOP_CACHE_PLUGINS );
<div class="d-flex j-content-center"> echo $page->post_content;
<img class="mt-5" src="<?php echo get_template_directory_uri(); ?>/assets/images/server-star.png" alt=""> ?>
</div>
<div class="serverTime">
<h2>Your website is not using any cache</h2>
<h4>Please consider one of the following plugins</h4>
</div>
</div>
<div class="col-sm-4">
<div class="cacheBox white">
<img class="w-100" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-image.jpg" alt="">
<div class="d-flex mt-3">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-singal-star.png" alt="">
<div class="cacheHeading">
<h4>Layer Slider</h4>
</div>
<img class="ml-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-singal-star.png" alt="">
</div>
<div class="cacheHeading">
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
</div>
</div>
<div class="d-flex spaceBetween">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-left.png" alt="">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-right.png" alt="">
</div>
<div class="cacheInfo dark">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-review.png">
<div class="cacheHeading d-inline-block">
<h5>More Info</h5>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="cacheBox white">
<img class="w-100" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-image.jpg" alt="">
<div class="d-flex mt-3">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-singal-star.png" alt="">
<div class="cacheHeading">
<h4>Layer Slider</h4>
</div>
<img class="ml-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-singal-star.png" alt="">
</div>
<div class="cacheHeading">
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
</div>
</div>
<div class="d-flex spaceBetween">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-left.png" alt="">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-right.png" alt="">
</div>
<div class="cacheInfo dark">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-review.png">
<div class="cacheHeading d-inline-block">
<h5>More Info</h5>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="cacheBox white">
<img class="w-100" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-image.jpg" alt="">
<div class="d-flex mt-3">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-singal-star.png" alt="">
<div class="cacheHeading">
<h4>Layer Slider</h4>
</div>
<img class="ml-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-singal-star.png" alt="">
</div>
<div class="cacheHeading">
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
</div>
</div>
<div class="d-flex spaceBetween">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-left.png" alt="">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-right.png" alt="">
</div>
<div class="cacheInfo dark">
<img class="mr-2" src="<?php echo get_template_directory_uri(); ?>/assets/images/cache-review.png">
<div class="cacheHeading d-inline-block">
<h5>More Info</h5>
</div>
</div>
</div>
</div>
</div> </div>
<!-- Cache Section Code End--> <!-- Cache Section Code End-->
<!--------------------> <!-------------------->
<?php get_footer();?> <script>
var domain_addr = '<?php echo $domain ?>';
jQuery(document).ready(function ($) {
var reviewData = document.getElementById('reviewData');
var resultLoader = document.getElementById('result-loader');
var topHostings = document.getElementById('top-hostings');
var topCachePlugins = document.getElementById('top-cache-plugins');
var hasProblems = document.getElementById('hasProblems');
var reviewTableDetailsBody = document.getElementById('reviewTableDetailsBody');
var avgResTimeEl = document.getElementById('avgResTime');
var avgPageLoadTimeEl = document.getElementById('avgPageLoadTime');
var reviewGradeEl = document.getElementById('reviewGrade');
var reviewPerformanceEl = document.getElementById('reviewPerformance');
var domainNameEl = document.getElementById('domainName');
var hostingNameEl = document.getElementById('hostingName');
var domainIPEl = document.getElementById('domainIP');
var screenshotImgEl = document.getElementById('screenshotImg');
var loadVideoEl = document.getElementById('loadVideo');
topHostings.style.display = 'none';
topCachePlugins.style.display = 'none';
hasProblems.style.display = 'none';
if (domain_addr) {
var actData = {
'action': 'get_speed_results',
'domain': domain_addr
};
resultLoader.style.display = 'block';
reviewData.style.display = 'none';
$.post(ajax_url, actData, function(response) {
if (response.error) {
return alert(response.error);
}
reviewTableDetailsBody.innerHTML = '';
reviewData.style.display = 'flex';
resultLoader.style.display = 'none';
const results = JSON.parse(response);
var respTime = 0;
var loadTime = 0;
results.forEach(res => {
var reviewRowTemplate = `<tr>
<td class="summaryTD">${res.server_location}</td>
<td class="summaryTD">${res.server_response_time} ms</td>
<td class="summaryTD">${res.page_load_time} ms</td>
</tr>`;
reviewTableDetailsBody.innerHTML += reviewRowTemplate;
respTime += +res.server_response_time;
loadTime += +res.page_load_time;
});
domainNameEl.innerText = results[0].domain_addr;
domainIPEl.innerText = results[0].domain_ip;
hostingNameEl.innerText = results[0].hosting_name;
hostingNameEl.innerText = '-';
reviewGradeEl.innerText = 'A';
reviewPerformanceEl.innerText = 'X';
avgResTimeEl.innerText = Math.floor(respTime / results.length).toString();
avgPageLoadTimeEl.innerText = Math.floor(loadTime / results.length).toString();
screenshotImgEl.src = results[0].imgPath;
loadVideoEl.src = results[0].videoPath;
});
}
});
</script>
<?php get_footer(); ?>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment