Code Coverage
 
Lines
Functions and Methods
Classes and Traits
Total
0.00%
0 / 7
n/a
0 / 0
 CRAP
n/a
0 / 0
1<?php
2/**
3 * Contents of the modal displayed when one clicks on the deactivate link for the plugin.
4 *
5 * This setup relies on the automattic/jetpack-plugin-deactivation package.
6 *
7 * @package automattic/automattic-for-agencies-client-plugin
8 */
9
10if ( ! defined( 'ABSPATH' ) ) {
11    exit( 0 ); // Exit if accessed directly
12}
13?>
14<main class="jp-plugin-deactivation__dialog__content">
15    <h1><?php esc_html_e( 'Are you sure you want to disconnect this site?', 'automattic-for-agencies-client' ); ?></h1>
16    <p><?php esc_html_e( 'It will no longer show up in the Automattic for Agencies dashboard and you won’t be able to update plugins with one click or be notified of any downtime.', 'automattic-for-agencies-client' ); ?></p>
17</main>
18<footer class="jp-plugin-deactivation__dialog__actions">
19    <button
20        type="button"
21        class="jp-plugin-deactivation__button"
22        data-jp-plugin-deactivation-action="close"
23    ><?php esc_html_e( 'Keep the site connected', 'automattic-for-agencies-client' ); ?></button>
24    <button
25        type="button"
26        class="jp-plugin-deactivation__button jp-plugin-deactivation__button--destructive"
27        data-jp-plugin-deactivation-action="deactivate"
28    ><?php esc_html_e( 'Yes, disconnect site', 'automattic-for-agencies-client' ); ?></button>
29</footer>
30
31<style>
32    #jp-plugin-deactivation-automattic-for-agencies-client .jp-plugin-deactivation__dialog {
33        height: fit-content;
34        width: calc(100% - 32px);
35        
36        max-width: 512px;
37
38        border-radius: 12px;
39    }
40    
41    #jp-plugin-deactivation-automattic-for-agencies-client .jp-plugin-deactivation__dialog__content {
42        background: none;
43
44        align-items: start;
45
46        padding: 2rem 2rem 0;
47    }
48
49    #jp-plugin-deactivation-automattic-for-agencies-client .jp-plugin-deactivation__dialog__content h1 {
50        font-size: 20px;
51        line-height: 24px;
52
53        margin: 0;
54    }
55
56    #jp-plugin-deactivation-automattic-for-agencies-client .jp-plugin-deactivation__dialog__content p {
57        font-size: 14px;
58        line-height: 20px;
59
60        margin: 2rem 0;
61    }
62
63    #jp-plugin-deactivation-automattic-for-agencies-client footer {
64        font-weight: 600;
65
66        text-align: right;
67        border: none;
68
69        padding: 0 2rem 2rem;
70    }
71
72    #jp-plugin-deactivation-automattic-for-agencies-client footer .jp-plugin-deactivation__button {
73        font-size: 14px;
74    }
75
76    #jp-plugin-deactivation-automattic-for-agencies-client footer .jp-plugin-deactivation__button:first-child {
77        color: var(--btn-color);
78        background: none;
79        border: 1px solid var(--Gray-Gray-5, #DCDCDE);
80        border-radius: 4px;
81    }
82
83    #jp-plugin-deactivation-automattic-for-agencies-client footer .jp-plugin-deactivation__button:last-child {
84        border-radius: 4px;
85        background: var(--Red-Red-60, #B32D2E);
86    }
87</style>