modules/documentToolbar/template.html

   1 <div class="rng-module-documentToolbar">
   2     <div class="rng-module-documentToolbar-toolbarGroup">
   3         <button data-btn="new-node" data-meta="header/" data-btn-type="cmd" class="btn btn-mini">header</button>
   4         <button data-btn="new-node" data-meta="div/p" data-btn-type="cmd" class="btn btn-mini">div/p</button>
   5         <button data-btn="new-node" data-meta="span/cite" data-btn-type="cmd" class="btn btn-mini">span/cite</i></button>
   6         <button data-btn="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-btn="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-btn="unwrap-node" data-btn-type="cmd" class="btn btn-mini"><i class="icon-arrow-up"></i></button>
  23     </div>
  24     <div class="rng-module-documentToolbar-toolbarGroup">
  25         <button data-btn="grid" data-btn-type="toggle" class="btn btn-mini"><i class="icon-th-large"></i></button>
  26         <button data-btn="tags" data-btn-type="toggle" class="btn btn-mini"><i class="icon-tag"></i></button>
  27     </div>
  28     <div class="rng-module-documentToolbar-toolbarGroup">
  29         <button data-btn="createList" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini"><i class="icon-list"></i></button>
  30         <button data-btn="createList" data-btn-type="cmd" data-meta="enum" class="btn btn-mini"><i class="icon-th-list"></i></button>
  31     </div>
  32     <div style="clear: both;"></div>
  33 </div>