publify_core 10.0.3 → 11.0.0

data/app/views/admin/feedback/article.html.erb

@@ -4,7 +4,7 @@
   </h2>
 <% end %>
 
-<%= form_tag({ action: 'bulkops' }, { class: 'form-inline' }) do %>
+<%= form_tag({ action: 'bulkops' }) do %>
 
   <%= hidden_field_tag 'article_id', @article.id %>
 
@@ -40,35 +40,35 @@
   </table>
 <% end %>
 
-<%= form_tag action: 'create' do %>
-  <%= hidden_field_tag('article_id', @article.id) %>
-  <fieldset class='form-horizontal'>
+<%= form_with url: {action: 'create'}, local: true do |form| %>
+  <%= form.hidden_field :article_id, value: @article.id %>
+  <fieldset class='mb-4'>
     <legend><%= t('.add_a_comment') %></legend>
-    <div class="form-group">
-      <label for="comment_author" class='control-label col-sm-2'><%= t('.author') %></label>
-      <div class='col-sm-5'>
+    <div class="form-group row">
+      <label for="comment_author" class='col-form-label col-md-2'><%= t('.author') %></label>
+      <div class="col-md-5">
         <%= text_field 'comment', 'author', class: 'form-control' %>
       </div>
     </div>
-    <div class='form-group'>
-      <label for="comment_email" class='control-label col-sm-2'><%= t('.email') %></label>
-      <div class='col-sm-5'>
+    <div class="form-group row">
+      <label for="comment_email" class='col-form-label col-md-2'><%= t('.email') %></label>
+      <div class="col-md-5">
         <%= text_field 'comment', 'email', class: 'form-control' %>
       </div>
     </div>
-    <div class='form-group'>
-      <label for="comment_url" class='control-label col-sm-2'><%= t('.url') %></label>
-      <div class='col-sm-5'>
+    <div class="form-group row">
+      <label for="comment_url" class='col-form-label col-md-2'><%= t('.url') %></label>
+      <div class="col-md-5">
         <%= text_field 'comment', 'url', class: 'form-control' %>
       </div>
     </div>
-    <div class='form-group'>
-      <label for='comment_body' class='control-label col-sm-2'><%= t('.your_comment') %></label>
-      <div class='col-sm-5'>
+    <div class="form-group row">
+      <label for="comment_body" class='col-form-label col-md-2'><%= t('.your_comment') %></label>
+      <div class="col-md-5">
         <%= text_area 'comment', 'body', rows: '10', class: 'form-control' %>
       </div>
     </div>
-    <div>
+    <div class="mt-3">
       <%= t('.action_or_other_html', first_action: link_to(t('.cancel'), action: 'index'), second_action: submit_tag(t('.save'), class: 'btn btn-primary')) %>
     </div>
   </fieldset>

data/app/views/admin/feedback/edit.html.erb

@@ -21,39 +21,35 @@
 
   <%= hidden_field_tag 'article_id', @article.id %>
 
-  <fieldset>
+  <fieldset class='mb-4'>
     <legend><%= t('.edit_a_comment') %></legend>
-    <div class='row'>
-      <div class="form-group col-md-4">
-        <label for="comment_author" class='control-label'><%= t('.author') %></label>
+    <div class="form-group row">
+      <label for="comment_author" class='col-md-2 col-form-label'><%= t('.author') %></label>
+      <div class="col-md-5">
         <%= text_field 'comment', 'author', class: 'form-control' %>
       </div>
     </div>
-    <div class='row'>
-      <div class='form-group col-md-4'>
-        <label for="comment_email" class='control-label'><%= t('.email') %></label>
-          <%= text_field 'comment', 'email', class: 'form-control' %>
+    <div class="form-group row">
+      <label for="comment_email" class='col-md-2 col-form-label'><%= t('.email') %></label>
+      <div class="col-md-5">
+        <%= text_field 'comment', 'email', class: 'form-control' %>
       </div>
     </div>
