Mercurial > zeropaste
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"> |