editor: Inserting document templates support
[fnpeditor.git] / src / editor / 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">nagłówek</button>
4         <button data-name="new-node" data-meta="div/p" data-btn-type="cmd" class="btn btn-mini">paragraf</button>
5         <button data-name="new-node" data-meta="span/cite" data-btn-type="cmd" class="btn btn-mini">cytat</i></button>
6         <button data-name="new-node" data-meta="span/uri" data-btn-type="cmd" class="btn btn-mini">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<% } %>><%= tagNames[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.items', 'item', 'uri', 'p', 'footnote', 'todo', 'emp'] %>
15             <% options.forEach(function(option) { %>
16                 <option value="<%= option.replace(/\./g, '-') %>" <% if(option==='cite') { %>selected<% } %>><%= classNames[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="take-away-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-remove-circle"></i></button>
23     </div>    
24     <div class="rng-module-documentToolbar-toolbarGroup">
25         <button data-name="list" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-list"></i></button>
26         <button data-name="unwrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-up"></i></button>
27         <button data-name="wrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-down"></i></button>
28     </div>
29
30     <div class="rng-module-documentToolbar-toolbarGroup">
31         <button data-name="remove-node" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-ban-circle"></i></button>
32         <button data-name="undo" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-arrow-left"></i></button>
33         <button data-name="redo" data-btn-type="cmd" class="btn btn-mini"><i class="icon-share-alt"></i></button>
34     </div>
35     <div class="rng-module-documentToolbar-toolbarGroup">
36         <button data-name="footnote" data-btn-type="cmd" class="btn btn-mini"><i class="icon-comment"></i></button>
37     </div>
38     <div class="rng-module-documentToolbar-toolbarGroup">
39         <button data-name="grid" data-btn-type="toggle" class="btn btn-mini"><i class="icon-th-large"></i></button>
40     </div>
41
42     <% if(templates) { %>
43     <div class="rng-module-documentToolbar-toolbarGroup">
44         <select data-name="templates-select">
45         <% templates.forEach(function(template) { %>
46             <option value="<%= template.id %>"><%= template.name %></option>
47         <% }); %>
48         </select>
49         <button class="btn btn-mini" data-name="templatesBtn">+</button>
50     </div>
51     <% } %>
52
53     <div style="clear: both;"></div>
54 </div>