Rails Starter Template Generator - Appwork v1.1.0 Docs

Material ripple

PACE.js loader

RTL support

RTL mode

Theme settings panel

PAGE LAYOUT

LAYOUT OPTIONS

Fixed navbar

Fixed footer

Reversed

Collapsed sidenav

THEME

NAVBAR BG

SIDENAV BG

FOOTER BG

# 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 )

<!DOCTYPE html>

<%= csrf_meta_tags %>
  <%= csp_meta_tag %>
  {% if settingsPanel -%}
  <meta name="turbolinks-cache-control" content="no-preview">
  {% endif %}

<title><%= @title ? @title + " - " : "" %>Rails Starter</title>

<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900" rel="stylesheet">

<%= 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 -%}
  <script>window.attachMaterialRippleOnLoad();</script>
  {% 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' %>
  <script>
    // Use settings panel generator to configure the plugin
    window.themeSettings = new ThemeSettings({
      cssPath: '',
      themesPath: '',
      pathResolver: function(path) {
        var resolvedPaths = {
          // Core stylesheets
        <%- ['bootstrap', 'appwork', 'colors'].each do |name| %>
          '<%= name %>.css': '<%= asset_path "{% if rtlSupport %}rtl/{% endif %}#{name}.css" %>',
          '<%= name %>-material.css': '<%= asset_path "{% if rtlSupport %}rtl/{% endif %}#{name}-material.css" %>',
        <% end %>

// UI Kit
          'uikit.css': '<%= asset_path "{% if rtlSupport %}rtl/{% endif %}uikit.css" %>',

// Themes
        <%- ['air', 'corporate', 'cotton', 'gradient', 'paper', 'shadow', 'soft', 'sunrise', 'twitlight', 'vibrant'].each do |name| %>
          'theme-<%= name %>.css': '<%= asset_path "{% if rtlSupport %}rtl/{% endif %}theme-#{name}.css" %>',
          'theme-<%= name %>-material.css': '<%= asset_path "{% if rtlSupport %}rtl/{% endif %}theme-#{name}-material.css" %>',
        <% end %>
        };

return resolvedPaths[path] || path;
      }
    });
  </script>
  {% endif %}

{% if paceLoader %}
  
  <%= javascript_include_tag 'pace.js', 'data-turbolinks-track': 'reload' %>
  {% endif %}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

{% 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 %>
</head>
<body>
  {% if paceLoader %}
  
  <div class="page-loader"><div class="bg-primary"></div></div>
  {% endif %}

<%= content_for?(:content) ? yield(:content) : yield %>

</body>
</html>

<nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-{{navbarBg}} container-p-x" id="layout-navbar">

<%= link_to "Rails Starter", root_path, class: "navbar-brand" %>

<% if local_assigns[:hide_toggle] != true %>
  
  <div class="layout-sidenav-toggle navbar-nav align-items-lg-center mr-auto mr-lg-4">
    <a class="nav-item nav-link px-0 ml-2" href="javascript:void(0)">
      <i class="ion ion-md-menu text-large align-middle"></i>
    </a>
  </div>
  <% end %>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#layout-navbar-collapse">
    <span class="navbar-toggler-icon"></span>
  </button>

</nav>