|
8 | 8 |
|
9 | 9 | ?>
|
10 | 10 | <!-- TODO: refactor form styles and js -->
|
11 |
| -<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog" id="rollback-warning" style="display: none;"> |
12 |
| - <div class="popup popup-notice"> |
| 11 | +<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog admin__scope" id="rollback-warning" style="display: none;"> |
| 12 | + <div class="popup"> |
13 | 13 | <div class="popup-inner">
|
14 |
| - <header class="popup-header"> |
15 |
| - <h2 class="popup-title"><?php echo __('Warning') ?></h2> |
16 |
| - </header> |
| 14 | + <div class="popup-header"> |
| 15 | + <div class="popup-title"><?php echo __('Warning') ?></div> |
| 16 | + </div> |
17 | 17 | <div class="popup-content">
|
18 |
| - <p class="message-text"><?php echo __('Any data created since the backup was made will be lost including admin users, customers and orders.')?></p> |
19 |
| - <p class="message-text"><?php echo __('Are you sure you want to proceed?')?></p> |
20 |
| - <button type="button" onclick="backup.requestPassword()"><?php echo __('OK')?></button> |
21 |
| - <button type="button" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 18 | + <div class="messages"> |
| 19 | + <div class="message message-warning"> |
| 20 | + <p><?php echo __('Any data created since the backup was made will be lost including admin users, customers and orders.')?></p> |
| 21 | + <p><?php echo __('Are you sure you want to proceed?')?></p> |
| 22 | + </div> |
| 23 | + </div> |
| 24 | + |
| 25 | + <div class="actions"> |
| 26 | + <button type="button" class="action primary" onclick="backup.requestPassword()"><?php echo __('OK')?></button> |
| 27 | + <button type="button" class="action cancel" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 28 | + </div> |
22 | 29 | </div>
|
23 | 30 | </div>
|
24 | 31 | </div>
|
25 | 32 | </div>
|
26 | 33 |
|
27 |
| -<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog" id="backup-warning" style="display: none;"> |
28 |
| - <div class="popup popup-notice"> |
| 34 | +<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog admin__scope" id="backup-warning" style="display: none;"> |
| 35 | + <div class="popup"> |
29 | 36 | <div class="popup-inner">
|
30 |
| - <header class="popup-header"> |
31 |
| - <h2 class="popup-title"><?php echo __('Warning') ?></h2> |
32 |
| - </header> |
| 37 | + <div class="popup-header"> |
| 38 | + <div class="popup-title"><?php echo __('Warning') ?></div> |
| 39 | + </div> |
33 | 40 | <div class="popup-content">
|
34 |
| - <p class="message-text"> |
35 |
| - <?php echo __("It will take time to create a backup.")?><br> |
36 |
| - <?php echo __('Please wait until the action ends.')?><br> |
37 |
| - <?php echo __('Are you sure you want to continue?')?> |
38 |
| - </p> |
39 |
| - <button type="button" onclick="backup.requestBackupOptions()"><?php echo __('OK')?></button> |
40 |
| - <button type="button" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 41 | + <div class="messages"> |
| 42 | + <div class="message message-warning"> |
| 43 | + <?php echo __("It will take time to create a backup. ")?><?php echo __('Please wait until the action ends.')?><br> |
| 44 | + <?php echo __('Are you sure you want to continue?')?> |
| 45 | + </div> |
| 46 | + </div> |
| 47 | + <div class="actions"> |
| 48 | + <button type="button" class="action primary" onclick="backup.requestBackupOptions()"><?php echo __('OK')?></button> |
| 49 | + <button type="button" class="action cancel" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 50 | + </div> |
41 | 51 | </div>
|
42 | 52 | </div>
|
43 | 53 | </div>
|
44 | 54 | </div>
|
45 | 55 |
|
46 |
| -<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog" id="backup-options" style="display: none;"> |
47 |
| - <div class="popup popup-notice"> |
| 56 | +<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog admin__scope" id="backup-options" style="display: none;"> |
| 57 | + <div class="popup"> |
48 | 58 | <div class="popup-inner">
|
49 |
| - <header class="popup-header"> |
50 |
| - <h2 class="popup-title"><?php echo __('Backup options') ?></h2> |
51 |
| - </header> |
| 59 | + <div class="popup-header"> |
| 60 | + <div class="popup-title"><?php echo __('Backup options') ?></div> |
| 61 | + </div> |
52 | 62 | <div class="popup-content">
|
53 | 63 | <div class="backup-messages" style="display: none;"><div class="messages"></div></div>
|
54 |
| - <p class="message-text"><?php echo __('Please specify backup creation option.')?></p> |
55 |
| - <form action="" method="post" id="backup-form"> |
56 |
| - <div class="form-list question"> |
57 |
| - |
58 |
| - <label for="backup_name" class="nobr"><?php echo __('Backup Name')?></label> |
59 |
| - <input type="text" name="backup_name" id="backup_name" class="required-entry validate-alphanum-with-spaces validate-length maximum-length-50" maxlength="50" /> |
60 |
| - <div class="note"><?php echo __('Please use only letters (a-z or A-Z), numbers (0-9) or spaces in this field.'); ?></div> |
| 64 | + <div class="messages"> |
| 65 | + <div class="message message-warning"><?php echo __('Please specify backup creation option.')?></div> |
| 66 | + </div> |
| 67 | + <form action="" method="post" id="backup-form" class="form-inline"> |
| 68 | + <fieldset class="fieldset form-list question"> |
| 69 | + <div class="field"> |
| 70 | + <label for="backup_name" class="label"><span><?php echo __('Backup Name')?></span></label> |
| 71 | + <div class="control"> |
| 72 | + <input type="text" name="backup_name" id="backup_name" |
| 73 | + class="required-entry validate-alphanum-with-spaces validate-length maximum-length-50" |
| 74 | + maxlength="50" /> |
| 75 | + <div class="note"> |
| 76 | + <?php echo __('Please use only letters (a-z or A-Z), numbers (0-9) or spaces in this field.'); ?> |
| 77 | + </div> |
| 78 | + </div> |
| 79 | + </div> |
61 | 80 |
|
62 |
| - <div class="maintenance-checkbox-container"> |
63 |
| - <input type="checkbox" name="maintenance_mode" value="1" id="backup_maintenance_mode"/> |
64 |
| - <label for="backup_maintenance_mode"><?php echo __('Please put your store into maintenance mode during backup.')?></label> |
| 81 | + <div class="field maintenance-checkbox-container"> |
| 82 | + <div class="control"> |
| 83 | + <input type="checkbox" name="maintenance_mode" value="1" id="backup_maintenance_mode"/> |
| 84 | + <label for="backup_maintenance_mode"><?php echo __('Please put your store into maintenance mode during backup.')?></label> |
| 85 | + </div> |
65 | 86 | </div>
|
66 | 87 |
|
67 |
| - <div id="exclude-media-checkbox-container" style="display: none;"> |
68 |
| - <input type="checkbox" name="exclude_media" value="1" id="exclude_media"/> |
69 |
| - <label for="exclude_media"><?php echo __('Exclude media folder from backup')?></label> |
| 88 | + <div class="field maintenance-checkbox-container" id="exclude-media-checkbox-container" style="display: none;"> |
| 89 | + <div class="control"> |
| 90 | + <input type="checkbox" name="exclude_media" value="1" id="exclude_media"/> |
| 91 | + <label for="exclude_media"><?php echo __('Exclude media folder from backup') ?></label> |
| 92 | + </div> |
70 | 93 | </div>
|
71 |
| - </div> |
| 94 | + </fieldset> |
72 | 95 | </form>
|
73 | 96 |
|
74 |
| - <button type="button" data-mage-init='{"button":{"event":"submit","target":"#backup-form"}}'><?php echo __('OK')?></button> |
75 |
| - <button type="button" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 97 | + <div class="actions"> |
| 98 | + <button type="button" class="action primary" data-mage-init='{"button":{"event":"submit","target":"#backup-form"}}'><?php echo __('OK')?></button> |
| 99 | + <button type="button" class="action cancel" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 100 | + </div> |
76 | 101 | </div>
|
77 | 102 | </div>
|
78 | 103 | </div>
|
79 | 104 | </div>
|
80 | 105 |
|
81 |
| -<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog" id="rollback-request-password" style="display: none;"> |
| 106 | +<div data-mage-init='{"modalPopup": {}}' class="fade backup-dialog admin__scope" id="rollback-request-password" style="display: none;"> |
82 | 107 | <div class="popup popup-notice">
|
83 | 108 | <div class="popup-inner">
|
84 |
| - <header class="popup-header"> |
85 |
| - <h2 class="popup-title"><?php echo __('Please enter a password.') ?></h2> |
86 |
| - </header> |
| 109 | + <div class="popup-header"> |
| 110 | + <div class="popup-title"><?php echo __('Please enter a password.') ?></div> |
| 111 | + </div> |
87 | 112 | <div class="popup-content">
|
88 | 113 | <div class="backup-messages" style="display: none;"><div class="messages"></div></div>
|
89 |
| - <p class="message-text"> |
90 |
| - <?php echo __('Please enter the password to confirm rollback.')?><br> |
91 |
| - <?php echo __('This action cannot be undone.')?> |
92 |
| - </p> |
93 |
| - <p class="message-text"><?php echo __('Are you sure you want to proceed?')?></p> |
94 |
| - <form action="" method="post" id="rollback-form"> |
| 114 | + <div class="messages"> |
| 115 | + <div class="message message-warning"> |
| 116 | + <?php echo __('Please enter the password to confirm rollback.')?><br> |
| 117 | + <?php echo __('This action cannot be undone.')?> |
| 118 | + <p><?php echo __('Are you sure you want to proceed?')?></p> |
| 119 | + </div> |
| 120 | + </div> |
| 121 | + <form action="" method="post" id="rollback-form" class="form-inline"> |
95 | 122 | <div class="password-box-container">
|
96 | 123 |
|
97 |
| - <label for="password" class="nobr"><?php echo __('User Password')?> <span class="required">*</span></label> |
98 |
| - <input type="password" name="password" id="password" class="required-entry"> |
| 124 | + <div class="field required"> |
| 125 | + <label for="password" class="label"><span><?php echo __('User Password')?></span></label> |
| 126 | + <div class="control"><input type="password" name="password" id="password" class="required-entry"></div> |
| 127 | + </div> |
99 | 128 |
|
100 |
| - <div class="maintenance-checkbox-container"> |
| 129 | + <div class="field maintenance-checkbox-container"> |
101 | 130 | <input type="checkbox" name="maintenance_mode" value="1" id="rollback_maintenance_mode"/>
|
102 | 131 | <label for="rollback_maintenance_mode"><?php echo __('Please put your store into maintenance mode during rollback processing.')?></label>
|
103 | 132 | </div>
|
104 | 133 |
|
105 |
| - <div id="use-ftp-checkbox-row" style="display: none;"> |
| 134 | + <div class="field maintenance-checkbox-container" id="use-ftp-checkbox-row" style="display: none;"> |
106 | 135 | <input type="checkbox" name="use_ftp" value="1" id="use_ftp" onClick="backup.toggleFtpCredentialsForm();"/> <label for="use_ftp"><?php echo __('Use FTP Connection')?></label>
|
107 | 136 | </div>
|
108 | 137 | </div>
|
109 | 138 | <div class="entry-edit" id="ftp-credentials-container" style="display: none;">
|
110 |
| - <h4><?php echo __('FTP credentials')?></h4> |
111 |
| - <fieldset> |
112 |
| - <label for="ftp_host"><?php echo __('FTP Host')?> <span class="required">*</span></label> |
113 |
| - <input type="text" name="ftp_host" id="ftp_host"> |
114 |
| - <br> |
115 |
| - <label for="ftp_user"><?php echo __('FTP Login')?> <span class="required">*</span></label> |
116 |
| - <input type="text" name="ftp_user" id="ftp_user"> |
117 |
| - <br> |
118 |
| - <label for="ftp_pass"><?php echo __('FTP Password')?> <span class="required">*</span></label> |
119 |
| - <input type="password" name="ftp_pass" id="ftp_pass"> |
120 |
| - <br> |
121 |
| - <label for="ftp_path"><?php echo __('Magento root directory')?></label> |
122 |
| - <input type="text" name="ftp_path" id="ftp_path"> |
| 139 | + <fieldset class="fieldset"> |
| 140 | + <legend class="legend"><span><?php echo __('FTP credentials')?></span></legend><br /> |
| 141 | + <div class="field required"> |
| 142 | + <label for="ftp_host"><span><?php echo __('FTP Host') ?></span></label> |
| 143 | + <div class="control"><input type="text" name="ftp_host" id="ftp_host"></div> |
| 144 | + </div> |
| 145 | + |
| 146 | + <div class="field required"> |
| 147 | + <label for="ftp_user"><span><?php echo __('FTP Login') ?></span></label> |
| 148 | + <div class="control"><input type="text" name="ftp_user" id="ftp_user"></div> |
| 149 | + </div> |
| 150 | + <div class="field required"> |
| 151 | + <label for="ftp_pass"><span><?php echo __('FTP Password') ?></span></label> |
| 152 | + <div class="control"><input type="password" name="ftp_pass" id="ftp_pass"></div> |
| 153 | + </div> |
| 154 | + <div class="field"> |
| 155 | + <label for="ftp_path"><span><?php echo __('Magento root directory') ?></span></label> |
| 156 | + <div class="control"><input type="text" name="ftp_path" id="ftp_path"></div> |
| 157 | + </div> |
123 | 158 | </fieldset>
|
124 | 159 | </div>
|
125 | 160 | </form>
|
126 | 161 |
|
127 |
| - <button type="button" data-mage-init='{"button":{"event":"submit","target":"#rollback-form"}}'><?php echo __('OK')?></button> |
128 |
| - <button type="button" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 162 | + <div class="actions"> |
| 163 | + <button type="button" class="action primary" data-mage-init='{"button":{"event":"submit","target":"#rollback-form"}}'><?php echo __('OK')?></button> |
| 164 | + <button type="button" class="action cancel" onclick="backup.hidePopups()"><?php echo __('Cancel')?></button> |
| 165 | + </div> |
129 | 166 | </div>
|
130 | 167 | </div>
|
131 | 168 | </div>
|
|
0 commit comments