WordPress.org

Make WordPress Core

Changeset 16398


Ignore:
Timestamp:
11/16/2010 04:25:14 AM (10 years ago)
Author:
nacin
Message:

Internal linking UI updates. see #11420.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/js/tinymce/wp-mce-link.php

    r16396 r16398  
    44include './wp-mce-link-includes.php';
    55
    6 header('Content-Type: text/html; charset=' . get_bloginfo('charset'));
     6header( 'Content-Type: text/html; charset=' . get_bloginfo( 'charset' ) );
    77?>
    88<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    1010<head>
    1111<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_bloginfo('charset'); ?>" />
    12 <title><?php _e('Insert/edit link') ?></title>
     12<title><?php _e( 'Insert/edit link' ); ?></title>
    1313<script type="text/javascript">
    1414//<![CDATA[
    15 var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>',
     15var ajaxurl = '<?php echo admin_url( 'admin-ajax.php' ); ?>',
    1616    wpLinkL10n = {
    1717        untitled : '<?php _e('Untitled'); ?>',
    18         noMatchesFound : '<?php _e('No matches found.'); ?>'
     18        noMatchesFound : '<?php _e( 'No matches found.' ); ?>'
    1919    };
    2020//]]>
     
    2222<script type="text/javascript" src="tiny_mce_popup.js?ver=3223"></script>
    2323<?php
    24 wp_print_scripts( array('jquery', 'jquery-ui-widget') );
    25 ?>
    26 <?php
    27     $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '.dev' : '';
    28     $src = "plugins/wplink/js/wplink$suffix.js?ver=20101115";
     24wp_print_scripts( array( 'jquery', 'jquery-ui-widget' ) );
     25$suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '.dev' : '';
     26$src = "plugins/wplink/js/wplink$suffix.js?ver=20101115";
    2927?>
    3028<script type="text/javascript" src="<?php echo $src; ?>"></script>
     
    3634?>
    3735<style>
    38 html, body {
     36html {
    3937    background: #f1f1f1;
    4038}
    41 
    4239a:link, a:visited {
    43     color: #21759B;
    44 }
    45 
    46 select {
    47     height: 2em;
    48 }
    49 
    50 #link-options,
    51 #link-advanced-options {
    52     padding: 5px;
     40    color: #21759b;
     41}
     42p.howto {
     43    margin: 3px;
     44}
     45#link-options {
     46    padding: 10px 0 14px;
    5347    border-bottom: 1px solid #dfdfdf;
    54 }
    55 
    56 #link-type {
    57     width: 140px;
    58 }
    59 
    60 .link-panel {
    61     padding: 5px 5px 0;
    62     display: none;
    63 }
    64     .link-panel-active {
    65         display: block;
    66     }
    67 
     48    margin: 0 6px 14px;
     49}
    6850label input[type="text"] {
    6951    width: 360px;
    7052    margin-top: 5px;
    7153}
    72 
    7354label span {
    7455    display: inline-block;
     
    7758    padding-right: 5px;
    7859}
    79     .link-search-wrapper {
    80         padding: 5px;
    81         display: block;
    82         overflow: hidden;
    83     }
    84         .link-search-wrapper span {
    85             float: left;
    86             margin-top: 6px;
    87         }
    88         .link-search-wrapper input[type="text"] {
    89             float: left;
    90             width: 220px;
    91         }
    92         .link-search-wrapper img.waiting {
    93             margin: 8px 1px 0 4px;
    94             float: left;
    95             display: none;
    96         }
    97 
     60.link-search-wrapper {
     61    margin: 5px 5px 9px;
     62    display: block;
     63    overflow: hidden;
     64}
     65.link-search-wrapper span {
     66    float: left;
     67    margin-top: 6px;
     68}
     69.link-search-wrapper input[type="text"] {
     70    float: left;
     71    width: 220px;
     72}
     73img.waiting {
     74    margin: 8px 1px 0 4px;
     75    float: left;
     76    display: none;
     77}
    9878#open-in-new-tab {
    99     padding-left: 87px;
    100 }
    101     #open-in-new-tab span {
    102         width: auto;
    103         margin-left: 10px;
    104         font-size: 11px;
    105     }
    106    
     79    display: inline-block;
     80    padding: 3px 0 0;
     81    margin: 0 0 0 87px;
     82}
     83#open-in-new-tab span {
     84    width: auto;
     85    margin-left: 6px;
     86    font-size: 11px;
     87}
    10788.query-results {
    108     border: #dfdfdf solid;
    109     border-width: 1px 0;
    110     margin: 5px 0;
     89    border: 1px #dfdfdf solid;
     90    margin: 0 5px 5px;
    11191    background: #fff;
    112     height: 220px;
     92    height: 185px;
    11393    overflow: auto;
    11494}
    115     .query-results li {
    116         margin-bottom: 0;
    117         border-bottom: 1px solid #dfdfdf;
    118         color: #555;
    119         padding: 4px 6px;
    120         cursor: pointer;
    121     }
    122     .query-results li:hover {
    123         background: #EAF2FA;
    124         color: #333;
    125     }
    126     .query-results li.selected {
    127         background: #f1f1f1;
    128         font-weight: bold;
    129         color: #333;
    130     }
     95.query-results li {
     96    margin-bottom: 0;
     97    border-bottom: 1px solid #f1f1f1;
     98    color: #555;
     99    padding: 4px 6px;
     100    cursor: pointer;
     101}
     102.query-results li:hover {
     103    background: #eaf2fa;
     104    color: #333;
     105}
     106.query-results li.unselectable:hover {
     107    background: #fff;
     108    cursor: auto;
     109    color: #555;
     110}
     111.query-results li.unselectable {
     112    border-bottom: 1px solid #dfdfdf;
     113}
     114.query-results li.selected {
     115    background: #f1f1f1;
     116    color: #333;
     117}
     118.query-results li.selected .item-title {
     119    font-weight: bold;
     120}
    131121.item-info {
    132122    text-transform: uppercase;
    133123    color: #aaa;
    134     font-weight: bold;
    135124    font-size: 11px;
    136125    float: right;
     
    139128    display: none;
    140129}
    141    
    142 .wp-results-pagelinks {
    143     padding:4px 0;
    144     margin:0 auto;
    145     text-align:center;
    146 }
    147     .wp-results-pagelinks-top {
    148         border-bottom: 1px solid #dfdfdf;
    149     }
    150 
    151130.submitbox {
    152131    padding: 5px 5px 0;
     
    168147</style>
    169148</head>
    170 <?php
    171 
    172 
    173 ?>
    174149<body id="post-body">
    175150<div id="link-selector">
    176151    <div id="link-options">
     152        <p class="howto"><?php _e( 'Enter the destination URL:' ); ?></p>
    177153        <label for="url-field">
    178             <span><?php _e('URL:'); ?></span><input id="url-field" type="text" />
     154            <span><?php _e( 'URL' ); ?></span><input id="url-field" type="text" />
    179155        </label>
    180156        <label for="link-title-field">
    181             <span><?php _e('Description:'); ?></span><input id="link-title-field" type="text" />
     157            <span><?php _e( 'Title' ); ?></span><input id="link-title-field" type="text" />
    182158        </label>
    183159        <label for="link-target-checkbox" id="open-in-new-tab">
    184             <input type="checkbox" id="link-target-checkbox" /><span><?php _e('Open in new tab'); ?></span>
     160            <input type="checkbox" id="link-target-checkbox" /><span><?php _e( 'Open in new tab' ); ?></span>
    185161        </label>
    186162    </div>
    187163    <div id="search-panel">
    188         <label for="search-field" class="link-search-wrapper">
    189             <span><?php _e('Search:'); ?></span>
    190             <input type="text" id="search-field" class="link-search-field" />
    191             <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
    192         </label>
    193        
     164        <div class="link-search-wrapper">
     165            <p class="howto"><?php _e( 'Or, link to existing site content:' ); ?></p>
     166            <label for="search-field">
     167                <span><?php _e( 'Search' ); ?></span>
     168                <input type="text" id="search-field" class="link-search-field" />
     169                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     170            </label>
     171        </div>
    194172        <div id="search-results" class="query-results">
    195             <div class="wp-results-pagelinks wp-results-pagelinks-top"></div>
    196173            <ul>
    197                 <li class="wp-results-loading unselectable"><em><?php _e('Loading...'); ?></em></li>
     174                <li class="wp-results-loading unselectable"><em><?php _e( 'Loading...' ); ?></em></li>
    198175            </ul>
    199             <div class="wp-results-pagelinks wp-results-pagelinks-bottom"></div>
     176            <div class="river-waiting">
     177                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
     178            </div>
    200179        </div>
    201        
    202180        <?php $most_recent = wp_link_query(); ?>
    203181        <div id="most-recent-results" class="query-results">
    204             <div class="wp-results-pagelinks wp-results-pagelinks-top">
    205                 <?php echo $most_recent['pages']['page_links']; ?>
    206             </div>
    207182            <ul>
    208                 <?php foreach ( $most_recent['results'] as $item ): ?>
     183                <li class="unselectable"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></li>
     184                <?php foreach ( $most_recent['results'] as $item ) : ?>
    209185                    <li>
    210186                        <input type="hidden" class="item-permalink" value="<?php echo esc_url( $item['permalink'] ); ?>" />
     
    214190                <?php endforeach; ?>
    215191            </ul>
    216             <div class="wp-results-pagelinks wp-results-pagelinks-bottom">
    217                 <?php echo $most_recent['pages']['page_links']; ?>
     192            <div class="river-waiting">
     193                <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
    218194            </div>
    219195        </div>
     
    222198<div class="submitbox">
    223199    <div id="wp-cancel">
    224         <a class="submitdelete deletion"><?php _e('Cancel'); ?></a>
     200        <a class="submitdelete deletion"><?php _e( 'Cancel' ); ?></a>
    225201    </div>
    226202    <div id="wp-update">
    227         <a class="button-primary"><?php _e('Update'); ?></a>
     203        <a class="button-primary"><?php _e( 'Update' ); ?></a>
    228204    </div>
    229205</div>
Note: See TracChangeset for help on using the changeset viewer.