WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
03/11/2014 12:03:54 AM (13 years ago)
Author:
azaozz
Message:

wpLink: stop using UI dialog, restyle the modal, add better responsive behaviour.
Fix UI dialog styling to match the rest of the admin styling.
Props avryl, see #26952

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-includes/class-wp-editor.php

    r27447 r27494  
    493493                if ( in_array('wplink', self::$plugins, true) || in_array('link', self::$qt_buttons, true) ) {
    494494                        wp_enqueue_script('wplink');
    495                         wp_enqueue_script('wpdialogs');
    496                         wp_enqueue_style('wp-jquery-ui-dialog');
    497495                }
    498496
    … …  
    10421040         */
    10431041        public static function wp_link_dialog() {
    1044         ?>
    1045         <div style="display:none;">
    1046         <form id="wp-link" tabindex="-1">
    1047         <?php wp_nonce_field( 'internal-linking', '_ajax_linking_nonce', false ); ?>
    1048         <div id="link-selector">
    1049                 <div id="link-options">
    1050                         <p class="howto"><?php _e( 'Enter the destination URL' ); ?></p>
    1051                         <div>
    1052                                 <label><span><?php _e( 'URL' ); ?></span><input id="url-field" type="text" name="href" /></label>
    1053                         </div>
    1054                         <div>
    1055                                 <label><span><?php _e( 'Title' ); ?></span><input id="link-title-field" type="text" name="linktitle" /></label>
    1056                         </div>
    1057                         <div class="link-target">
    1058                                 <label><input type="checkbox" id="link-target-checkbox" /> <?php _e( 'Open link in a new window/tab' ); ?></label>
    1059                         </div>
    1060                 </div>
    1061                 <?php $show_internal = '1' == get_user_setting( 'wplink', '0' ); ?>
    1062                 <p class="howto toggle-arrow <?php if ( $show_internal ) echo 'toggle-arrow-active'; ?>" id="internal-toggle"><?php _e( 'Or link to existing content' ); ?></p>
    1063                 <div id="search-panel"<?php if ( ! $show_internal ) echo ' style="display:none"'; ?>>
    1064                         <div class="link-search-wrapper">
    1065                                 <label>
    1066                                         <span class="search-label"><?php _e( 'Search' ); ?></span>
    1067                                         <input type="search" id="search-field" class="link-search-field" autocomplete="off" />
    1068                                         <span class="spinner"></span>
    1069                                 </label>
    1070                         </div>
    1071                         <div id="search-results" class="query-results">
    1072                                 <ul></ul>
    1073                                 <div class="river-waiting">
    1074                                         <span class="spinner"></span>
     1042                $search_panel_visible = '1' == get_user_setting( 'wplink', '0' ) ? ' class="search-panel-visible"' : '';
     1043
     1044                ?>
     1045                <div id="wp-link-backdrop"></div>
     1046                <div id="wp-link-wrap"<?php echo $search_panel_visible; ?>>
     1047                <form id="wp-link" tabindex="-1">
     1048                <?php wp_nonce_field( 'internal-linking', '_ajax_linking_nonce', false ); ?>
     1049                <div id="link-modal-title">
     1050                        <?php _e( 'Insert/edit link' ) ?>
     1051                        <div id="wp-link-close" tabindex="0"></div>
     1052                </div>
     1053                <div id="link-selector">
     1054                        <div id="link-options">
     1055                                <p class="howto"><?php _e( 'Enter the destination URL' ); ?></p>
     1056                                <div>
     1057                                        <label><span><?php _e( 'URL' ); ?></span><input id="url-field" type="text" name="href" /></label>
     1058                                </div>
     1059                                <div>
     1060                                        <label><span><?php _e( 'Title' ); ?></span><input id="link-title-field" type="text" name="linktitle" /></label>
     1061                                </div>
     1062                                <div class="link-target">
     1063                                        <label><input type="checkbox" id="link-target-checkbox" /> <?php _e( 'Open link in a new window/tab' ); ?></label>
    10751064                                </div>
    10761065                        </div>
    1077                         <div id="most-recent-results" class="query-results">
    1078                                 <div class="query-notice"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></div>
    1079                                 <ul></ul>
    1080                                 <div class="river-waiting">
    1081                                         <span class="spinner"></span>
     1066                        <p class="howto" id="wp-link-search-toggle"><?php _e( 'Or link to existing content' ); ?></p>
     1067                        <div id="search-panel">
     1068                                <div class="link-search-wrapper">
     1069                                        <label>
     1070                                                <span class="search-label"><?php _e( 'Search' ); ?></span>
     1071                                                <input type="search" id="search-field" class="link-search-field" autocomplete="off" />
     1072                                                <span class="spinner"></span>
     1073                                        </label>
     1074                                </div>
     1075                                <div id="search-results" class="query-results">
     1076                                        <ul></ul>
     1077                                        <div class="river-waiting">
     1078                                                <span class="spinner"></span>
     1079                                        </div>
     1080                                </div>
     1081                                <div id="most-recent-results" class="query-results">
     1082                                        <div class="query-notice"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></div>
     1083                                        <ul></ul>
     1084                                        <div class="river-waiting">
     1085                                                <span class="spinner"></span>
     1086                                        </div>
    10821087                                </div>
    10831088                        </div>
    10841089                </div>
    1085         </div>
    1086         <div class="submitbox">
    1087                 <div id="wp-link-update">
    1088                         <input type="submit" value="<?php esc_attr_e( 'Add Link' ); ?>" class="button-primary" id="wp-link-submit" name="wp-link-submit">
     1090                <div class="submitbox">
     1091                        <div id="wp-link-update">
     1092                                <input type="submit" value="<?php esc_attr_e( 'Add Link' ); ?>" class="button-primary" id="wp-link-submit" name="wp-link-submit">
     1093                        </div>
    10891094                </div>
    1090                 <div id="wp-link-cancel">
    1091                         <a class="submitdelete deletion" href="#"><?php _e( 'Cancel' ); ?></a>
     1095                </form>
    10921096                </div>
    1093         </div>
    1094         </form>
    1095         </div>
    1096         <?php
     1097                <?php
    10971098        }
    10981099}
Note: See TracChangeset for help on using the changeset viewer.