WordPress.org

Make WordPress Core

Ticket #22344: 22344-moustache.diff

File 22344-moustache.diff, 8.4 KB (added by rmccue, 18 months 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>