Refactoring: nodeElement renders itself with its contents
[fnpeditor.git] / modules / documentToolbar / template.html
1 <div class="rng-module-documentToolbar">
2     <div class="rng-module-documentToolbar-toolbarGroup">
3         <button data-name="new-node" data-meta="header/" data-btn-type="cmd" class="btn btn-mini">header</button>
4         <button data-name="new-node" data-meta="div/p" data-btn-type="cmd" class="btn btn-mini">div/p</button>
5         <button data-name="new-node" data-meta="span/cite" data-btn-type="cmd" class="btn btn-mini">span/cite</i></button>
6         <button data-name="new-node" data-meta="span/uri" data-btn-type="cmd" class="btn btn-mini">span/uri</i></button>
7         <select class="rng-module-documentToolbar-toolbarOption" data-option="newTag-tag">
8             <% var options = ['', 'section', 'header', 'div', 'span', 'aside']; %>
9             <% options.forEach(function(option) { %>
10                 <option value="<%= option %>" <% if(option==='span') { %>selected<% } %>><%= option %></option>
11             <% }); %>
12         </select>
13         <select class="rng-module-documentToolbar-toolbarOption" data-option="newTag-class">
14             <% var options = ['', 'author', 'title', 'cite', 'cite.code', 'cite.code.xml', 'list', 'list.items', 'item', 'uri', 'p', 'footnote', 'todo', 'emp', 'emph.tech'] %>
15             <% options.forEach(function(option) { %>
16                 <option value="<%= option.replace(/\./g, '-') %>" <% if(option==='cite') { %>selected<% } %>><%= option %></option>
17             <% }); %>
18         </select>
19         <button data-name="new-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-plus"></i></button>
20     </div>
21     <div class="rng-module-documentToolbar-toolbarGroup">
22         <button data-name="unwrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-up"></i></button>
23         <button data-name="wrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-down"></i></button>
24     </div>    
25     <div class="rng-module-documentToolbar-toolbarGroup">
26         <button data-name="list" data-btn-type="toggle" data-meta="bullets" class="btn btn-mini"><i class="icon-list"></i></button>
27         <button data-name="createList" data-btn-type="cmd" data-meta="enum" class="btn btn-mini"><i class="icon-th-list"></i></button>
28     </div>
29     <div class="rng-module-documentToolbar-toolbarGroup">
30         <button data-name="grid" data-btn-type="toggle" class="btn btn-mini"><i class="icon-th-large"></i></button>
31     </div>
32
33     <div style="clear: both;"></div>
34 </div>