| @@ -7,41 +7,28 @@ | ||
| 7 | 7 | * @since 1.3.0 |
| 8 | 8 | * |
| 9 | 9 | * @package Automatic_YouTube_Gallery |
| 10 | 10 | */ |
| 11 | - | |
| 12 | -// Exit if accessed directly | |
| 13 | -if ( ! defined( 'WPINC' ) ) { | |
| 14 | - die; | |
| 15 | -} | |
| 16 | 11 | ?> |
| 17 | 12 | |
| 18 | -<div class="ayg-form ayg-card"> | |
| 19 | - <div class="ayg-form-controls"> | |
| 20 | - <h2 class="ayg-no-margin"> | |
| 21 | - <?php esc_html_e( 'Connect your YouTube API key', 'automatic-youtube-gallery' ); ?> | |
| 22 | - <span class="ayg-form-required" aria-hidden="true">*</span> | |
| 23 | - </h2> | |
| 13 | +<p class="about-description"><?php esc_html_e( 'You must create an API Key to build dynamic galleries from YouTube.', 'automatic-youtube-gallery' ); ?></p> | |
| 24 | 14 | |
| 25 | - <div class="ayg-form-control"> | |
| 26 | - <input type="text" id="ayg-form-field-api-key" class="ayg-form-field ayg-form-field-api-key widefat" value="" placeholder="<?php esc_attr_e( 'Enter your YouTube API key', 'automatic-youtube-gallery' ); ?>" aria-label="<?php esc_attr_e( 'YouTube API Key', 'automatic-youtube-gallery' ); ?>" autofocus> | |
| 27 | - | |
| 28 | - <span class="ayg-form-status"></span> | |
| 29 | - | |
| 30 | - <p class="description"> | |
| 31 | - <?php | |
| 32 | - printf( | |
| 33 | - __( 'A free YouTube Data API key is required to fetch your videos. <a href="%s" target="_blank" rel="noopener noreferrer">Get your API key</a> in just a few minutes.', 'automatic-youtube-gallery' ), | |
| 34 | - 'https://plugins360.com/automatic-youtube-gallery/how-to-get-youtube-api-key/' | |
| 35 | - ); | |
| 36 | - ?> | |
| 37 | - </p> | |
| 38 | - </div> | |
| 39 | - | |
| 40 | - <div class="ayg-form-actions"> | |
| 41 | - <button type="button" id="ayg-button-save-api-key" class="ayg-button button button-primary button-hero"> | |
| 42 | - <?php esc_html_e( 'Proceed', 'automatic-youtube-gallery' ); ?> | |
| 43 | - </button> | |
| 44 | - <span class="ayg-form-status"></span> | |
| 45 | - </div> | |
| 46 | - </div> | |
| 47 | -</div> | |
| 15 | +<table id="ayg-table-api-key" class="form-table"> | |
| 16 | + <tr> | |
| 17 | + <th scope="row"> | |
| 18 | + <label for="ayg-api-key"><?php esc_html_e( 'Youtube API Key', 'automatic-youtube-gallery' ); ?></label> | |
| 19 | + </th> | |
| 20 | + <td> | |
| 21 | + <input type="text" class="regular-text" id="ayg-api-key" value="" /> | |
| 22 | + <input type="button" id="ayg-button-save-api-key" class="button-primary" value="<?php esc_attr_e( 'Proceed', 'automatic-youtube-gallery' ); ?>" /> | |
| 23 | + <span class="ayg-ajax-status"></span> | |
| 24 | + <p class="description"> | |
| 25 | + <?php | |
| 26 | + printf( | |
| 27 | + __( 'Follow <a href="%s" target="_blank" rel="noopener noreferrer">this guide</a> to get your own API key.', 'automatic-youtube-gallery' ), | |
| 28 | + 'https://plugins360.com/automatic-youtube-gallery/how-to-get-youtube-api-key/' | |
| 29 | + ); | |
| 30 | + ?> | |
| 31 | + </p> | |
| 32 | + </td> | |
| 33 | + </tr> | |
| 34 | +</table> | |
