add characters index page

app/assets/stylesheets/characters.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the characters controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/assets/stylesheets/protected.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the protected controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/controllers/protected_controller.rb

@@ -0,0 +1,3 @@
+class ProtectedController < ApplicationController
+    before_action :authenticate_user!
+end

app/controllers/wow_characters_controller.rb

@@ -0,0 +1,5 @@
+class WowCharactersController < ProtectedController
+  def index
+    @characters = current_user.wow_characters.all
+  end
+end

app/helpers/characters_helper.rb

@@ -0,0 +1,2 @@
+module CharactersHelper
+end

app/helpers/protected_helper.rb

@@ -0,0 +1,2 @@
+module ProtectedHelper
+end

app/views/wow_characters/index.html.erb

@@ -0,0 +1,32 @@
+<h2>Characters list</h2>
+
+<table class="table table-hover table-dark table-image">
+  <thead>
+    <tr>
+      <th scope="col"></th>
+      <th scope="col">Name</th>
+      <th scope="col">Gender</th>
+      <th scope="col">Realm</th>
+      <th scope="col">Race</th>
+      <th scope="col">Class</th>
+      <th scope="col">Faction</th>
+      <th scope="col">Level</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @characters.each do |character| %>
+    <tr>
+      <td><% if character.wow_character_medium %>
+        <img class="rounded-circle border border-white" src=<%= character.wow_character_medium.avatar %> alt="avatar">
+      <% end %></td>
+      <td><%= character.name %></td>
+      <td><%= character.translated_gender %></td>
+      <td><%= character.wow_realm.name %></td>
+      <td><%= %></td>
+      <td><%= %></td>
+      <td><%= character.translated_faction %></td>
+      <td><%= character.level %></td>
+    </tr>
+    <% end %>
+  </tbody>
+</table>