mainwp / modules / logs / widgets / widget-log-graph-status-widget.php

widget-log-graph-status-widget.php in MainWP Dashboard: Self-hosted WordPress Management for Agencies 6.2.2, at modules/logs/widgets/widget-log-graph-status-widget.php

181 lines 5.6 KB

Raw Download Zip

1	<?php
2	/**
3	* MainWP Logs Widget
4	*
5	* Displays the Logs Info.
6	*
7	* @package MainWP/Dashboard
8	* @version 4.6
9	*/
10
11	namespace MainWP\Dashboard\Module\Log;
12
13	use MainWP\Dashboard\MainWP_DB;
14	use MainWP\Dashboard\MainWP_Utility;
15	use MainWP\Dashboard\MainWP_UI;
16
17	// Exit if accessed directly.
18	if ( ! defined( 'ABSPATH' ) ) {
19	exit;
20	}
21
22	/**
23	* Class Log_Graph_Status_Widget
24	*
25	* Displays the Logs info.
26	*/
27	class Log_Graph_Status_Widget {
28
29	/**
30	* Protected static variable to hold the single instance of the class.
31	*
32	* @var mixed Default null
33	*/
34	protected static $instance = null;
35
36	/**
37	* Return the single instance of the class.
38	*
39	* @return mixed $instance The single instance of the class.
40	*/
41	public static function instance() {
42	if ( is_null( static::$instance ) ) {
43	static::$instance = new self();
44	}
45	return static::$instance;
46	}
47
48
49	/**
50	* Method get_class_name()
51	*
52	* @return string __CLASS__ Class name.
53	*/
54	public static function get_class_name() {
55	return __CLASS__;
56	}
57
58	/**
59	* Method render()
60	*/
61	public function render() {
62	$this->render_widget();
63	}
64
65
66	/**
67	* Render client overview Info.
68	*/
69	public function render_widget() {
70	$sites_count = MainWP_DB::instance()->get_websites_count();
71	?>
72	<div class="mainwp-widget-header">
73	<h2 class="ui header handle-drag">
74	<?php esc_html_e( 'Site Connectivity Status', 'mainwp' ); ?>
75	<div class="sub header">
76	<?php esc_html_e( 'Number of total, connected, disconnected, and suspended sites across the network for easy status monitoring.', 'mainwp' ); ?>
77	</div>
78	</h2>
79	</div>
80
81	<div class="mainwp-widget-insights-card mainwp-scrolly-overflow">
82	<?php
83	/**
84	* Action: mainwp_logs_widget_top
85	*
86	* Fires at the top of the widget.
87	*
88	* @since 4.6
89	*/
90	do_action( 'mainwp_logs_widget_top', 'status' );
91	?>
92	<div id="mainwp-message-zone" style="display:none;" class="ui message"></div>
93	<?php
94	MainWP_UI::generate_wp_nonce( 'mainwp-admin-nonce' );
95	if ( 0 < intval( $sites_count ) ) {
96	$this->render_widget_content();
97	} else {
98	MainWP_UI::render_empty_element_placeholder( __( 'No Connection Status Data', 'mainwp' ), '<a href="admin.php?page=managesites&do=new">' . __( 'Start connecting your sites now', 'mainwp' ) . '</a>', '<em data-emoji=":bar_chart:" class="medium"></em>' );
99	}
100	?>
101	<?php
102	/**
103	* Action: mainwp_logs_widget_bottom
104	*
105	* Fires at the bottom of the widget.
106	*
107	* @since 4.6
108	*/
109	do_action( 'mainwp_logs_widget_bottom', 'status' );
110	?>
111	</div>
112	<div class="mainwp-widget-footer ui four columns stackable grid">
113	<div class="column">
114	</div>
115	<div class="column">
116	</div>
117	</div>
118	<?php
119	}
120
121
122	/**
123	* Method render_widget_content()
124	*/
125	public function render_widget_content() {
126	$wp_stats = MainWP_DB::instance()->get_websites_stats_count(
127	array(
128	'count_disconnected' => true,
129	'count_suspended' => true,
130	)
131	);
132
133	if ( ! is_array( $wp_stats ) ) {
134	$wp_stats = array();
135	}
136
137	$total = ! empty( $wp_stats['count_all'] ) ? intval( $wp_stats['count_all'] ) : 0;
138	$disconnected = ! empty( $wp_stats['count_disconnected'] ) ? intval( $wp_stats['count_disconnected'] ) : 0;
139	$suspended = ! empty( $wp_stats['count_suspended'] ) ? intval( $wp_stats['count_suspended'] ) : 0;
140	$connected = $total - $disconnected - $suspended;
141	?>
142	<div id="mainwp-module-log-chart-status-wrapper" ></div>
143
144	<script type="text/javascript">
145	jQuery( document ).ready( function() {
146	let options = {
147	chart: {
148	type: 'pie',
149	height: 350,
150	},
151	legend: {
152	labels: {
153	colors: '#999'
154	}
155	},
156	stroke: {
157	width: 0
158	},
159	tooltip: {
160	theme: 'dark'
161	},
162	series: [ {
163	name: 'Sites',
164	data: [
165	{ x: 'Total Sites', y: <?php echo esc_js( $total ); ?>, fillColor: '#18a4e0' },
166	{ x: 'Connected', y: <?php echo esc_js( $connected ); ?>, fillColor: '#7fb100' },
167	{ x: 'Disconnected', y: <?php echo esc_js( $disconnected ); ?>, fillColor: '#a61718' },
168	{ x: 'Suspended', y: <?php echo esc_js( $suspended ); ?>, fillColor: '#ffd300' },
169	]
170	} ],
171	}
172	let status = new ApexCharts(document.querySelector("#mainwp-module-log-chart-status-wrapper"), options);
173	setTimeout(() => {
174	status.render();
175	}, 1000);
176	} );
177	</script>
178	<?php
179	}
180	}
181