WordPress.org

Make WordPress Core

Ticket #22344: 22344-moustache.diff

File 22344-moustache.diff, 8.4 KB (added by rmccue, 6 years ago)

Replace <% with {{ (Mustache-style)

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

    diff --git wp-includes/js/media-models.js wp-includes/js/media-models.js
    index e9776b4..874cb08 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 990d64e..5f44cae 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"></div>
    function wp_print_media_templates( $attachment ) { 
    13171317        </script>
    13181318
    13191319        <script type="text/html" id="tmpl-sidebar">
    1320                 <h2 class="sidebar-title"><%- title %></h2>
     1320                <h2 class="sidebar-title">{{- title }}</h2>
    13211321                <div class="sidebar-content"></div>
    13221322        </script>
    13231323
    13241324        <script type="text/html" id="tmpl-attachment">
    1325                 <div class="attachment-preview type-<%- type %> subtype-<%- subtype %> <%- orientation %>">
    1326                         <% if ( uploading ) { %>
     1325                <div class="attachment-preview type-{{- type }} subtype-{{- subtype }} {{- orientation }}">
     1326                        {{ if ( uploading ) { }}
    13271327                                <div class="media-progress-bar"><div></div></div>
    1328                         <% } else if ( 'image' === type ) { %>
     1328                        {{ } else if ( 'image' === type ) { }}
    13291329                                <div class="thumbnail">
    13301330                                        <div class="centered">
    1331                                                 <img src="<%- url %>" draggable="false" />
     1331                                                <img src="{{- url }}" draggable="false" />
    13321332                                        </div>
    13331333                                </div>
    1334                         <% } else { %>
    1335                                 <img src="<%- icon %>" class="icon" draggable="false" />
    1336                                 <div class="filename"><%- filename %></div>
    1337                         <% } %>
     1334                        {{ } else { }}
     1335                                <img src="{{- icon }}" class="icon" draggable="false" />
     1336                                <div class="filename">{{- filename }}</div>
     1337                        {{ } }}
    13381338
    1339                         <% if ( buttons.close ) { %>
     1339                        {{ if ( buttons.close ) { }}
    13401340                                <a class="close button" href="#">&times;</a>
    1341                         <% } %>
     1341                        {{ } }}
    13421342                </div>
    1343                 <% if ( describe ) { %>
    1344                         <% if ( 'image' === type ) { %>
     1343                {{ if ( describe ) { }}
     1344                        {{ if ( 'image' === type ) { }}
    13451345                                <textarea class="describe"
    13461346                                        placeholder="<?php esc_attr_e('Describe this image&hellip;'); ?>"
    1347                                         ><%- caption %></textarea>
    1348                         <% } else { %>
     1347                                        >{{- caption }}</textarea>
     1348                        {{ } else { }}
    13491349                                <textarea class="describe"
    1350                                         <% if ( 'video' === type ) { %>
     1350                                        {{ if ( 'video' === type ) { }}
    13511351                                                placeholder="<?php esc_attr_e('Describe this video&hellip;'); ?>"
    1352                                         <% } else if ( 'audio' === type ) { %>
     1352                                        {{ } else if ( 'audio' === type ) { }}
    13531353                                                placeholder="<?php esc_attr_e('Describe this audio file&hellip;'); ?>"
    1354                                         <% } else { %>
     1354                                        {{ } else { }}
    13551355                                                placeholder="<?php esc_attr_e('Describe this media file&hellip;'); ?>"
    1356                                         <% } %>
    1357                                         ><%- title %></textarea>
    1358                         <% } %>
    1359                 <% } %>
     1356                                        {{ } }}
     1357                                        >{{- title }}</textarea>
     1358                        {{ } }}
     1359                {{ } }}
    13601360        </script>
    13611361
    13621362        <script type="text/html" id="tmpl-attachment-details">
    1363                 <div class="attachment-preview attachment-details-preview type-<%- type %> subtype-<%- subtype %> <%- orientation %>">
    1364                         <% if ( uploading ) { %>
     1363                <div class="attachment-preview attachment-details-preview type-{{- type }} subtype-{{- subtype }} {{- orientation }}">
     1364                        {{ if ( uploading ) { }}
    13651365                                <div class="media-progress-bar"><div></div></div>
    1366                         <% } else if ( 'image' === type ) { %>
     1366                        {{ } else if ( 'image' === type ) { }}
    13671367                                <div class="thumbnail">
    1368                                         <img src="<%- url %>" draggable="false" />
     1368                                        <img src="{{- url }}" draggable="false" />
    13691369                                </div>
    1370                         <% } else { %>
     1370                        {{ } else { }}
    13711371                                <div class="icon-thumbnail">
    1372                                         <img src="<%- icon %>" class="icon" draggable="false" />
    1373                                         <div class="filename"><%- filename %></div>
     1372                                        <img src="{{- icon }}" class="icon" draggable="false" />
     1373                                        <div class="filename">{{- filename }}</div>
    13741374                                </div>
    1375                         <% } %>
     1375                        {{ } }}
    13761376                </div>
    13771377
    1378                 <% if ( 'image' === type ) { %>
     1378                {{ if ( 'image' === type ) { }}
    13791379                        <textarea class="describe"
    13801380                                placeholder="<?php esc_attr_e('Describe this image&hellip;'); ?>"
    1381                                 ><%- caption %></textarea>
    1382                 <% } else { %>
     1381                                >{{- caption }}</textarea>
     1382                {{ } else { }}
    13831383                        <textarea class="describe"
    1384                                 <% if ( 'video' === type ) { %>
     1384                                {{ if ( 'video' === type ) { }}
    13851385                                        placeholder="<?php esc_attr_e('Describe this video&hellip;'); ?>"
    1386                                 <% } else if ( 'audio' === type ) { %>
     1386                                {{ } else if ( 'audio' === type ) { }}
    13871387                                        placeholder="<?php esc_attr_e('Describe this audio file&hellip;'); ?>"
    1388                                 <% } else { %>
     1388                                {{ } else { }}
    13891389                                        placeholder="<?php esc_attr_e('Describe this media file&hellip;'); ?>"
    1390                                 <% } %>
    1391                                 ><%- title %></textarea>
    1392                 <% } %>
     1390                                {{ } }}
     1391                                >{{- title }}</textarea>
     1392                {{ } }}
    13931393        </script>
    13941394
    13951395        <script type="text/html" id="tmpl-media-selection-preview">
    1396                 <div class="selected-img selected-count-<%- count %>">
    1397                         <% if ( thumbnail ) { %>
    1398                                 <img src="<%- thumbnail %>" draggable="false" />
    1399                         <% } %>
     1396                <div class="selected-img selected-count-{{- count }}">
     1397                        {{ if ( thumbnail ) { }}
     1398                                <img src="{{- thumbnail }}" draggable="false" />
     1399                        {{ } }}
    14001400
    1401                         <span class="count"><%- count %></span>
     1401                        <span class="count">{{- count }}</span>
    14021402                </div>
    1403                 <% if ( clearable ) { %>
     1403                {{ if ( clearable ) { }}
    14041404                        <a class="clear-selection" href="#"><?php _e('Clear selection'); ?></a>
    1405                 <% } %>
     1405                {{ } }}
    14061406        </script>
    14071407
    14081408        <script type="text/html" id="tmpl-attachment-display-settings">
    function wp_print_media_templates( $attachment ) { 
    14501450                <h4><?php _e('Gallery Columns'); ?></h4>
    14511451
    14521452                <select class="columns" name="columns" data-setting="columns">
    1453                         <% _.times( 9, function( i ) { %>
    1454                                 <option value="<%- i %>"><%- i %></option>
    1455                         <% }); %>
     1453                        {{ _.times( 9, function( i ) { }}
     1454                                <option value="{{- i }}">{{- i }}</option>
     1455                        {{ }); }}
    14561456                </select>
    14571457        </script>
    14581458
    14591459        <script type="text/html" id="tmpl-editor-attachment">
    14601460                <div class="editor-attachment-preview">
    1461                         <% if ( url ) { %>
    1462                                 <img src="<%- url %>" width="<%- width %>" height="<%- height %>" draggable="false" />
    1463                         <% } %>
     1461                        {{ if ( url ) { }}
     1462                                <img src="{{- url }}" width="{{- width }}" height="{{- height }}" draggable="false" />
     1463                        {{ } }}
    14641464
    1465                         <% if ( uploading ) { %>
     1465                        {{ if ( uploading ) { }}
    14661466                                <div class="media-progress-bar"><div></div></div>
    1467                         <% } %>
     1467                        {{ } }}
    14681468                        <div class="overlay">
    14691469                                <div class="button close">&times;</div>
    14701470                        </div>
    function wp_print_media_templates( $attachment ) { 
    14731473        </script>
    14741474
    14751475        <script type="text/html" id="tmpl-editor-gallery">
    1476                 <% if ( url ) { %>
    1477                         <img src="<%- url %>" draggable="false" />
    1478                 <% } %>
     1476                {{ if ( url ) { }}
     1477                        <img src="{{- url }}" draggable="false" />
     1478                {{ } }}
    14791479
    14801480                <div class="overlay">
    14811481                        <div class="button close">&times;</div>
    function wp_print_media_templates( $attachment ) { 
    14841484        </script>
    14851485
    14861486        <script type="text/html" id="tmpl-attachments-css">
    1487                 <style type="text/css" id="<%- id %>-css">
    1488                         #<%- id %> {
    1489                                 padding: <%- gutter %>px;
     1487                <style type="text/css" id="{{- id }}-css">
     1488                        #{{- id }} {
     1489                                padding: {{- gutter }}px;
    14901490                        }
    14911491
    1492                         #<%- id %> .attachment {
    1493                                 margin: <%- gutter %>px;
    1494                                 width: <%- edge %>px;
     1492                        #{{- id }} .attachment {
     1493                                margin: {{- gutter }}px;
     1494                                width: {{- edge }}px;
    14951495                        }
    14961496
    1497                         #<%- id %> .attachment-preview,
    1498                         #<%- id %> .attachment-preview .thumbnail {
    1499                                 width: <%- edge %>px;
    1500                                 height: <%- edge %>px;
     1497                        #{{- id }} .attachment-preview,
     1498                        #{{- id }} .attachment-preview .thumbnail {
     1499                                width: {{- edge }}px;
     1500                                height: {{- edge }}px;
    15011501                        }
    15021502
    1503                         #<%- id %> .portrait .thumbnail img {
    1504                                 width: <%- edge %>px;
     1503                        #{{- id }} .portrait .thumbnail img {
     1504                                width: {{- edge }}px;
    15051505                                height: auto;
    15061506                        }
    15071507
    1508                         #<%- id %> .landscape .thumbnail img {
     1508                        #{{- id }} .landscape .thumbnail img {
    15091509                                width: auto;
    1510                                 height: <%- edge %>px;
     1510                                height: {{- edge }}px;
    15111511                        }
    15121512                </style>
    15131513        </script>