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

Layouts

Last updated