| @@ -6,25 +6,32 @@ | ||
| 6 | 6 | "this server.</p>\r\n</body></html>"); |
| 7 | 7 | } |
| 8 | 8 | ?> |
| 9 | 9 | <div class="wrap"> |
| 10 | -<form method="post" action="options.php"> | |
| 10 | +<form method="post" action="options.php"> | |
| 11 | 11 | <?php |
| 12 | 12 | settings_fields('vdo_option-group'); |
| 13 | 13 | do_settings_sections('vdo_option-group'); |
| 14 | 14 | ?> |
| 15 | - <h2>Please enter your VdoCipher CLIENT_SECRET_KEY</h2> | |
| 15 | + <h2>Please enter your VdoCipher API Secret Key</h2> | |
| 16 | 16 | |
| 17 | 17 | <table class="form-table"> |
| 18 | 18 | <tbody><tr> |
| 19 | - <td style="width: 160px;">VdoCipher secret key :</td> | |
| 19 | + <td style="width: 160px;">API Secret key :</td> | |
| 20 | 20 | <td> |
| 21 | - <input name="vdo_client_key" style="width: 400px;" | |
| 21 | + <div style="display: inline-flex;"> | |
| 22 | + <input id="vdo_client_key" name="vdo_client_key" style="width: 400px;" | |
| 22 | 23 | value="<?php echo esc_attr(get_option('vdo_client_key')); ?>" |
| 23 | - type="text"> | |
| 24 | + type="password"> | |
| 25 | + <p style="margin-left:20px; position: relative"> | |
| 26 | + <span id="toggle_span" style="display:none"><button id="toggle_API_visibility" href="#" data-protected="On"></button></span> | |
| 27 | + </p> | |
| 28 | + </div> | |
| 24 | 29 | </td> |
| 25 | 30 | </tr> |
| 26 | 31 | |
| 27 | 32 | </tbody></table> |
| 33 | +<?php wp_enqueue_script('vdo_hide_api_key', plugin_dir_url(__FILE__).'js/showkey.js'); | |
| 34 | + ?> | |
| 28 | 35 | <?php submit_button(); ?> |
| 29 | 36 | </form> |
| 30 | 37 | </div> |