-    <div class='row'>
-      <div class='form-group col-md-4'>
-        <label for="comment_url" class='control-label'><%= t('.url') %></label>
+    <div class="form-group row">
+      <label for="comment_url" class='col-md-2 col-form-label'><%= t('.url') %></label>
+      <div class="col-md-5">
         <%= text_field 'comment', 'url', class: 'form-control' %>
       </div>
     </div>
-    <div class='row'>
-      <div class='form-group col-md-12'>
-        <label for='comment_body' class='control-label'><%= t('.your_comment') %></label>
-        <script type="text/javascript">edToolbar('comment_body', '<%= @comment.text_filter_name %>');</script>
+    <div class="form-group row">
+      <label for="comment_body" class='col-md-2 col-form-label'><%= t('.your_comment') %></label>
+      <script type="text/javascript">edToolbar('comment_body', '<%= @comment.text_filter_name %>');</script>
+      <div class="col">
         <%= text_area 'comment', 'body', rows: '10', class: 'form-control' %>
       </div>
     </div>
-    <div class='row'>
-      <div class='form-group col-md-12'>
-        <hr>
-        <%= t('.action_or_other_html', first_action: link_to(t('.cancel'), action: 'index'), second_action: submit_tag(t('.save'), class: 'btn btn-primary')) %>
-      </div>
-    </div>
+    <div class="mt-3">
+      <%= t('.action_or_other_html', first_action: link_to(t('.cancel'), action: 'index'), second_action: submit_tag(t('.save'), class: 'btn btn-primary')) %>
     </div>
   </fieldset>
 <% end %>

data/app/views/admin/feedback/index.html.erb

@@ -4,18 +4,18 @@
   </h2>
 <% end %>
 
-<%= form_tag({ action: 'index' }, { method: :get, class: 'form-inline' }) do %>
+<%= form_tag({ action: 'index' }, { method: :get }) do %>
   <p>
-    <%= link_to(t('.all'), { controller: 'admin/feedback', action: :index }, { class: 'label label-default' }) %>
-    <%= link_to(t('.unapproved_comments'), { controller: 'admin/feedback', action: :index, only: 'unapproved' }, { class: 'label label-info' }) %>
-    <%= link_to(t('.presumed_ham'), { controller: 'admin/feedback', action: :index, only: 'presumed_ham' }, { class: 'label label-primary' }) %>
-    <%= link_to(t('.ham'), { controller: 'admin/feedback', action: :index, only: 'ham' }, { class: 'label label-success' }) %>
-    <%= link_to(t('.presumed_spam'), { controller: 'admin/feedback', action: :index, only: 'presumed_spam' }, { class: 'label label-warning' }) %>
-    <%= link_to(t('.spam'), { controller: 'admin/feedback', action: :index, only: 'spam' }, { class: 'label label-danger' }) %>
+    <%= link_to(t('.all'), { controller: 'admin/feedback', action: :index }, { class: 'badge text-bg-secondary' }) %>
+    <%= link_to(t('.unapproved_comments'), { controller: 'admin/feedback', action: :index, only: 'unapproved' }, { class: 'badge text-bg-info' }) %>
+    <%= link_to(t('.presumed_ham'), { controller: 'admin/feedback', action: :index, only: 'presumed_ham' }, { class: 'badge text-bg-primary' }) %>
+    <%= link_to(t('.ham'), { controller: 'admin/feedback', action: :index, only: 'ham' }, { class: 'badge text-bg-success' }) %>
+    <%= link_to(t('.presumed_spam'), { controller: 'admin/feedback', action: :index, only: 'presumed_spam' }, { class: 'badge text-bg-warning' }) %>
+    <%= link_to(t('.spam'), { controller: 'admin/feedback', action: :index, only: 'spam' }, { class: 'badge text-bg-danger' }) %>
   </p>
 <% end %>
 
-<%= form_tag({ action: 'bulkops' }, { class: 'form-inline' }) do %>
+<%= form_tag({ action: 'bulkops' }) do %>
 
   <%= hidden_field_tag 'page', params[:page] %>
 

data/app/views/admin/notes/_form.html.erb

@@ -1,5 +1,5 @@
 <%= n.hidden_field :text_filter_name, value: current_user.text_filter_name %>
