<% var renderBar = function(name) { %>

<% }; %> <% var renderSegmentedBar = function(name, segments) { segments = segments || 10; %>

> <% for (var i = 0; i < segments; i++) { %>

<% } %>

<% }; %> <% var renderDrawer = function(name, renderContent) { %>

<% renderContent(name); %>

<% }; %> <% var renderIndicator = function(name) { %>

<% }; %> <% var renderButton = function(name) { %> <% }; %> <% var templates = { bar: renderBar, segmentedBar: renderSegmentedBar, }; var render = function(settingsList) { settingsList.forEach(function(setting) { if(setting === "seekbar") { renderBar(setting); } else if (setting === "volume") { renderDrawer(setting, settings.volumeBarTemplate ? templates[settings.volumeBarTemplate] : function(name) { return renderSegmentedBar(name); }); } else if (setting === "duration" || setting === "position") { renderIndicator(setting); } else { renderButton(setting); } }); }; %> <% if (settings.default && settings.default.length) { %>

<% render(settings.default); %>

<% } %> <% if (settings.left && settings.left.length) { %>

<% render(settings.left); %>

<% } %> <% if (settings.right && settings.right.length) { %>

<% render(settings.right); %>

<% } %>