Material ripple
PACE.js loader
RTL support
RTL mode
Theme settings panel
PAGE LAYOUT
LAYOUT OPTIONS
{{option[1]}}
Fixed navbar
Fixed footer
Reversed
Collapsed sidenav
THEME
NAVBAR BG
{{option}}
SIDENAV BG
{{option}}
FOOTER BG
{{option}}
# Be sure to restart your server when you modify this file. # Version of your assets, change this if you want to expire all your assets. Rails.application.config.assets.version = '1.0' # Add vendor paths Rails.application.config.assets.paths << Rails.root.join('vendor', 'assets') # Precompile core stylesheets Rails.application.config.assets.precompile += [ {% if not settingsPanel -%} "stylesheets{% if rtlSupport %}/rtl{% endif %}/bootstrap{% if style == 'material' %}-material{% endif %}.css", "stylesheets{% if rtlSupport %}/rtl{% endif %}/appwork{% if style == 'material' %}-material{% endif %}.css", "stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-{{theme}}{% if style == 'material' %}-material{% endif %}.css", "stylesheets{% if rtlSupport %}/rtl{% endif %}/colors{% if style == 'material' %}-material{% endif %}.css", "stylesheets{% if rtlSupport %}/rtl{% endif %}/uikit.css" {%- else -%} # Core stylesheets 'stylesheets{% if rtlSupport %}/rtl{% endif %}/bootstrap.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/bootstrap-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/appwork.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/appwork-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/colors.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/colors-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/uikit.css', # Themes 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-air.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-air-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-corporate.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-corporate-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-cotton.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-cotton-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-gradient.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-gradient-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-paper.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-paper-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-shadow.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-shadow-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-soft.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-soft-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-sunrise.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-sunrise-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-twitlight.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-twitlight-material.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-vibrant.css', 'stylesheets{% if rtlSupport %}/rtl{% endif %}/theme-vibrant-material.css' {%- endif %} ] # Precompile core javascripts Rails.application.config.assets.precompile += ['javascripts/*.js'] # Precompile fonts Rails.application.config.assets.precompile += ['fonts/*'] # Precompile libs lib_files = Dir[Rails.root.join('vendor', 'assets', 'libs', '**', '[^_]*.*')] lib_files.map! { |file| file.sub(%r(#{Rails.root.join('vendor', 'assets/')}), '') } lib_files.map! { |file| file.sub(%r(\.(scss)), '.css') } Rails.application.config.assets.precompile += lib_files # Precompile pages Rails.application.config.assets.precompile += ['stylesheets/pages/*.css'] # Add additional assets to the asset load path. # Rails.application.config.assets.paths << Emoji.images_path # Add Yarn node_modules folder to the asset load path. Rails.application.config.assets.paths << Rails.root.join('node_modules') # Precompile additional assets. # application.js, application.css, and all non-JS/CSS in the app/assets # folder are already added. # Rails.application.config.assets.precompile += %w( admin.js admin.css )
<%= csrf_meta_tags %> <%= csp_meta_tag %> {% if settingsPanel -%}
{% endif %}
<%= @title ? @title + " - " : "" %>Rails Starter
<%= stylesheet_link_tag 'ionicons.css', media: 'all', 'data-turbolinks-track': 'reload' %> <%= stylesheet_link_tag '{% if rtlSupport %}rtl/{% endif %}bootstrap{% if style == 'material' %}-material{% endif %}.css', media: 'all'{% if settingsPanel %}, class: 'theme-settings-bootstrap-css'{% else %}, 'data-turbolinks-track': 'reload'{% endif %} %> <%= stylesheet_link_tag '{% if rtlSupport %}rtl/{% endif %}appwork{% if style == 'material' %}-material{% endif %}.css', media: 'all'{% if settingsPanel %}, class: 'theme-settings-appwork-css'{% else %}, 'data-turbolinks-track': 'reload'{% endif %} %> <%= stylesheet_link_tag '{% if rtlSupport %}rtl/{% endif %}theme-{{theme}}{% if style == 'material' %}-material{% endif %}.css', media: 'all'{% if settingsPanel %}, class: 'theme-settings-theme-css'{% else %}, 'data-turbolinks-track': 'reload'{% endif %} %> <%= stylesheet_link_tag '{% if rtlSupport %}rtl/{% endif %}colors{% if style == 'material' %}-material{% endif %}.css', media: 'all'{% if settingsPanel %}, class: 'theme-settings-colors-css'{% else %}, 'data-turbolinks-track': 'reload'{% endif %} %> <%= stylesheet_link_tag '{% if rtlSupport %}rtl/{% endif %}uikit.css', media: 'all', 'data-turbolinks-track': 'reload' %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> {% if materialRipple %} <%= javascript_include_tag 'material-ripple.js', 'data-turbolinks-track': 'reload' %> {% endif %} {%- if materialRipple and not settingsPanel -%} {% endif %} {% if pageLayout != 'blank' or settingsPanel %} <%= javascript_include_tag 'layout-helpers.js', 'data-turbolinks-track': 'reload' %> {% endif %} {% if settingsPanel %} <%= javascript_include_tag 'theme-settings.js', 'data-turbolinks-track': 'reload' %> {% endif %} {% if paceLoader %} <%= javascript_include_tag 'pace.js', 'data-turbolinks-track': 'reload' %> {% endif %} {% if pageLayout != 'blank' and pageLayout != 'without-sidenav' %} <%= stylesheet_link_tag 'perfect-scrollbar/perfect-scrollbar.css', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'perfect-scrollbar/perfect-scrollbar.js', 'data-turbolinks-track': 'reload' %> {% endif %} <%= javascript_include_tag 'popper/popper.js', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'bootstrap.js', 'data-turbolinks-track': 'reload' %> {%- if pageLayout != 'blank' and pageLayout != 'without-sidenav' %} <%= javascript_include_tag 'sidenav.js', 'data-turbolinks-track': 'reload' %> {%- endif %} <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <%= yield :head %> {% if paceLoader %}
{% endif %} <%= content_for?(:content) ? yield(:content) : yield %>
class ApplicationController < ActionController::Base # Default layout layout 'main/layout-{{pageLayout.replace('layout-', '')}}' end
<%= link_to "Rails Starter", root_path, class: "navbar-brand" %> <% if local_assigns[:hide_toggle] != true %>
<% end %>
Link 1
Link 2
<%= link_to root_path, class: "sidenav-link" do %>
Home
<% end %>
<%= link_to page2_path, class: "sidenav-link" do %>
Page 2
<% end %>
Link 1
Link 2