Add fomantic-ui-sass gem and jquery

canan8 · May 13, 2020 · 6731a7c · 6731a7c
1 parent c300ead
commit 6731a7c
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 1 deletion.
diff --git a/Gemfile b/Gemfile
@@ -18,6 +18,7 @@ gem 'jbuilder', '~> 2.7'
 gem 'rename'
 gem 'awesome_print', '1.8.0'
 gem 'devise'
+gem 'fomantic-ui-sass'
 # Use Redis adapter to run Action Cable in production
 # gem 'redis', '~> 4.0'
 # Use Active Model has_secure_password

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -58,6 +58,8 @@ GEM
       zeitwerk (~> 2.2, >= 2.2.2)
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
+    autoprefixer-rails (9.7.6)
+      execjs
     awesome_print (1.8.0)
     bcrypt (3.1.13)
     bindex (0.8.1)
@@ -83,7 +85,14 @@ GEM
       responders
       warden (~> 1.2.3)
     erubi (1.9.0)
+    execjs (2.7.0)
     ffi (1.12.2)
+    fomantic-ui-sass (2.8.3)
+      autoprefixer-rails
+      rails (>= 3.2.0)
+      sassc (>= 2.2)
+      sassc-rails (>= 2.1)
+      sprockets-rails (>= 2.1.3)
     globalid (0.4.2)
       activesupport (>= 4.2.0)
     i18n (1.8.2)
@@ -224,6 +233,7 @@ DEPENDENCIES
   byebug
   capybara (>= 2.15)
   devise
+  fomantic-ui-sass
   jbuilder (~> 2.7)
   listen (>= 3.0.5, < 3.2)
   pg

diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
@@ -1,2 +1,3 @@
 //= link_tree ../images
 //= link_directory ../stylesheets .css
+//= require semantic-ui
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -12,4 +12,4 @@
  *
  *= require_tree .
  *= require_self
- */
+ */
diff --git a/app/assets/stylesheets/custom.css.scss b/app/assets/stylesheets/custom.css.scss
@@ -0,0 +1 @@
+@import "semantic-ui";
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -7,6 +7,7 @@ require("@rails/ujs").start()
 require("turbolinks").start()
 require("@rails/activestorage").start()
 require("channels")
+require('jquery')
 
 
 // Uncomment to copy all static images under ../images to the output folder and reference

diff --git a/config/webpack/environment.js b/config/webpack/environment.js
@@ -1,3 +1,11 @@
 const { environment } = require('@rails/webpacker')
 
+const webpack = require('webpack')
+environment.plugins.prepend('Provide',
+  new webpack.ProvidePlugin({
+    $: 'jquery/src/jquery',
+    jQuery: 'jquery/src/jquery'
+  })
+)
+
 module.exports = environment
diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
     "@rails/activestorage": "^6.0.0",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.2.2",
+    "jquery": "^3.5.1",
     "turbolinks": "^5.2.0"
   },
   "version": "0.1.0",

diff --git a/yarn.lock b/yarn.lock
@@ -3841,6 +3841,11 @@ jest-worker@^25.4.0:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
+jquery@^3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.5.1.tgz#d7b4d08e1bfdb86ad2f1a3d039ea17304717abb5"
+  integrity sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg==
+
 js-base64@^2.1.8:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.2.tgz#313b6274dda718f714d00b3330bbae6e38e90209"
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,4 +12,4 @@ @@
      *
      *= require_tree .
      *= require_self
-     */
+     */