hestiacp/web/js/templates.js

/**
 *
 * @author: Malishev Dmitry <dima.malishev@gmail.com>
 */
App.Templates.html = {
	WEB: {
		hint: [''],
		notification: [
			'<li class="top-bar-notification-item ~!:UNSEEN~!" id="notification-~!:ID~!">\
				<div class="top-bar-notification-header">\
					<p class="top-bar-notification-title">~!:TOPIC~!</p>\
					<a href="#" class="top-bar-notification-delete js-delete-notification">\
						<i class="fas fa-xmark"></i>\
					</a>\
				</div>\
				~!:NOTICE~!\
				<p class="top-bar-notification-timestamp">~!:TIME~! ~!:DATE~!</p>\
			</li>',
		],
		notification_empty: [
			'<li class="top-bar-notification-item empty">\
				<i class="fas fa-bell-slash status-icon dim"></i><p>' +
				App.Constants.NOTIFICATIONS_EMPTY +
				'</p>\
			</li>',
		],
		notification_mark_all: [
			'<li>\
				<a href="#" class="top-bar-notification-mark-all js-mark-all-notifications">\
					<i class="fas fa-check"></i>' +
				App.Constants.NOTIFICATIONS_DELETE_ALL +
				'</a>\
			</li>',
		],
	},
};

// Internals
var Tpl = App.Templates;

var Templator = function () {
	var init = function () {
		Templator.splitThemAll();
		Templator.freezeTplIndexes();
	};

	/**
	 * Split the tpl strings into arrays
	 */
	(Templator.splitThemAll = function () {
		jQuery.each(App.Templates.html, function (o) {
			//try{
			var tpls = App.Templates.html[o];
			jQuery.each(tpls, function (t) {
				tpls[t] = tpls[t][0].split('~!');
			});
			//}catch(e){fb.error('%o %o', o, e);}
		});
	}),
		/**
		 * Iterates tpls
		 */
		(Templator.freezeTplIndexes = function () {
			jQuery.each(App.Templates.html, Templator.cacheTplIndexes);
		}),
		/**
		 * Grab the tpl group key and process it
		 */
		(Templator.cacheTplIndexes = function (key) {
			var tpls = App.Templates.html[key];

			jQuery.each(tpls, function (o) {
				var tpl = tpls[o];
				Templator.catchIndex(key, o, tpl);
			});
		}),
		/**
		 * Set the indexes
		 */
		(Templator.catchIndex = function (key, ref_key, tpl) {
			'undefined' == typeof App.Templates._indexes[key]
				? (App.Templates._indexes[key] = {})
				: false;
			'undefined' == typeof App.Templates._indexes[key][ref_key]
				? (App.Templates._indexes[key][ref_key] = {})
				: false;

			jQuery(tpl).each(function (index, o) {
				if (':' == o.charAt(0)) {
					App.Templates._indexes[key][ref_key][o.toString()] = index;
				}
			});
		});

	/**
	 * Get concrete templates
	 */
	init();
	return Templator;
};

Templator.getTemplate = function (ns, key) {
	return [App.Templates._indexes[ns][key], App.Templates.html[ns][key].slice(0)];
};
// init templator
Tpl.Templator = Templator();

Tpl.get = function (key, group) {
	return Tpl.Templator.getTemplate(group, key);
};