-<div class='form-group'>
+<div class="mb-3">
   <%= n.text_area :body, class: 'form-control', rows: '7', placeholder: t('.compose_new_note') %>
 </div>
 
@@ -14,20 +14,20 @@
         <%= t('.posse_to_twitter') %>
       </label>
     </div>
-    <div class="form-group">
+    <div class="mb-3">
       <label for="note_in_reply_to_status_id"><%= t('.in_reply_to') %></label>
       <%= n.text_field :in_reply_to_status_id, class: 'form-control', placeholder: t('.tweet_id_like') %>
     </div>
   <% end %>
-  <div class='form-group'>
+  <div class="mb-3">
     <label for="note_permalink"><%= t('.permanent_link') %></label>
     <%= n.text_field :permalink, class: 'form-control' %>
   </div>
-  <div class='form-group'>
+  <div class="mb-3">
     <label for='note_published_at'><%= t('.publish_at') %></label>
     <%= n.datetime_field :published_at, class: 'form-control' %>
   </div>
-  <div class='form-group'>
+  <div class="mb-3">
     <hr>
     <%= link_to(t('.cancel'), action: 'index') %>
     <%= t('.or') %>

data/app/views/admin/notes/_list.html.erb

@@ -1,4 +1,4 @@
-<div class='col-md-8'>
+<div class='col-lg-8'>
   <table class="table table-striped">
     <thead>
       <tr class='noborder'>

data/app/views/admin/notes/_note.html.erb

@@ -1,6 +1,6 @@
 <tr>
   <td>
-    <%= h(note.body.strip_html.slice(0..140)) %>
+    <%= note.excerpt_text(140) %>
   </td>
   <td>
     <%= author_link(note) %><br>

data/app/views/admin/notes/edit.html.erb

@@ -5,7 +5,7 @@
 <% end %>
 
 <div class='row'>
-  <div class='col-md-4'>
+  <div class='col-lg-4'>
     <%= form_for @note, url: admin_note_path(@note) do |n| %>
       <%= render 'form', n: n %>
     <% end %>

data/app/views/admin/notes/index.html.erb

@@ -5,7 +5,7 @@
 <% end %>
 
 <div class='row'>
-  <div class='col-md-4'>
+  <div class='col-lg-4'>
     <%= form_for @note, url: admin_notes_path do |n| %>
       <%= render 'form', n: n %>
     <% end %>

data/app/views/admin/pages/_form.html.erb

@@ -1,11 +1,11 @@
 <%= hidden_field_tag 'user_textfilter', current_user.text_filter_name %>
 
 <div class="row save-bar">
-  <div class="col-md-8 col-md-offset-2">
-    <div class="pull-right">
+  <div class="col-lg-8 offset-lg-2">
+    <div class="float-xs-right">
       <%= link_to(t('.cancel'), { action: 'index' }, { class: 'btn btn-default' }) %>
       <!-- Button trigger modal -->
-      <button class="btn btn-success" data-toggle="modal" type="button" data-target="#publishOptions">
+      <button class="btn btn-success" data-bs-toggle="modal" type="button" data-bs-target="#publishOptions">
         <%= controller.action_name == 'new' ? t('.publish') : t('.save') %>
       </button>
     </div>
@@ -13,7 +13,7 @@
 </div>
 
 <div class="row">
-  <div class="col-md-8 col-md-offset-2" id="error-message-page">
+  <div class="col-lg-8 offset-lg-2" id="error-message-page">
     <%= render 'shared/flash', flash: flash %>
     <% if @page.errors.any? %>
       <div id="error_explanation">
@@ -30,12 +30,12 @@
 </div>
 
 <div class="row">
-  <div class="col-md-2" id="quicktags-block">
-    <div id="quicktags" class="pull-right">
+  <div class="col-lg-2" id="quicktags-block">
+    <div id="quicktags" class="float-xs-right">
       <script type="text/javascript">edToolbar('page_body', '<%= @page.text_filter_name %>');</script>
     </div>
   </div>
