WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
03/11/2014 12:03:54 AM (11 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.