comparison app/views/pastes/show.html.erb @ 125:64f73525503b

Use button toolbar instead of nav.
author Edho Arief <edho@myconan.net>
date Mon, 12 Nov 2012 16:22:03 +0700
parents 546381cf83c2
children 256c178458dc
comparison
equal deleted inserted replaced
124:4a8cefa814f1 125:64f73525503b
2 <% @skip_csrf = true %> 2 <% @skip_csrf = true %>
3 <div class="page-header"> 3 <div class="page-header">
4 <h1><%= content_for :title %></h1> 4 <h1><%= content_for :title %></h1>
5 </div> 5 </div>
6 6
7 <div class="tabbable"> 7
8 <ul id="paste-tabs" class="nav nav-tabs"> 8 <div id="paste-show" class="tabbable">
9 <li class="active"><%= link_to 'Plain', '#plain', :data => { :toggle => 'tab' } %></li> 9 <div class="btn-toolbar">
10 <li><%= link_to 'Highlight', '#highlight', :data => { :toggle => 'tab' } %></li> 10 <div id="paste-mode" class="btn-group" data-toggle="buttons-radio">
11 <li><%= link_to 'Markdown', '#markdown', :data => { :toggle => 'tab' } %></li> 11 <%= link_to 'Plain', '#plain', :data => { :toggle => 'tab' }, :class => 'btn active' %>
12 <li class="pull-right"> 12 <%= link_to 'Highlight', '#highlight', :data => { :toggle => 'tab' }, :class => 'btn' %>
13 <div class="btn-group" id="tab-resize"> 13 <%= link_to 'Markdown', '#markdown', :data => { :toggle => 'tab' }, :class => 'btn' %>
14 <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"> 14 </div>
15 Width: auto 15 <div class="btn-group" id="paste-resize">
16 <span class="caret"></span> 16 <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
17 </a> 17 Width: auto
18 <ul class="dropdown-menu"> 18 <span class="caret"></span>
19 <li><a href="#" data-size="auto">auto</a></li> 19 </a>
20 <li><a href="#" data-size="560px">560px</a></li> 20 <ul class="dropdown-menu">
21 <li><a href="#" data-size="760px">760px</a></li> 21 <li><a href="#" data-size="auto">auto</a></li>
22 <li><a href="#" data-size="960px">960px</a></li> 22 <li><a href="#" data-size="560px">560px</a></li>
23 </ul> 23 <li><a href="#" data-size="760px">760px</a></li>
24 </div> 24 <li><a href="#" data-size="960px">960px</a></li>
25 </li> 25 </ul>
26 </ul> 26 </div>
27 </div>
27 <div id="paste" data-mode="plain" data-width="auto" class="tab-content"> 28 <div id="paste" data-mode="plain" data-width="auto" class="tab-content">
28 <div class="tab-pane active" id="plain"> 29 <div class="tab-pane active" id="plain">
29 <pre><%= @paste.paste %></pre> 30 <pre><%= @paste.paste %></pre>
30 </div> 31 </div>
31 <div class="tab-pane" id="highlight"> 32 <div class="tab-pane" id="highlight">