Browse Source

fontawesome importmap

main
pvincent 5 months ago
parent
commit
3edbc0a703
  1. 10
      app/javascript/application.js
  2. 13
      app/views/layouts/_navbar.html.erb
  3. 21
      app/views/scores/_form.html.erb
  4. 5
      config/importmap.rb
  5. 13
      vendor/javascript/@fortawesome--fontawesome-free.js
  6. 13
      vendor/javascript/@fortawesome--fontawesome-svg-core.js
  7. 2
      vendor/javascript/@fortawesome--free-brands-svg-icons.js
  8. 2
      vendor/javascript/@fortawesome--free-regular-svg-icons.js
  9. 2
      vendor/javascript/@fortawesome--free-solid-svg-icons.js

10
app/javascript/application.js

@ -4,7 +4,15 @@ Turbo.setProgressBarDelay(300)
// Toastify // Toastify
import Toastify from 'toastify-js' import Toastify from 'toastify-js'
window.Toastify=Toastify
window.Toastify = Toastify
// Js Controllers // Js Controllers
import "controllers" import "controllers"
// Font Awesome
import { far } from "@fortawesome/free-regular-svg-icons"
import { fas } from "@fortawesome/free-solid-svg-icons"
import { fab } from "@fortawesome/free-brands-svg-icons"
import { library } from "@fortawesome/fontawesome-svg-core"
import "@fortawesome/fontawesome-free"
library.add(far, fas, fab)

13
app/views/layouts/_navbar.html.erb

@ -1,5 +1,12 @@
<nav> <nav>
Navigation2
<p>paragraph</p>
<i>italic</i>
<ul>
<li>
A<i class="fa-solid fa-house"></i>
</li>
<li>
B<i class="fa-solid fa-magnifying-glass"></i>
</li>
<li>C<i class="fa-regular fa-user"></i></li>
<li>D<i class="fa-solid fa-user"></i></li>
</ul>
</nav> </nav>

21
app/views/scores/_form.html.erb

@ -1,23 +1,34 @@
<%= form_with(model: score, class: "contents") do |form| %> <%= form_with(model: score, class: "contents") do |form| %>
<% if score.errors.any? %> <% if score.errors.any? %>
<div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3">
<h2><%= pluralize(score.errors.count, "error") %> prohibited this score from being saved:</h2>
<div
id="error_explanation"
class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3"
>
<h2><%= pluralize(score.errors.count, "error") %>
prohibited this score from being saved:</h2>
<ul> <ul>
<% score.errors.each do |error| %> <% score.errors.each do |error| %>
<li><%= error.full_message %></li> <li><%= error.full_message %></li>
<% end %> <% end %>
</ul> </ul>
</div> </div>
<% end %> <% end %>
<div class="my-5"> <div class="my-5">
<%= form.label :name %> <%= form.label :name %>
<%= form.text_field :name, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
<%= form.text_field :name,
class:
"block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
</div> </div>
<div class="my-5"> <div class="my-5">
<%= form.label :grade %> <%= form.label :grade %>
<%= form.number_field :grade, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
<%= form.number_field :grade,
class:
"block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
</div> </div>
<div class="inline"> <div class="inline">
<%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
<%= form.submit class:
"rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
</div> </div>
<% end %> <% end %>

5
config/importmap.rb

@ -7,3 +7,8 @@ pin '@hotwired/turbo-rails', to: 'turbo.min.js', preload: true
pin '@hotwired/stimulus', to: 'stimulus.min.js' pin '@hotwired/stimulus', to: 'stimulus.min.js'
pin '@hotwired/stimulus-loading', to: 'stimulus-loading.js' pin '@hotwired/stimulus-loading', to: 'stimulus-loading.js'
pin 'toastify-js' # @1.12.0 pin 'toastify-js' # @1.12.0
pin '@fortawesome/fontawesome-svg-core', to: '@fortawesome--fontawesome-svg-core.js' # @6.5.2
pin '@fortawesome/free-brands-svg-icons', to: '@fortawesome--free-brands-svg-icons.js' # @6.5.2
pin '@fortawesome/free-regular-svg-icons', to: '@fortawesome--free-regular-svg-icons.js' # @6.5.2
pin '@fortawesome/free-solid-svg-icons', to: '@fortawesome--free-solid-svg-icons.js' # @6.5.2
pin "@fortawesome/fontawesome-free", to: "@fortawesome--fontawesome-free.js" # @6.5.2

13
vendor/javascript/@fortawesome--fontawesome-free.js
File diff suppressed because it is too large
View File

13
vendor/javascript/@fortawesome--fontawesome-svg-core.js
File diff suppressed because it is too large
View File

2
vendor/javascript/@fortawesome--free-brands-svg-icons.js
File diff suppressed because it is too large
View File

2
vendor/javascript/@fortawesome--free-regular-svg-icons.js
File diff suppressed because it is too large
View File

2
vendor/javascript/@fortawesome--free-solid-svg-icons.js
File diff suppressed because it is too large
View File

Loading…
Cancel
Save