WordPress.org

Make WordPress Core

Ticket #22344: 22344-hybrid.diff

File 22344-hybrid.diff, 8.5 KB (added by rmccue, 6 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>