Install the submodule in vendor directory
git submodule add [email protected]:leanpanda-com/temo.git vendor/temo
Create a symlink under app/javascript/stylesheets
cd app/javascript/stylesheets
ln -s ../../../vendor/temo/sass temo
cd ../../..
Copy icons
mkdir -p app/javascript/stylesheets/images/icons
cp vendor/temo/icons/*.svg app/javascript/stylesheets/images/icons
Copy this code into app/javascript/stylesheets/application.sass
$images-prefix-path: './'
@import temo/application
Add this in app/javascript/pack/application.js
import 'stylesheets/application'
If you need to use simple_form
cp vendor/temo/simple_form_initializer.rb config/initializers/simple_form.rb
mkdir -p app/inputs
cp vendor/temo/simple_form/inputs/* app/inputs
mkdir -p app/form_builders
cp vendor/temo/simple_form/form_builders/* app/form_builders
and this method in `app/helpers/application_helper.rb
module ApplicationHelper
def simple_form_for(record, options = {}, &block)
options[:builder] ||= TemoFormBuilder
super(record, options, &block)
end
end
If you need some additional icons, put the svg file into app/javascript/stylesheets/images/icons
and override this variable into your application.sass
variable.
$images-prefix-path: './'
$custom-background-icons("my-icon":"file-name.svg")
If you have some fixes to do in TEMO, you can edit files directly into your submodule directory. After that, create a commit inside the submodule and then push it
cd vendor/temo
git add --patch
git commit --message "....."
git push origin HEAD:master
git submodule foreach git pull origin master
git add --patch
git commit -m "Update submodules"