multi_create.html.erb in chaltron-1.0.0

- old
+ new
@@ -1,44 +1,48 @@
 <div class='container-fluid'>
-  <h3 class='page-header'><%= t('.title') %></h3>
+  <h3 class='pt-4'><%= t('.title') %></h3>
+  <div class='row'>
 
-  <div class='col-md-3'>
-    <div class='panel panel-default'>
-      <div class='panel-heading'><%= t '.result' %></div>
-      <ul class='list-group'>
-        <%= content_tag(:li, t('.created', count: @created.size),
-          class: 'list-group-item') unless @created.empty? %>
-        <%= content_tag(:li, t('.error', count: @error.size),
-          class: 'list-group-item') unless @error.empty? %>
-      </ul>
+    <div class='col-md-3'>
+      <div class='card'>
+        <div class='card-header'><%= t '.result' %></div>
+        <ul class='list-group list-group-flush'>
+          <%= content_tag(:li, t('.created', count: @created.size),
+            class: 'list-group-item') unless @created.empty? %>
+          <%= content_tag(:li, t('.error', count: @error.size),
+            class: 'list-group-item') unless @error.empty? %>
+        </ul>
+      </div>
+      <hr>
+      <%= link_to users_path, class: 'btn btn-primary' do %>
+        <%= icon 'arrow-left', t('chaltron.common.back') %>
+      <% end %>
     </div>
-    <hr>
-    <%= link_to users_path, class: 'btn btn-primary' do %>
-      <%= icon 'arrow-left', t('chaltron.common.back') %>
-    <% end %>
-  </div>
 
-  <div class='col-md-9'>
-    <% unless @created.empty? %>
-      <ul class='list-group'>
-        <% @created.each do |u| %>
-          <%= content_tag :li, class: 'list-group-item list-group-item-success' do %>
-            <%= icon :check, u.display_name %>
-          <% end %>
-        <% end %>
-      </ul>
-    <% end %>
-    <% unless @error.empty? %>
-      <div class='panel panel-danger'>
-        <% @error.each do |u| %>
-          <div class='panel-heading'><%= u.display_name %></div>
-          <ul class='list-group'>
-            <% u.errors.full_messages.each do |message| %>
-              <%= content_tag :li, message, class: 'list-group-item' %>
+    <div class='col-md-9'>
+      <% unless @created.empty? %>
+        <div class='card mb-4'>
+          <ul class='list-group list-group-flush'>
+            <% @created.each do |u| %>
+              <%= content_tag :li, class: 'list-group-item list-group-item-success' do %>
+                <%= icon :check, u.display_name %>
+              <% end %>
             <% end %>
           </ul>
+        </div>
+      <% end %>
+      <% unless @error.empty? %>
+        <% @error.each do |u| %>
+          <div class='card text-white bg-danger mb-4'>
+            <div class='card-header'><%= u.display_name %></div>
+            <ul class='list-group list-group-flush text-danger'>
+              <% u.errors.full_messages.each do |message| %>
+                <%= content_tag :li, message, class: 'list-group-item' %>
+              <% end %>
+            </ul>
+          </div>
         <% end %>
-      </div>
-    <% end %>
-  </div>
+      <% end %>
+    </div>
 
+  </div>
 </div>