How to use the template function from underscore
Find comprehensive JavaScript underscore.template code examples handpicked from public code repositorys.
7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 7048
var $ = dom.$; var Symbology = require('./mapsymbology'); var controlTemplate = _.template("<a class=\"<%= model.className %>-toggle js-toggle\" href=\"#\" title=\"<%= i18n.__('measureDistancesAndAreas') %>\"><%= i18n.__('measure') %></a>\n<div class=\"<%= model.className %>-interaction js-interaction\">\n <div class=\"js-startprompt startprompt\">\n <h3><%= i18n.__('measureDistancesAndAreas') %></h3>\n <ul class=\"tasks\">\n <a href=\"#\" class=\"js-start start\"><%= i18n.__('createNewMeasurement') %></a>\n </ul>\n </div>\n <div class=\"js-measuringprompt\">\n <h3><%= i18n.__('measureDistancesAndAreas') %></h3>\n <p class=\"js-starthelp\"><%= i18n.__('startCreating') %></p>\n <div class=\"js-results results\"></div>\n <ul class=\"js-measuretasks tasks\">\n <li><a href=\"#\" class=\"js-cancel cancel\"><%= i18n.__('cancel') %></a></li>\n <li><a href=\"#\" class=\"js-finish finish\"><%= i18n.__('finishMeasurement') %></a></li>\n </ul>\n </div>\n</div>"); var resultsTemplate = _.template("<div class=\"group\">\n<p class=\"lastpoint heading\"><%= i18n.__('lastPoint') %></p>\n<p><%= model.lastCoord.dms.y %> <span class=\"coorddivider\">/</span> <%= model.lastCoord.dms.x %></p>\n<p><%= humanize.numberFormat(model.lastCoord.dd.y, 6) %> <span class=\"coorddivider\">/</span> <%= humanize.numberFormat(model.lastCoord.dd.x, 6) %></p>\n</div>\n<% if (model.pointCount > 1) { %>\n<div class=\"group\">\n<p><span class=\"heading\"><%= i18n.__('pathDistance') %></span> <%= model.lengthDisplay %></p>\n</div>\n<% } %>\n<% if (model.pointCount > 2) { %>\n<div class=\"group\">\n<p><span class=\"heading\"><%= i18n.__('area') %></span> <%= model.areaDisplay %></p>\n</div>\n<% } %>"); var pointPopupTemplate = _.template("<h3><%= i18n.__('pointLocation') %></h3>\n<p><%= model.lastCoord.dms.y %> <span class=\"coorddivider\">/</span> <%= model.lastCoord.dms.x %></p>\n<p><%= humanize.numberFormat(model.lastCoord.dd.y, 6) %> <span class=\"coorddivider\">/</span> <%= humanize.numberFormat(model.lastCoord.dd.x, 6) %></p>\n<ul class=\"tasks\">\n <li><a href=\"#\" class=\"js-zoomto zoomto\"><%= i18n.__('centerOnLocation') %></a></li>\n <li><a href=\"#\" class=\"js-deletemarkup deletemarkup\"><%= i18n.__('delete') %></a></li>\n</ul>"); var linePopupTemplate = _.template("<h3><%= i18n.__('linearMeasurement') %></h3>\n<p><%= model.lengthDisplay %></p>\n<ul class=\"tasks\">\n <li><a href=\"#\" class=\"js-zoomto zoomto\"><%= i18n.__('centerOnLine') %></a></li>\n <li><a href=\"#\" class=\"js-deletemarkup deletemarkup\"><%= i18n.__('delete') %></a></li>\n</ul>"); var areaPopupTemplate = _.template("<h3><%= i18n.__('areaMeasurement') %></h3>\n<p><%= model.areaDisplay %></p>\n<p><%= model.lengthDisplay %> <%= i18n.__('perimeter') %></p>\n<ul class=\"tasks\">\n <li><a href=\"#\" class=\"js-zoomto zoomto\"><%= i18n.__('centerOnArea') %></a></li>\n <li><a href=\"#\" class=\"js-deletemarkup deletemarkup\"><%= i18n.__('delete') %></a></li>\n</ul>");
0
2
0
+ 4 other calls in file
GitHub: wotcity/ui-moving-line
85 86 87 88 89 90 91 92 93 94 95
* VIEWS **/ app.ContainerView = Backbone.View.extend({ el: '#container', template: _.template( $('#tmpl-data').html() ), data: [], maximum: 0, series: [], name: '',
7
1
3
GitHub: artcompiler/graffiticode
81 82 83 84 85 86 87 88 89 90
console.error(err.stack); res.sendStatus(500); }); app.engine('html', function (templateFile, options, callback) { fs.readFile(templateFile, function (err, templateData) { const template = _.template(String(templateData)); callback(err, template(options)); }); });
4
1
2
25 26 27 28 29 30 31 32 33 34 35 36
} var makeSrc = function(options, urls) { var templates = { eot: _.template('url("<%= url %>?#iefix") format("embedded-opentype")'), woff2: _.template('url("<%= url %>") format("woff2")'), woff: _.template('url("<%= url %>") format("woff")'), ttf: _.template('url("<%= url %>") format("truetype")'), svg: _.template('url("<%= url %>#<%= fontName %>") format("svg")')
0
1
1
+ 4 other calls in file
17 18 19 20 21 22 23 24 25 26 27
var LEVELS = require('../../levels'); var LevelDropdownView = ContainedBase.extend({ tagName: 'div', className: 'levelDropdownView box vertical', template: _.template($('#level-dropdown-view').html()), events: { 'click div.levelDropdownTab': 'onTabClick' },
0
0
1
+ 5 other calls in file
GitHub: cassiel9/Git123
341 342 343 344 345 346 347 348 349 350 351 352
} }); var ModalAlert = ContainedBase.extend({ tagName: 'div', template: _.template($('#modal-alert-template').html()), initialize: function(options) { this.options = options || {}; this.JSON = {
0
0
1
+ 20 other calls in file
underscore.keys is the most popular function in underscore (11266 examples)