-  <div class="col-md-8">
+  <div class="col-lg-8">
     <%= text_field 'page', 'title', class: 'form-control', placeholder: t('.title') %>
     <div id="editor">
       <%= text_area('page', 'body', class: 'form-control ', style: 'height: 360px', rows: '20', placeholder: t('.type_your_post')) %>
@@ -56,7 +56,7 @@
       <div class="modal-body">
         <div class="well">
           <h4><%= t('.permanent_link') %></h4>
-          <div class="form-group">
+          <div class="mb-3">
             <%= text_field 'page', 'name', class: 'form-control' %>
           </div>
         </div>
@@ -69,16 +69,14 @@
               <%= t('.status') %>: <strong><%= @page.state %></strong>
               <%= toggle_element('status') %>
               </p>
-              <div id="status" class="collapse">
-                <label for="page_published" class="checkbox">
-                  <%= check_box 'page', 'state', {}, 'published', '' %>
-                  <%= t('.online') %>
-                </label>
-                <p>
-                <span class="btn btn-mini btn-default">
-                  <%= toggle_element 'status', 'OK' %>
-                </span>
-                </p>
+              <div id="status" class="collapse mb-3">
+                <div class="mb-3">
+                  <label for="page_published" class="checkbox">
+                    <%= check_box 'page', 'state', {}, 'published', '' %>
+                    <%= t('.online') %>
+                  </label>
+                </div>
+                <%= toggle_element 'status', 'OK', class: "btn btn-mini btn-secondary" %>
               </div>
             </div>
             <div class="control-group">
@@ -87,21 +85,19 @@
               <%= toggle_element 'text_filter' %>
               </p>
               <div id="text_filter" class="collapse">
-                <select name="page[text_filter_name]" id="text_filter_name" class='form-control'>
-                  <%= options_for_select text_filter_options, @page.text_filter_name %>
-                </select>
-                <p>
-                <span class="btn btn-mini btn-default">
-                  <%= toggle_element 'text_filter', 'OK' %>
-                </span>
-                </p>
+                <div class="mb-3">
+                  <select name="page[text_filter_name]" id="text_filter_name" class='form-select'>
+                    <%= options_for_select text_filter_options, @page.text_filter_name %>
+                  </select>
+                </div>
+                <%= toggle_element 'status', 'OK', class: "btn btn-mini btn-secondary" %>
               </div>
             </div>
           </fieldset>
         </div>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         <%= submit_tag(t('.publish'), class: 'btn btn-success') %>
       </div>
     </div>

data/app/views/admin/post_types/_index_and_form.html.erb

@@ -5,7 +5,7 @@
 <% end %>
 
 <div class='row'>
-  <div class='col-md-4'>
+  <div class='col-lg-4'>
     <%= form_for([:admin, @post_type]) do |f| %>
 
       <% if @post_type.errors.any? %>
@@ -16,13 +16,13 @@
         </ul>
       <% end %>
 
-      <div class="form-group">
+      <div class="mb-3">
         <%= f.text_field :name, class: 'form-control', placeholder: 'Name' %>
       </div>
-      <div class="form-group">
+      <div class="mb-3">
         <%= f.text_area :description, rows: 5, class: 'form-control', placeholder: 'Description' %>
       </div>
-      <div class="form-group">
+      <div class="mb-3">
         <hr>
         <%= link_to(t('.cancel'), action: 'index') %>
         <%= t('.or') %>
@@ -31,7 +31,7 @@
     <% end %>
   </div>
 
-  <div class="col-md-8">
+  <div class="col-lg-8">
     <table class='table table-hover'>
       <thead>
         <tr class='noborder'>

data/app/views/admin/redirects/_index_and_form.html.erb

@@ -5,7 +5,7 @@
 <% end %>
 
 <div class='row'>
-  <div class='col-md-4'>
+  <div class='col-lg-4'>
     <%= form_for([:admin, @redirect]) do |f| %>
 
       <% if @redirect.errors.any? %>
@@ -34,7 +34,7 @@
     <% end %>
   </div>
 
