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/link" data-btn-type="cmd" class="btn btn-mini">link</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<% } %>><%= wlxmlUtils.getTagLabel(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', 'link', 'p', 'footnote', 'todo', 'emp'] %>
  15             <% options.forEach(function(option) { %>
  16                 <option value="<%= option.replace(/\./g, '-') %>" <% if(option==='cite') { %>selected<% } %>><%= wlxmlUtils.getClassLabel(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         <button data-name="remove-node" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-ban-circle"></i></button>
  24     </div>
  25     <div class="rng-module-documentToolbar-toolbarGroup">
  26         <button data-name="list" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-list"></i></button>
  27         <button data-name="unwrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-up"></i></button>
  28         <button data-name="wrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-down"></i></button>
  29     </div>
  30
  31     <div class="rng-module-documentToolbar-toolbarGroup">
  32         <button data-name="undo" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-share-alt" style="-webkit-transform: scale(-1,1); transform: scale(-1, 1);"></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-asterisk"></i></button>
  37         <button data-name="new-node" data-meta="aside/comment" data-btn-type="cmd" class="btn btn-mini"><i class="icon-comment"></i></button>
  38
  39     </div>
  40     <div class="rng-module-documentToolbar-toolbarGroup">
  41         <button data-name="grid" data-btn-type="toggle" class="btn btn-mini"><i class="icon-th-large"></i></button>
  42     </div>
  43
  44     <% if(templates) { %>
  45     <div class="rng-module-documentToolbar-toolbarGroup">
  46         <select data-name="templates-select">
  47         <% templates.forEach(function(template) { %>
  48             <option value="<%= template.id %>"><%= template.name %></option>
  49         <% }); %>
  50         </select>
  51         <button class="btn btn-mini" data-name="templatesBtn">+</button>
  52     </div>
  53     <% } %>
  54
  55     <div style="clear: both;"></div>
  56 </div>