Rails

This is a guide to install pages core and dependencies on Rails 6

Required Libraries

PLUGIN	DESCRIPTION	DEP. STATUS
jquery.js	Core JS Library	REQUIRED
mordnerizer.js	Browser Feature Detection	REQUIRED
bootstrap.js	Core Framework	REQUIRED
pace.js	Page Progress Loader	OPTIONAL
jquery-unviel.js	Library Used for displaying retina images	OPTIONAL
jquery.ioslist.js	Used Chat list on the quickview	OPTIONAL
jquery.actual.js	Determine image dimentions	OPTIONAL
jquery.scrollbar.js	Scrollbar plugin used in sidebar and portlets	OPTIONAL

Add the following dependencies in your package.json. Inside "dependencies" object

"jquery": "^3.4.1",
"bootstrap":"4.3.1",
"modernizr":"3.10.0",
"pace-js":"1.0.2",
"jquery-unveil":"1.3.2",
"jquery.actual":"1.0.19",
"jquery.scrollbar":"0.2.11",
"popper.js":"^1.16.0",
"pages-core": "git+https://github.com/revoxltd/pages-core.git"

Run the command to install the dependencies to your project

yarn install

Import the libraries to webpack by adding it to the following file config/webpack/environment.js

const { environment } = require('@rails/webpacker')

module.exports = environment

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery',
    Popper: ['popper.js', 'default']
  })
)

Update config/webpacker.yml to be able to resolve assets stored in the app/assets folder.

resolved_paths: ['app/assets']

Import css/scss dependencies into our main webpack application.scss : in app/assets/stylesheets

 @import "bootstrap/scss/bootstrap";
 @import "pages-core/dist/scss/pages"

Thats it! you can use the pages layouts mentioned below

pageLayouts