-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathanalytics.php
More file actions
126 lines (119 loc) · 6.66 KB
/
analytics.php
File metadata and controls
126 lines (119 loc) · 6.66 KB
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
<?php
/**
* Analytics page template
*
* @package Mailchimp
*/
$lists = ( new Mailchimp_List_Subscribe_Form_Blocks() )->get_lists();
$current_list = get_option( 'mc_list_id', '' );
$dc = get_option( 'mc_datacenter', '' );
?>
<div id="mailchimp-sf-settings-page">
<?php include_once MCSF_DIR . 'includes/admin/templates/header.php'; // phpcs:ignore PEAR.Files.IncludingFile.UseRequireOnce ?>
<div class="mailchimp-sf-settings-page-header-wrapper">
<div class="mailchimp-sf-settings-page-header">
<div class="mailchimp-sf-settings-page-header-title-wrapper">
<h1 class="mailchimp-sf-settings-page-header-title">
<?php esc_html_e( 'Analytics', 'mailchimp' ); ?>
</h1>
</div>
</div>
</div>
<div class="wrap">
<div class="mailchimp-sf-analytics-wrapper">
<div class="mailchimp-sf-analytics-page">
<hr class="wp-header-end" />
<div class="mailchimp-sf-analytics-filters">
<div class="mailchimp-sf-analytics-filter-group">
<label><?php esc_html_e( 'Date range', 'mailchimp' ); ?></label>
<div class="mailchimp-sf-date-picker">
<button type="button" class="mailchimp-sf-date-picker-trigger" id="mailchimp-sf-date-picker-trigger" aria-expanded="false" aria-controls="mailchimp-sf-date-picker-popover">
<span id="mailchimp-sf-date-picker-label"><?php esc_html_e( 'Last 30 days', 'mailchimp' ); ?></span>
<div class="indicator-date-picker" aria-hidden="true">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" focusable="false">
<path d="M20.133 3.891a2.977 2.977 0 00-2.119-.882h-1a1 1 0 10-2 0l-6-.009a1 1 0 00-1-1 1 1 0 00-1 1h-1a3 3 0 00-3 3v1.992l-.023 9.994a3 3 0 002.995 3l12 .018a3 3 0 003-3l.018-12a2.98 2.98 0 00-.871-2.113zm-14.124 1.1h1a1 1 0 102 0l6 .009a1 1 0 002 0h1a1 1 0 011 1v.987l-14-.021v-.987a1 1 0 011-.988zm11.982 14.018l-12-.018a1 1 0 01-1-1L5 8.977 19 9l-.013 9.012a1 1 0 01-.996.997z"></path>
</svg>
</div>
</button>
<div class="mailchimp-sf-date-picker-popover" id="mailchimp-sf-date-picker-popover">
<div class="mailchimp-sf-date-picker-popover-row">
<div class="mailchimp-sf-date-picker-field">
<label for="mailchimp-sf-date-range"><?php esc_html_e( 'Date range', 'mailchimp' ); ?></label>
<select id="mailchimp-sf-date-range">
<option value="7"><?php esc_html_e( 'Last 7 days', 'mailchimp' ); ?></option>
<option value="30" selected><?php esc_html_e( 'Last 30 days', 'mailchimp' ); ?></option>
<option value="90"><?php esc_html_e( 'Last 90 days', 'mailchimp' ); ?></option>
<option value="180"><?php esc_html_e( 'Last 6 months', 'mailchimp' ); ?></option>
<option value="365"><?php esc_html_e( 'Last year', 'mailchimp' ); ?></option>
<option value="custom"><?php esc_html_e( 'Custom', 'mailchimp' ); ?></option>
</select>
</div>
<div class="mailchimp-sf-date-picker-field">
<label for="mailchimp-sf-date-from"><?php esc_html_e( 'Start date', 'mailchimp' ); ?></label>
<div class="mailchimp-sf-date-picker-input-wrap">
<input type="text" id="mailchimp-sf-date-from" />
<span class="mailchimp-sf-date-picker-field-calendar" aria-hidden="true">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" focusable="false">
<path d="M20.133 3.891a2.977 2.977 0 00-2.119-.882h-1a1 1 0 10-2 0l-6-.009a1 1 0 00-1-1 1 1 0 00-1 1h-1a3 3 0 00-3 3v1.992l-.023 9.994a3 3 0 002.995 3l12 .018a3 3 0 003-3l.018-12a2.98 2.98 0 00-.871-2.113zm-14.124 1.1h1a1 1 0 102 0l6 .009a1 1 0 002 0h1a1 1 0 011 1v.987l-14-.021v-.987a1 1 0 011-.988zm11.982 14.018l-12-.018a1 1 0 01-1-1L5 8.977 19 9l-.013 9.012a1 1 0 01-.996.997z"></path>
</svg>
</span>
</div>
</div>
<div class="mailchimp-sf-date-picker-field">
<label for="mailchimp-sf-date-to"><?php esc_html_e( 'End date', 'mailchimp' ); ?></label>
<div class="mailchimp-sf-date-picker-input-wrap">
<input type="text" id="mailchimp-sf-date-to" />
<span class="mailchimp-sf-date-picker-field-calendar" aria-hidden="true">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" focusable="false">
<path d="M20.133 3.891a2.977 2.977 0 00-2.119-.882h-1a1 1 0 10-2 0l-6-.009a1 1 0 00-1-1 1 1 0 00-1 1h-1a3 3 0 00-3 3v1.992l-.023 9.994a3 3 0 002.995 3l12 .018a3 3 0 003-3l.018-12a2.98 2.98 0 00-.871-2.113zm-14.124 1.1h1a1 1 0 102 0l6 .009a1 1 0 002 0h1a1 1 0 011 1v.987l-14-.021v-.987a1 1 0 011-.988zm11.982 14.018l-12-.018a1 1 0 01-1-1L5 8.977 19 9l-.013 9.012a1 1 0 01-.996.997z"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="mailchimp-sf-date-picker-actions">
<button type="button" class="mailchimp-sf-button btn-secondary btn-small mailchimp-sf-date-picker-cancel" id="mailchimp-sf-date-picker-cancel">
<?php esc_html_e( 'Cancel', 'mailchimp' ); ?>
</button>
<button type="button" class="mailchimp-sf-button btn-primary btn-small mailchimp-sf-date-picker-apply" id="mailchimp-sf-date-picker-apply">
<?php esc_html_e( 'Apply', 'mailchimp' ); ?>
</button>
</div>
</div>
</div>
</div>
<div class="mailchimp-sf-analytics-filter-group">
<label for="mailchimp-sf-list-filter"><?php esc_html_e( 'List', 'mailchimp' ); ?></label>
<select id="mailchimp-sf-list-filter">
<?php if ( ! empty( $lists ) ) : ?>
<?php foreach ( $lists as $list ) : ?>
<option value="<?php echo esc_attr( $list['id'] ); ?>" <?php selected( $list['id'], $current_list ); ?>>
<?php echo esc_html( $list['name'] ); ?>
</option>
<?php endforeach; ?>
<?php endif; ?>
</select>
</div>
</div>
<div class="mailchimp-sf-analytics-content" id="mailchimp-sf-analytics-content">
</div>
<div class="mailchimp-sf-analytics-content" id="mailchimp-sf-analytics-content">
<div class="mailchimp-sf-analytics-placeholder">
<p><?php esc_html_e( 'Select a date range and list to view analytics.', 'mailchimp' ); ?></p>
</div>
</div>
<?php if ( $dc ) : ?>
<div class="mailchimp-sf-analytics-deep-link">
<a href="<?php echo esc_url( 'https://' . $dc . '.admin.mailchimp.com/analytics/audience-analytics/' ); ?>"
target="_blank"
rel="noopener noreferrer"
class="mailchimp-sf-button btn-secondary">
<?php esc_html_e( 'View detailed analytics in Mailchimp', 'mailchimp' ); ?>
<span class="dashicons dashicons-external" aria-hidden="true"></span>
</a>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>