-  <div class='col-md-8'>
+  <div class='col-lg-8'>
     <table class="table table-hover">
       <thead>
         <tr class='noborder'>

data/app/views/admin/resources/index.html.erb

@@ -7,14 +7,16 @@
   </p>
 <% end %>
 
-<%= form_tag({ action: 'upload' }, { enctype: 'multipart/form-data', class: 'form-inline' }) do %>
-  <div class='well well-small'>
+<%= form_tag({ action: 'upload' }, { enctype: 'multipart/form-data' }) do %>
+  <div class="card card-body">
     <h3><%= t('.upload_a_file_to_your_site') %></h3>
-    <div class="form-group">
-      <%= file_field_tag(:upload, class: 'input-file') %>
-    </div>
-    <div class="form-group">
-      <%= submit_tag(t('.upload'), class: 'btn btn-success') %>
+    <div class="form-group row">
+      <div class="col-auto">
+        <%= file_field_tag(:upload, class: 'form-control') %>
+      </div>
+      <div class="col-auto">
+        <%= submit_tag(t('.upload'), class: 'btn btn-success') %>
+      </div>
     </div>
   </div>
 <% end %>
@@ -40,7 +42,7 @@
   <tr>
     <td>
       <% if resource.mime =~ /image/ %>
-        <a href="<%= resource.upload.medium.url %>" data-toggle="lightbox">
+        <a href="#image-lightbox-modal" data-bs-imageurl="<%= resource.upload.medium.url %>" data-bs-toggle="modal">
           <%= image_tag(resource.upload.thumb.url) %>
         </a>
       <% else %>
@@ -68,3 +70,13 @@
   <% end %>
   <%= display_pagination(@resources, 6) %>
 </table>
+
+<div class="modal fade" id="image-lightbox-modal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-body">
+        <img class="img-fluid">
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/admin/seo/_general.html.erb

@@ -1,14 +1,14 @@
-<fieldset class='form-horizontal'>
+<fieldset class='mb-4'>
   <legend><%= t('.general_settings') %></legend>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2' for="setting_meta_description"><%= t('.meta_description') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2' for="setting_meta_description"><%= t('.meta_description') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_area(:setting, :meta_description, rows: 3, class: 'form-control') %>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2'><%= t('.use_meta_keywords') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2'><%= t('.use_meta_keywords') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <div class='checkbox'>
         <label for="setting_use_meta_keyword">
           <%= check_box(:setting, :use_meta_keyword) %>
@@ -17,15 +17,15 @@
       </div>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2'><%= t('.meta_keywords') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2'><%= t('.meta_keywords') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_area(:setting, :meta_keywords, rows: 3, class: 'form-control') %>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2'><%= t('.use_rss_description') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2'><%= t('.use_rss_description') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <div class='checkbox'>
         <label for="setting_rss_description">
           <%= check_box(:setting, :rss_description) %>
@@ -36,20 +36,20 @@
       <%= Article.first&.rss_description %>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2' for="setting_rss_description_text"><%= t('.rss_description_message') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2' for="setting_rss_description_text"><%= t('.rss_description_message') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_area(:setting, :rss_description_text, rows: 10, class: 'form-control') %>
       <small class='help-block'><%= t('.explain_rss_description') %></small>
     </div>
   </div>
 </fieldset>
 
-<fieldset class='form-horizontal'>
+<fieldset class='mb-4'>
   <legend><%= t('.indexing') %></legend>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2'><%= t('.indexing') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2'><%= t('.indexing') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <div class='checkbox'>
         <label for="setting_unindex_tags">
           <%= check_box(:setting, :unindex_tags) %>
@@ -59,16 +59,16 @@
       </div>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2' for="setting_robots"><%= t('.robots_txt') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2' for="setting_robots"><%= t('.robots_txt') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_area(:setting, :robots, rows: 10, class: 'form-control') %>
     </div>
   </div>
 
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2'><%= t('.dofollow') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2'><%= t('.dofollow') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <div class='checkbox'>
         <label for="setting_dofollowify">
           <%= check_box(:setting, :dofollowify) %>
@@ -80,23 +80,23 @@
   </div>
 </fieldset>
 
