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="grid" data-btn-type="toggle" class="btn btn-mini"><i class="icon-th-large"></i></button>
  27         <button data-name="tags" data-btn-type="toggle" class="btn btn-mini"><i class="icon-tag"></i></button>
  28     </div>
  29     <div class="rng-module-documentToolbar-toolbarGroup">
  30         <button data-name="list" data-btn-type="toggle" data-meta="bullets" class="btn btn-mini"><i class="icon-list"></i></button>
  31         <button data-name="createList" data-btn-type="cmd" data-meta="enum" class="btn btn-mini"><i class="icon-th-list"></i></button>
  32     </div>
  33     <div style="clear: both;"></div>
  34 </div>