WordPress.org

Make WordPress Core

Ticket #22344: 22344-hybrid.diff

File 22344-hybrid.diff, 8.5 KB (added by rmccue, 2 years ago)

Hybrid version, uses {{ for escaping, {{{ for interpolating and <# for executing

  • wp-includes/js/media-models.js

    diff --git wp-includes/js/media-models.js wp-includes/js/media-models.js
    index e9776b4..917c245 100644
    window.wp = window.wp || {}; 
    6060                template: _.memoize( function( id ) { 
    6161                        var compiled; 
    6262                        return function( data ) { 
    63                                 compiled = compiled || _.template( $( '#tmpl-' + id ).html() ); 
     63                                var options = { 
     64                                        evaluate:    /<#([\s\S]+?)#>/g, 
     65                                        interpolate: /\{\{\{([\s\S]+?)\}\}\}/g, 
     66                                        escape:      /\{\{([\s\S]+?)\}\}/g 
     67                                } 
     68                                compiled = compiled || _.template( $( '#tmpl-' + id ).html(), null, options ); 
    6469                                return compiled( data ); 
    6570                        }; 
    6671                }), 
  • wp-includes/media.php

    diff --git wp-includes/media.php wp-includes/media.php
    index 079aab5..493e5d7 100644
    function wp_print_media_templates( $attachment ) { 
    12971297        ?> 
    12981298        <script type="text/html" id="tmpl-media-modal"> 
    12991299                <div class="media-modal"> 
    1300                         <h3 class="media-modal-title"><%- title %></h3> 
     1300                        <h3 class="media-modal-title">{{ title }}</h3> 
    13011301                        <a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>">&times;</a> 
    13021302                </div> 
    13031303                <div class="media-modal-backdrop"> 
    function wp_print_media_templates( $attachment ) { 
    13201320        </script> 
    13211321 
    13221322        <script type="text/html" id="tmpl-attachment"> 
    1323                 <div class="attachment-preview type-<%- type %> subtype-<%- subtype %> <%- orientation %>"> 
    1324                         <% if ( uploading ) { %> 
     1323                <div class="attachment-preview type-{{ type }} subtype-{{ subtype }} {{ orientation }}"> 
     1324                        <# if ( uploading ) { #> 
    13251325                                <div class="media-progress-bar"><div></div></div> 
    1326                         <% } else if ( 'image' === type ) { %> 
     1326                        <# } else if ( 'image' === type ) { #> 
    13271327                                <div class="thumbnail"> 
    13281328                                        <div class="centered"> 
    1329                                                 <img src="<%- url %>" draggable="false" /> 
     1329                                                <img src="{{ url }}" draggable="false" /> 
    13301330                                        </div> 
    13311331                                </div> 
    1332                         <% } else { %> 
    1333                                 <img src="<%- icon %>" class="icon" draggable="false" /> 
    1334                                 <div class="filename"><%- filename %></div> 
    1335                         <% } %> 
     1332                        <# } else { #> 
     1333                                <img src="{{ icon }}" class="icon" draggable="false" /> 
     1334                                <div class="filename">{{ filename }}</div> 
     1335                        <# } #> 
    13361336 
    1337                         <% if ( buttons.close ) { %> 
     1337                        <# if ( buttons.close ) { #> 
    13381338                                <a class="close button" href="#">&times;</a> 
    1339                         <% } %> 
     1339                        <# } #> 
    13401340                </div> 
    1341                 <% if ( describe ) { %> 
    1342                         <% if ( 'image' === type ) { %> 
     1341                <# if ( describe ) { #> 
     1342                        <# if ( 'image' === type ) { #> 
    13431343                                <textarea class="describe" 
    13441344                                        placeholder="<?php esc_attr_e('Describe this image&hellip;'); ?>" 
    1345                                         ><%- caption %></textarea> 
    1346                         <% } else { %> 
     1345                                        >{{ caption }}</textarea> 
     1346                        <# } else { #> 
    13471347                                <textarea class="describe" 
    1348                                         <% if ( 'video' === type ) { %> 
     1348                                        <# if ( 'video' === type ) { #> 
    13491349                                                placeholder="<?php esc_attr_e('Describe this video&hellip;'); ?>" 
    1350                                         <% } else if ( 'audio' === type ) { %> 
     1350                                        <# } else if ( 'audio' === type ) { #> 
    13511351                                                placeholder="<?php esc_attr_e('Describe this audio file&hellip;'); ?>" 
    1352                                         <% } else { %> 
     1352                                        <# } else { #> 
    13531353                                                placeholder="<?php esc_attr_e('Describe this media file&hellip;'); ?>" 
    1354                                         <% } %> 
    1355                                         ><%- title %></textarea> 
    1356                         <% } %> 
    1357                 <% } %> 
     1354                                        <# } #> 
     1355                                        >{{ title }}</textarea> 
     1356                        <# } #> 
     1357                <# } #> 
    13581358        </script> 
    13591359 
    13601360        <script type="text/html" id="tmpl-attachment-details"> 
    13611361                <h3><?php _e('Edit Attachment Details'); ?></h3> 
    1362                 <div class="attachment-preview attachment-details-preview type-<%- type %> subtype-<%- subtype %> <%- orientation %>"> 
    1363                         <% if ( uploading ) { %> 
     1362                <div class="attachment-preview attachment-details-preview type-{{ type }} subtype-{{ subtype }} {{ orientation }}"> 
     1363                        <# if ( uploading ) { #> 
    13641364                                <div class="media-progress-bar"><div></div></div> 
    1365                         <% } else if ( 'image' === type ) { %> 
     1365                        <# } else if ( 'image' === type ) { #> 
    13661366                                <div class="thumbnail"> 
    1367                                         <img src="<%- url %>" draggable="false" /> 
     1367                                        <img src="{{ url }}" draggable="false" /> 
    13681368                                </div> 
    1369                         <% } else { %> 
     1369                        <# } else { #> 
    13701370                                <div class="icon-thumbnail"> 
    1371                                         <img src="<%- icon %>" class="icon" draggable="false" /> 
    1372                                         <div class="filename"><%- filename %></div> 
     1371                                        <img src="{{ icon }}" class="icon" draggable="false" /> 
     1372                                        <div class="filename">{{ filename }}</div> 
    13731373                                </div> 
    1374                         <% } %> 
     1374                        <# } #> 
    13751375                </div> 
    13761376 
    1377                 <% if ( 'image' === type ) { %> 
     1377                <# if ( 'image' === type ) { #> 
    13781378                        <textarea class="describe" 
    13791379                                placeholder="<?php esc_attr_e('Describe this image&hellip;'); ?>" 
    1380                                 ><%- caption %></textarea> 
    1381                 <% } else { %> 
     1380                                >{{ caption }}</textarea> 
     1381                <# } else { #> 
    13821382                        <textarea class="describe" 
    1383                                 <% if ( 'video' === type ) { %> 
     1383                                <# if ( 'video' === type ) { #> 
    13841384                                        placeholder="<?php esc_attr_e('Describe this video&hellip;'); ?>" 
    1385                                 <% } else if ( 'audio' === type ) { %> 
     1385                                <# } else if ( 'audio' === type ) { #> 
    13861386                                        placeholder="<?php esc_attr_e('Describe this audio file&hellip;'); ?>" 
    1387                                 <% } else { %> 
     1387                                <# } else { #> 
    13881388                                        placeholder="<?php esc_attr_e('Describe this media file&hellip;'); ?>" 
    1389                                 <% } %> 
    1390                                 ><%- title %></textarea> 
    1391                 <% } %> 
     1389                                <# } #> 
     1390                                >{{ title }}</textarea> 
     1391                <# } #> 
    13921392        </script> 
    13931393 
    13941394        <script type="text/html" id="tmpl-media-selection"> 
    13951395                <div class="selection-info"> 
    13961396                        <span class="count"></span> 
    1397                         <% if ( clearable ) { %> 
     1397                        <# if ( clearable ) { #> 
    13981398                                <a class="clear-selection" href="#"><?php _e('Clear'); ?></a> 
    1399                         <% } %> 
     1399                        <# } #> 
    14001400                </div> 
    14011401                <div class="selection-view"></div> 
    14021402        </script> 
    14031403 
    14041404        <script type="text/html" id="tmpl-media-selection-preview"> 
    1405                 <div class="selected-img selected-count-<%- count %>"> 
    1406                         <% if ( thumbnail ) { %> 
    1407                                 <img src="<%- thumbnail %>" draggable="false" /> 
    1408                         <% } %> 
     1405                <div class="selected-img selected-count-{{ count }}"> 
     1406                        <# if ( thumbnail ) { #> 
     1407                                <img src="{{ thumbnail }}" draggable="false" /> 
     1408                        <# } #> 
    14091409 
    1410                         <span class="count"><%- count %></span> 
     1410                        <span class="count">{{ count }}</span> 
    14111411                </div> 
    1412                 <% if ( clearable ) { %> 
     1412                <# if ( clearable ) { #> 
    14131413                        <a class="clear-selection" href="#"><?php _e('Clear selection'); ?></a> 
    1414                 <% } %> 
     1414                <# } #> 
    14151415        </script> 
    14161416 
    14171417        <script type="text/html" id="tmpl-attachment-display-settings"> 
    function wp_print_media_templates( $attachment ) { 
    14591459                <h4><?php _e('Gallery Columns'); ?></h4> 
    14601460 
    14611461                <select class="columns" name="columns" data-setting="columns"> 
    1462                         <% _.times( 9, function( i ) { %> 
    1463                                 <option value="<%- i %>"><%- i %></option> 
    1464                         <% }); %> 
     1462                        <# _.times( 9, function( i ) { #> 
     1463                                <option value="{{ i }}">{{ i }}</option> 
     1464                        <# }); }} 
    14651465                </select> 
    14661466        </script> 
    14671467 
    14681468        <script type="text/html" id="tmpl-editor-attachment"> 
    14691469                <div class="editor-attachment-preview"> 
    1470                         <% if ( url ) { %> 
    1471                                 <img src="<%- url %>" width="<%- width %>" height="<%- height %>" draggable="false" /> 
    1472                         <% } %> 
     1470                        <# if ( url ) { #> 
     1471                                <img src="{{ url }}" width="{{ width }}" height="{{ height }}" draggable="false" /> 
     1472                        <# } #> 
    14731473 
    1474                         <% if ( uploading ) { %> 
     1474                        <# if ( uploading ) { #> 
    14751475                                <div class="media-progress-bar"><div></div></div> 
    1476                         <% } %> 
     1476                        <# } #> 
    14771477                        <div class="overlay"> 
    14781478                                <div class="button close">&times;</div> 
    14791479                        </div> 
    function wp_print_media_templates( $attachment ) { 
    14821482        </script> 
    14831483 
    14841484        <script type="text/html" id="tmpl-editor-gallery"> 
    1485                 <% if ( url ) { %> 
    1486                         <img src="<%- url %>" draggable="false" /> 
    1487                 <% } %> 
     1485                <# if ( url ) { #> 
     1486                        <img src="{{ url }}" draggable="false" /> 
     1487                <# } #> 
    14881488 
    14891489                <div class="overlay"> 
    14901490                        <div class="button close">&times;</div> 
    function wp_print_media_templates( $attachment ) { 
    14931493        </script> 
    14941494 
    14951495        <script type="text/html" id="tmpl-attachments-css"> 
    1496                 <style type="text/css" id="<%- id %>-css"> 
    1497                         #<%- id %> { 
    1498                                 padding: 0 <%- gutter %>px; 
     1496                <style type="text/css" id="{{ id }}-css"> 
     1497                        #{{ id }} { 
     1498                                padding: 0 {{ gutter }}px; 
    14991499                        } 
    15001500 
    1501                         #<%- id %> .attachment { 
    1502                                 margin: <%- gutter %>px; 
    1503                                 width: <%- edge %>px; 
     1501                        #{{ id }} .attachment { 
     1502                                margin: {{ gutter }}px; 
     1503                                width: {{ edge }}px; 
    15041504                        } 
    15051505 
    1506                         #<%- id %> .attachment-preview, 
    1507                         #<%- id %> .attachment-preview .thumbnail { 
    1508                                 width: <%- edge %>px; 
    1509                                 height: <%- edge %>px; 
     1506                        #{{ id }} .attachment-preview, 
     1507                        #{{ id }} .attachment-preview .thumbnail { 
     1508                                width: {{ edge }}px; 
     1509                                height: {{ edge }}px; 
    15101510                        } 
    15111511 
    1512                         #<%- id %> .portrait .thumbnail img { 
    1513                                 width: <%- edge %>px; 
     1512                        #{{ id }} .portrait .thumbnail img { 
     1513                                width: {{ edge }}px; 
    15141514                                height: auto; 
    15151515                        } 
    15161516 
    1517                         #<%- id %> .landscape .thumbnail img { 
     1517                        #{{ id }} .landscape .thumbnail img { 
    15181518                                width: auto; 
    1519                                 height: <%- edge %>px; 
     1519                                height: {{ edge }}px; 
    15201520                        } 
    15211521                </style> 
    15221522        </script>