-<fieldset class='form-horizontal'>
+<fieldset class='mb-4'>
   <legend><%= t('.google') %></legend>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2' for="setting_google_analytics"><%= t('.google_analytics') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2' for="setting_google_analytics"><%= t('.google_analytics') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_field(:setting, :google_analytics, class: 'form-control') %>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2' for="setting_google_verification"><%= t('.google_webmaster_tools_validation_link') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2' for="setting_google_verification"><%= t('.google_webmaster_tools_validation_link') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_field(:setting, :google_verification, class: 'form-control') %>
     </div>
   </div>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2' for="setting_custom_tracking_field"><%= t('.custom_tracking_code') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
+  <div class='form-group row'>
+    <label class='col-form-label col-md-4 col-lg-3 col-xl-2' for="setting_custom_tracking_field"><%= t('.custom_tracking_code') %></label>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
       <%= text_area(:setting, :custom_tracking_field, rows: 3, class: 'form-control') %>
       <small class='help-block'><%= t('.explain') %></small>
     </div>

data/app/views/admin/seo/_permalinks.html.erb

@@ -3,29 +3,37 @@
   <p><%= t('.sample') %></p>
 </div>
 
-<div class='form-horizontal'>
-  <div class='form-group'>
-    <label class='control-label col-sm-4 col-md-3 col-lg-2'><%= t('.permalink_format') %></label>
-    <div class='col-sm-8 col-md-6 col-lg-4'>
-      <div class='radio'>
-        <label for="setting_permalink_format_yearmonthdaytitle">
-          <%= radio_button(:setting, :permalink_format, '/%year%/%month%/%day%/%title%') %>
+<div class='mb-4'>
+  <div class='form-group row'>
+    <legend class='col-form-label col-md-4 col-lg-3 col-xl-2'><%= t('.permalink_format') %></legend>
+    <div class='col-md-8 col-lg-6 col-xl-4'>
+      <div class='form-check'>
+        <%= radio_button(:setting, :permalink_format, '/%year%/%month%/%day%/%title%', class: "form-check-input") %>
+        <label for="setting_permalink_format_yearmonthdaytitle" class="form-check-label">
           <%= t('.date_and_title') %>
         </label>
         <small class='help-block'><%= "#{this_blog.base_url}/#{Time.zone.now.strftime('%Y/%m/%d')}/sample-article" %></small>
-        <label for="setting_permalink_format_yearmonthtitle">
-          <%= radio_button(:setting, :permalink_format, '/%year%/%month%/%title%') %>
+      </div>
+      <div class='form-check'>
+        <%= radio_button(:setting, :permalink_format, '/%year%/%month%/%title%', class: "form-check-input") %>
+        <label for="setting_permalink_format_yearmonthtitle" class="form-check-label">
           <%= t('.month_and_title') %>
         </label>
         <small class='help-block'><%= "#{this_blog.base_url}/#{Time.zone.now.strftime('%Y/%m')}/sample-article" %></small>
-        <label for="setting_permalink_format_title">
-          <%= radio_button(:setting, :permalink_format, '/%title%') %> <%= t('.title_only') %>
+      </div>
+      <div class='form-check'>
+        <%= radio_button(:setting, :permalink_format, '/%title%', class: "form-check-input") %>
+        <label for="setting_permalink_format_title" class="form-check-label">
+          <%= t('.title_only') %>
         </label>
         <small class='help-block'><%= "#{this_blog.base_url}/sample-article" %></small>
-        <label for="setting_permalink_format_custom">
-          <%= radio_button(:setting, :permalink_format, 'custom') %> <%= t('.custom') %>
-          <%= text_field(:setting, :custom_permalink, class: 'form-control') %>
+      </div>
+      <div class='form-check'>
+        <%= radio_button(:setting, :permalink_format, 'custom', class: "form-check-input") %>
+        <label for="setting_permalink_format_custom" class="form-check-label">
+          <%= t('.custom') %>
         </label>
+        <%= text_field(:setting, :custom_permalink, class: 'form-control') %>
       </div>
     </div>
   </div>