diff app/views/pastes/show.html.erb @ 390:91dabc034389

Improved styling for show.
author nanaya <me@myconan.net>
date Sun, 07 Jun 2015 19:38:42 +0900
parents 797e351b2e2b
children 26f8c634052c
line wrap: on
line diff
--- a/app/views/pastes/show.html.erb	Sun Jun 07 13:05:31 2015 +0900
+++ b/app/views/pastes/show.html.erb	Sun Jun 07 19:38:42 2015 +0900
@@ -7,33 +7,35 @@
     <li><%= link_to 'Markdown', '#md', :data => { :toggle => 'pill' } %></li>
   </ul>
 
-  <div id="paste" class="tab-content">
-    <div class="tab-pane active" id="pl">
-      <pre><%= @paste.paste %></pre>
-    </div>
-    <div class="tab-pane" id="hl">
-      <pre class="prettyprint linenums"></pre>
-    </div>
-    <div class="tab-pane" id="md">
-      <div class="well"></div>
-    </div>
+  <div id="paste">
+    <% lines = @paste.paste.split("\n") %>
+    <%# list number contains <n> + "." + <2.5 * spaces (approx)> %>
+    <ol style="padding-left: <%= lines.size.to_s.length + 4 %>ch">
+      <% lines.each.with_index(1) do |line, i| %>
+        <li id="L<%= i %>">
+          <%= line %>
+        </li>
+      <% end %>
+    </ol>
   </div>
 </div>
 
-<%= form_for @paste, :method => :delete, :authenticity_token => false do |f| %>
+<nav id="paste-show-nav">
+  <%= form_for @paste, :method => :delete, :authenticity_token => false do |f| %>
 
-  <div class="row"><div class="col-md-4">
-    <div class="input-group">
-      <%= f.text_field :key, :value => nil, :placeholder => 'Deletion key', :class => "form-control", :autofocus => f.object.errors.any? %>
-      <span class="input-group-btn">
-        <%= f.button 'Delete this paste', :class => 'btn btn-danger' %>
-      </span>
-    </div>
-  </div></div>
-<% end %>
+    <div class="row"><div class="col-md-4">
+      <div class="input-group">
+        <%= f.text_field :key, :value => nil, :placeholder => 'Deletion key', :class => "form-control", :autofocus => f.object.errors.any? %>
+        <span class="input-group-btn">
+          <%= f.button 'Delete this paste', :class => 'btn btn-danger' %>
+        </span>
+      </div>
+    </div></div>
+  <% end %>
 
-<ul class="nav nav-pills">
-  <li><%= link_to 'Raw', paste_path(@paste, :txt) %></li>
-  <li><%= link_to 'Derive', root_path(:base => @paste) %></li>
-  <li><%= link_to 'More Paste', root_path %></li>
-</ul>
+  <ul class="nav nav-pills">
+    <li><%= link_to 'Raw', paste_path(@paste, :txt) %></li>
+    <li><%= link_to 'Derive', root_path(:base => @paste) %></li>
+    <li><%= link_to 'More Paste', root_path %></li>
+  </ul>
+</nav>