| @@ -6,25 +6,41 @@ | ||
| 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"> | |
| 27 | + <button id="toggle_API_visibility" href="#" data-protected="On"></button> | |
| 28 | + </span> | |
| 29 | + </p> | |
| 30 | + </div> | |
| 24 | 31 | </td> |
| 32 | + <tr style="display:none;"> | |
| 33 | + <td>Plugin version no.: </td> | |
| 34 | + <td><input | |
| 35 | + id="vdo_plugin_version" name="vdo_plugin_version" | |
| 36 | + value="<?php echo esc_attr(get_option('vdo_plugin_version')); ?>" readonly> | |
| 37 | + </td> | |
| 38 | + </tr> | |
| 25 | 39 | </tr> |
| 26 | 40 | |
| 27 | 41 | </tbody></table> |
| 42 | +<?php wp_enqueue_script('vdo_hide_api_key', plugin_dir_url(__FILE__).'js/showkey.js'); | |
| 43 | +?> | |
| 28 | 44 | <?php submit_button(); ?> |
| 29 | 45 | </form> |
| 30 | 46 | </div> |
