Mercurial > zeropaste
comparison app/views/pastes/show.html.erb @ 469:68231013b01b bootstrap-4
Now with more bootstrap than ever
author | nanaya <me@nanaya.pro> |
---|---|
date | Sun, 23 Feb 2020 22:25:50 +0900 |
parents | 1fc5ddcde386 |
children |
comparison
equal
deleted
inserted
replaced
468:802dcd44188e | 469:68231013b01b |
---|---|
1 <% provide :title, "Paste ##{@paste.id}" %> | 1 <% provide :title, "Paste ##{@paste.id}" %> |
2 | 2 |
3 <div class="row"><div class="col-xs-12"> | 3 <ul class="nav nav-tabs" role="tablist"> |
4 <ul class="nav nav-tabs" role="tablist"> | 4 <% [ |
5 <% [ | 5 { title: t(".plain"), target: 'pl', active: true }, |
6 { :title => t(".plain"), :target => "pl", :active => true }, | 6 { title: t(".highlight"), target: 'hl' }, |
7 { :title => t(".highlight"), :target => "hl" }, | 7 { title: t(".markdown"), target: 'md' } |
8 { :title => t(".markdown"), :target => "md" } | 8 ].each do |el| %> |
9 ].each do |el| %> | 9 <li class="nav-item"> |
10 <li role="presentation" class="<%= "active" if el[:active] %>"> | 10 <%= link_to el[:title], "##{el[:target]}", |
11 <%= link_to el[:title], "##{el[:target]}", | 11 data: { |
12 :data => { | 12 mode: el[:target], |
13 :mode => el[:target], | 13 toggle: 'tab', |
14 :toggle => "tab" | 14 }, |
15 }, | 15 aria: { controls: el[:target] }, |
16 :aria => { :controls => el[:target] }, | 16 role: 'tab', |
17 :role => "tab", | 17 class: "nav-link #{"active" if el[:active]} js-show-tab" |
18 :class => "js-show-tab" | 18 %> |
19 %> | 19 </li> |
20 </li> | 20 <% end %> |
21 <% end %> | 21 </ul> |
22 </ul> | |
23 </div></div> | |
24 | 22 |
25 <div class="row js-showing-paste"><div class="col-xs-12"><div class="paste-show"> | 23 <div class="js-showing-paste paste-show"> |
26 <div class="tab-content"> | 24 <div class="tab-content"> |
27 <div role="tabpanel" class="tab-pane active" id="pl"> | 25 <div role="tabpanel" class="tab-pane active" id="pl"> |
28 <pre class="paste-show__content"><code class="js-paste-pl"><%= @paste.paste %></code></pre> | 26 <pre class="paste-content"><code class="js-paste-pl"><%= @paste.paste %></code></pre> |
29 </div> | 27 </div> |
30 | 28 |
31 <div role="tabpanel" class="tab-pane" id="hl"> | 29 <div role="tabpanel" class="tab-pane" id="hl"> |
32 <pre class="paste-show__content"><code class="js-paste-hl zp-hl lang-<%= @paste.language.try(:parameterize) %>"></code></pre> | 30 <pre class="paste-content"><code class="js-paste-hl zp-hl lang-<%= @paste.language.try(:parameterize) %>"></code></pre> |
33 </div> | 31 </div> |
34 | 32 |
35 <div role="tabpanel" class="tab-pane" id="md"> | 33 <div role="tabpanel" class="tab-pane" id="md"> |
36 <div class="js-paste-md"></div> | 34 <div class="js-paste-md"></div> |
37 </div> | 35 </div> |
38 </div> | 36 </div> |
39 </div></div></div> | 37 </div> |
40 | 38 |
41 <div class="row"><div class="col-xs-12"> | 39 <%= form_for @paste, method: :delete, authenticity_token: false, html: { class: 'form-row' } do |f| %> |
42 <%= form_for @paste, :method => :delete, :authenticity_token => false do |f| %> | 40 <div class="col-auto my-1"> |
43 <div class="form-group form-group--narrow <%= error_class f.object, :key %>"> | 41 <%= f.text_field :key, |
44 <div class="input-group"> | 42 value: nil, |
45 <%= f.text_field :key, | 43 placeholder: t('pastes.new.deletion_key'), |
46 :value => nil, | 44 autofocus: f.object.errors.any?, |
47 :placeholder => t("pastes.new.deletion_key"), | 45 autocomplete: 'off', |
48 :autofocus => f.object.errors.any?, | 46 class: "form-control w-auto #{error_class f.object, :key}" |
49 :autocomplete => "off", | 47 %> |
50 :class => "form-control" | 48 </div> |
51 %> | |
52 | 49 |
53 <span class="input-group-btn"> | 50 <div class="col-auto my-1"> |
54 <%= f.button t(".delete"), :class => "btn btn-danger" %> | 51 <%= f.button t(".delete"), class: 'btn btn-danger' %> |
55 </span> | 52 </div> |
53 <% end %> | |
54 | |
55 <div class="row mt-4"> | |
56 <% [ | |
57 [t('.raw'), paste_path(@paste, :txt)], | |
58 [t('.derive'), root_path(:base => @paste)], | |
59 [t('.more'), root_path], | |
60 ].each do |label, url| %> | |
61 <div class="col-auto"> | |
62 <%= link_to label, url %> | |
56 </div> | 63 </div> |
57 </div> | 64 <% end %> |
58 <% end %> | 65 </div> |
59 </div></div> | |
60 | |
61 <ul class="nav nav-pills paste-show__footer"> | |
62 <li role="presentation"> | |
63 <%= link_to t(".raw"), paste_path(@paste, :txt) %> | |
64 </li> | |
65 <li role="presentation"> | |
66 <%= link_to t(".derive"), root_path(:base => @paste) %> | |
67 </li> | |
68 <li role="presentation"> | |
69 <%= link_to t(".more"), root_path %> | |
70 </li> | |
71 </ul> |