├── .env.example
├── .gitignore
├── .ruby-version
├── Gemfile
├── Gemfile.lock
├── Procfile.dev
├── README.md
├── Rakefile
├── app
├── assets
│ ├── builds
│ │ └── .keep
│ ├── images
│ │ └── icons
│ │ │ ├── facebook.svg
│ │ │ ├── github.svg
│ │ │ └── google.svg
│ └── stylesheets
│ │ ├── application.css
│ │ └── components
│ │ ├── base.css
│ │ ├── buttons.css
│ │ ├── cards.css
│ │ ├── forms.css
│ │ ├── modals.css
│ │ ├── overrides.css
│ │ ├── pagination.css
│ │ └── tables.css
├── controllers
│ ├── application_controller.rb
│ ├── articles_controller.rb
│ ├── errors_controller.rb
│ ├── home_controller.rb
│ ├── pages_controller.rb
│ ├── users
│ │ └── omniauth_callbacks_controller.rb
│ └── users_controller.rb
├── helpers
│ ├── application_helper.rb
│ ├── articles_helper.rb
│ └── users_helper.rb
├── javascript
│ ├── application.js
│ ├── components
│ │ ├── remote_modal.js
│ │ └── tooltip.js
│ └── controllers
│ │ ├── app.js
│ │ └── articles.js
├── mailers
│ └── application_mailer.rb
├── models
│ ├── ability.rb
│ ├── application_record.rb
│ ├── article.rb
│ └── user.rb
└── views
│ ├── application
│ ├── _error_messages.html.erb
│ ├── _flash_messages.html.erb
│ ├── _footer.html.erb
│ ├── _header.html.erb
│ └── _remote_modal.html.erb
│ ├── articles
│ ├── _form.html.erb
│ ├── edit.html.erb
│ ├── index.html.erb
│ ├── new.html.erb
│ └── show.html.erb
│ ├── devise
│ ├── passwords
│ │ ├── edit.html.erb
│ │ └── new.html.erb
│ ├── registrations
│ │ └── new.html.erb
│ ├── sessions
│ │ └── new.html.erb
│ └── shared
│ │ ├── _links.html.erb
│ │ └── _social_signin.html.erb
│ ├── errors
│ ├── _error_page.html.erb
│ ├── internal_server_error.html.erb
│ └── not_found.html.erb
│ ├── home
│ └── index.html.erb
│ ├── layouts
│ ├── application.html.erb
│ ├── mailer.html.erb
│ └── mailer.text.erb
│ ├── pages
│ ├── about.html.erb
│ ├── privacy_policy.html.erb
│ └── terms.html.erb
│ └── users
│ ├── edit.html.erb
│ ├── index.html.erb
│ └── show.html.erb
├── bin
├── dev
├── rails
├── rake
└── setup
├── config.ru
├── config
├── application.rb
├── boot.rb
├── credentials.yml.enc
├── database.yml
├── environment.rb
├── environments
│ ├── development.rb
│ ├── production.rb
│ └── test.rb
├── initializers
│ ├── action_text.rb
│ ├── content_security_policy.rb
│ ├── devise.rb
│ ├── filter_parameter_logging.rb
│ ├── heroicon.rb
│ ├── inflections.rb
│ └── permissions_policy.rb
├── locales
│ └── en.yml
├── puma.rb
├── routes.rb
└── storage.yml
├── db
├── migrate
│ ├── 20220831194622_create_articles.rb
│ ├── 20220831213127_devise_create_users.rb
│ ├── 20220831235947_add_name_to_users.rb
│ ├── 20221005175500_create_active_storage_tables.active_storage.rb
│ └── 20230525120314_create_action_text_tables.action_text.rb
├── schema.rb
└── seeds.rb
├── lib
└── tasks
│ └── .keep
├── log
└── .keep
├── package.json
├── public
├── favicon.ico
└── robots.txt
├── storage
└── .keep
├── tailwind.config.js
├── tmp
└── .keep
└── yarn.lock
/.env.example:
--------------------------------------------------------------------------------
1 | FACEBOOK_CLIENT_ID=facebook_client_id
2 | FACEBOOK_CLIENT_SECRET=facebook_client_secret
3 | GOOGLE_CLIENT_ID=google_client_id
4 | GOOGLE_CLIENT_SECRET=google_client_secret
5 | GITHUB_CLIENT_ID=github_client_id
6 | GITHUB_CLIENT_SECRET=github_client_secret
7 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Ignore bundler config.
2 | /.bundle
3 |
4 | # Ignore all logfiles and tempfiles.
5 | /log/*
6 | !/log/.keep
7 | /tmp/*
8 | !/tmp/.keep
9 |
10 | # Ignore uploaded files in development.
11 | /storage/*
12 | !/storage/.keep
13 |
14 | # Ignore master key for decrypting credentials and more.
15 | /config/master.key
16 |
17 | # Ignore compiled assets and node_modules
18 | /app/assets/builds/*
19 | !/app/assets/builds/.keep
20 | /public/assets
21 | /node_modules
22 |
23 | # Ignore ENV files
24 | .env
25 |
--------------------------------------------------------------------------------
/.ruby-version:
--------------------------------------------------------------------------------
1 | 3.3.5
2 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 |
3 | ruby File.read(".ruby-version").strip
4 |
5 | gem "rails", "~> 7.2"
6 | gem "pg", "~> 1.5"
7 | gem "puma", "~> 6.4"
8 | gem "bootsnap", "~> 1.18", require: false
9 | gem "devise", "~> 4.9"
10 | gem "omniauth-facebook", "~> 9.0"
11 | gem "omniauth-github", "~> 2.0"
12 | gem "omniauth-google-oauth2", "~> 1.1"
13 | gem "omniauth-rails_csrf_protection", "~> 1.0"
14 | gem "cancancan", "~> 3.4"
15 | gem "ransack", "~> 4.2"
16 | gem "pagy", "~> 9.0"
17 | gem "image_processing", "~> 1.2"
18 | gem "faker", "~> 3"
19 |
20 | # Front-end
21 | gem "propshaft", "~> 1.1"
22 | gem "jsbundling-rails", "~> 1.0"
23 | gem "cssbundling-rails", "~> 1.1"
24 | gem "turbo-rails", "~> 2.0"
25 | gem "heroicon", "~> 1.0"
26 |
27 | group :development do
28 | gem "web-console"
29 | gem "debug"
30 | gem "dotenv-rails"
31 | end
32 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | actioncable (7.2.2.1)
5 | actionpack (= 7.2.2.1)
6 | activesupport (= 7.2.2.1)
7 | nio4r (~> 2.0)
8 | websocket-driver (>= 0.6.1)
9 | zeitwerk (~> 2.6)
10 | actionmailbox (7.2.2.1)
11 | actionpack (= 7.2.2.1)
12 | activejob (= 7.2.2.1)
13 | activerecord (= 7.2.2.1)
14 | activestorage (= 7.2.2.1)
15 | activesupport (= 7.2.2.1)
16 | mail (>= 2.8.0)
17 | actionmailer (7.2.2.1)
18 | actionpack (= 7.2.2.1)
19 | actionview (= 7.2.2.1)
20 | activejob (= 7.2.2.1)
21 | activesupport (= 7.2.2.1)
22 | mail (>= 2.8.0)
23 | rails-dom-testing (~> 2.2)
24 | actionpack (7.2.2.1)
25 | actionview (= 7.2.2.1)
26 | activesupport (= 7.2.2.1)
27 | nokogiri (>= 1.8.5)
28 | racc
29 | rack (>= 2.2.4, < 3.2)
30 | rack-session (>= 1.0.1)
31 | rack-test (>= 0.6.3)
32 | rails-dom-testing (~> 2.2)
33 | rails-html-sanitizer (~> 1.6)
34 | useragent (~> 0.16)
35 | actiontext (7.2.2.1)
36 | actionpack (= 7.2.2.1)
37 | activerecord (= 7.2.2.1)
38 | activestorage (= 7.2.2.1)
39 | activesupport (= 7.2.2.1)
40 | globalid (>= 0.6.0)
41 | nokogiri (>= 1.8.5)
42 | actionview (7.2.2.1)
43 | activesupport (= 7.2.2.1)
44 | builder (~> 3.1)
45 | erubi (~> 1.11)
46 | rails-dom-testing (~> 2.2)
47 | rails-html-sanitizer (~> 1.6)
48 | activejob (7.2.2.1)
49 | activesupport (= 7.2.2.1)
50 | globalid (>= 0.3.6)
51 | activemodel (7.2.2.1)
52 | activesupport (= 7.2.2.1)
53 | activerecord (7.2.2.1)
54 | activemodel (= 7.2.2.1)
55 | activesupport (= 7.2.2.1)
56 | timeout (>= 0.4.0)
57 | activestorage (7.2.2.1)
58 | actionpack (= 7.2.2.1)
59 | activejob (= 7.2.2.1)
60 | activerecord (= 7.2.2.1)
61 | activesupport (= 7.2.2.1)
62 | marcel (~> 1.0)
63 | activesupport (7.2.2.1)
64 | base64
65 | benchmark (>= 0.3)
66 | bigdecimal
67 | concurrent-ruby (~> 1.0, >= 1.3.1)
68 | connection_pool (>= 2.2.5)
69 | drb
70 | i18n (>= 1.6, < 2)
71 | logger (>= 1.4.2)
72 | minitest (>= 5.1)
73 | securerandom (>= 0.3)
74 | tzinfo (~> 2.0, >= 2.0.5)
75 | base64 (0.2.0)
76 | bcrypt (3.1.20)
77 | benchmark (0.4.0)
78 | bigdecimal (3.1.8)
79 | bindex (0.8.1)
80 | bootsnap (1.18.4)
81 | msgpack (~> 1.2)
82 | builder (3.3.0)
83 | cancancan (3.6.1)
84 | concurrent-ruby (1.3.4)
85 | connection_pool (2.4.1)
86 | crass (1.0.6)
87 | cssbundling-rails (1.4.1)
88 | railties (>= 6.0.0)
89 | date (3.4.1)
90 | debug (1.9.2)
91 | irb (~> 1.10)
92 | reline (>= 0.3.8)
93 | devise (4.9.4)
94 | bcrypt (~> 3.0)
95 | orm_adapter (~> 0.1)
96 | railties (>= 4.1.0)
97 | responders
98 | warden (~> 1.2.3)
99 | dotenv (3.1.4)
100 | dotenv-rails (3.1.4)
101 | dotenv (= 3.1.4)
102 | railties (>= 6.1)
103 | drb (2.2.1)
104 | erubi (1.13.0)
105 | faker (3.4.2)
106 | i18n (>= 1.8.11, < 2)
107 | faraday (2.12.0)
108 | faraday-net_http (>= 2.0, < 3.4)
109 | json
110 | logger
111 | faraday-net_http (3.3.0)
112 | net-http
113 | ffi (1.17.0-arm64-darwin)
114 | ffi (1.17.0-x86_64-darwin)
115 | ffi (1.17.0-x86_64-linux-gnu)
116 | globalid (1.2.1)
117 | activesupport (>= 6.1)
118 | hashie (5.0.0)
119 | heroicon (1.0.0)
120 | rails (>= 5.2)
121 | i18n (1.14.6)
122 | concurrent-ruby (~> 1.0)
123 | image_processing (1.13.0)
124 | mini_magick (>= 4.9.5, < 5)
125 | ruby-vips (>= 2.0.17, < 3)
126 | io-console (0.7.2)
127 | irb (1.14.1)
128 | rdoc (>= 4.0.0)
129 | reline (>= 0.4.2)
130 | jsbundling-rails (1.3.1)
131 | railties (>= 6.0.0)
132 | json (2.7.2)
133 | jwt (2.9.1)
134 | base64
135 | logger (1.6.2)
136 | loofah (2.23.1)
137 | crass (~> 1.0.2)
138 | nokogiri (>= 1.12.0)
139 | mail (2.8.1)
140 | mini_mime (>= 0.1.1)
141 | net-imap
142 | net-pop
143 | net-smtp
144 | marcel (1.0.4)
145 | mini_magick (4.13.2)
146 | mini_mime (1.1.5)
147 | minitest (5.25.4)
148 | msgpack (1.7.2)
149 | multi_xml (0.7.1)
150 | bigdecimal (~> 3.1)
151 | net-http (0.4.1)
152 | uri
153 | net-imap (0.4.20)
154 | date
155 | net-protocol
156 | net-pop (0.1.2)
157 | net-protocol
158 | net-protocol (0.2.2)
159 | timeout
160 | net-smtp (0.5.0)
161 | net-protocol
162 | nio4r (2.7.3)
163 | nokogiri (1.18.8-arm64-darwin)
164 | racc (~> 1.4)
165 | nokogiri (1.18.8-x86_64-darwin)
166 | racc (~> 1.4)
167 | nokogiri (1.18.8-x86_64-linux-gnu)
168 | racc (~> 1.4)
169 | oauth2 (2.0.9)
170 | faraday (>= 0.17.3, < 3.0)
171 | jwt (>= 1.0, < 3.0)
172 | multi_xml (~> 0.5)
173 | rack (>= 1.2, < 4)
174 | snaky_hash (~> 2.0)
175 | version_gem (~> 1.1)
176 | omniauth (2.1.2)
177 | hashie (>= 3.4.6)
178 | rack (>= 2.2.3)
179 | rack-protection
180 | omniauth-facebook (9.0.0)
181 | omniauth-oauth2 (~> 1.2)
182 | omniauth-github (2.0.1)
183 | omniauth (~> 2.0)
184 | omniauth-oauth2 (~> 1.8)
185 | omniauth-google-oauth2 (1.2.0)
186 | jwt (>= 2.9)
187 | oauth2 (~> 2.0)
188 | omniauth (~> 2.0)
189 | omniauth-oauth2 (~> 1.8)
190 | omniauth-oauth2 (1.8.0)
191 | oauth2 (>= 1.4, < 3)
192 | omniauth (~> 2.0)
193 | omniauth-rails_csrf_protection (1.0.2)
194 | actionpack (>= 4.2)
195 | omniauth (~> 2.0)
196 | orm_adapter (0.5.0)
197 | pagy (9.0.9)
198 | pg (1.5.8)
199 | propshaft (1.1.0)
200 | actionpack (>= 7.0.0)
201 | activesupport (>= 7.0.0)
202 | rack
203 | railties (>= 7.0.0)
204 | psych (5.1.2)
205 | stringio
206 | puma (6.4.3)
207 | nio4r (~> 2.0)
208 | racc (1.8.1)
209 | rack (3.1.16)
210 | rack-protection (4.0.0)
211 | base64 (>= 0.1.0)
212 | rack (>= 3.0.0, < 4)
213 | rack-session (2.1.1)
214 | base64 (>= 0.1.0)
215 | rack (>= 3.0.0)
216 | rack-test (2.1.0)
217 | rack (>= 1.3)
218 | rackup (2.1.0)
219 | rack (>= 3)
220 | webrick (~> 1.8)
221 | rails (7.2.2.1)
222 | actioncable (= 7.2.2.1)
223 | actionmailbox (= 7.2.2.1)
224 | actionmailer (= 7.2.2.1)
225 | actionpack (= 7.2.2.1)
226 | actiontext (= 7.2.2.1)
227 | actionview (= 7.2.2.1)
228 | activejob (= 7.2.2.1)
229 | activemodel (= 7.2.2.1)
230 | activerecord (= 7.2.2.1)
231 | activestorage (= 7.2.2.1)
232 | activesupport (= 7.2.2.1)
233 | bundler (>= 1.15.0)
234 | railties (= 7.2.2.1)
235 | rails-dom-testing (2.2.0)
236 | activesupport (>= 5.0.0)
237 | minitest
238 | nokogiri (>= 1.6)
239 | rails-html-sanitizer (1.6.1)
240 | loofah (~> 2.21)
241 | nokogiri (>= 1.15.7, != 1.16.7, != 1.16.6, != 1.16.5, != 1.16.4, != 1.16.3, != 1.16.2, != 1.16.1, != 1.16.0.rc1, != 1.16.0)
242 | railties (7.2.2.1)
243 | actionpack (= 7.2.2.1)
244 | activesupport (= 7.2.2.1)
245 | irb (~> 1.13)
246 | rackup (>= 1.0.0)
247 | rake (>= 12.2)
248 | thor (~> 1.0, >= 1.2.2)
249 | zeitwerk (~> 2.6)
250 | rake (13.2.1)
251 | ransack (4.2.1)
252 | activerecord (>= 6.1.5)
253 | activesupport (>= 6.1.5)
254 | i18n
255 | rdoc (6.7.0)
256 | psych (>= 4.0.0)
257 | reline (0.5.10)
258 | io-console (~> 0.5)
259 | responders (3.1.1)
260 | actionpack (>= 5.2)
261 | railties (>= 5.2)
262 | ruby-vips (2.2.2)
263 | ffi (~> 1.12)
264 | logger
265 | securerandom (0.4.0)
266 | snaky_hash (2.0.1)
267 | hashie
268 | version_gem (~> 1.1, >= 1.1.1)
269 | stringio (3.1.1)
270 | thor (1.3.2)
271 | timeout (0.4.3)
272 | turbo-rails (2.0.10)
273 | actionpack (>= 6.0.0)
274 | railties (>= 6.0.0)
275 | tzinfo (2.0.6)
276 | concurrent-ruby (~> 1.0)
277 | uri (0.13.2)
278 | useragent (0.16.11)
279 | version_gem (1.1.4)
280 | warden (1.2.9)
281 | rack (>= 2.0.9)
282 | web-console (4.2.1)
283 | actionview (>= 6.0.0)
284 | activemodel (>= 6.0.0)
285 | bindex (>= 0.4.0)
286 | railties (>= 6.0.0)
287 | webrick (1.8.2)
288 | websocket-driver (0.7.6)
289 | websocket-extensions (>= 0.1.0)
290 | websocket-extensions (0.1.5)
291 | zeitwerk (2.6.18)
292 |
293 | PLATFORMS
294 | arm64-darwin-22
295 | x86_64-darwin-17
296 | x86_64-darwin-22
297 | x86_64-linux
298 |
299 | DEPENDENCIES
300 | bootsnap (~> 1.18)
301 | cancancan (~> 3.4)
302 | cssbundling-rails (~> 1.1)
303 | debug
304 | devise (~> 4.9)
305 | dotenv-rails
306 | faker (~> 3)
307 | heroicon (~> 1.0)
308 | image_processing (~> 1.2)
309 | jsbundling-rails (~> 1.0)
310 | omniauth-facebook (~> 9.0)
311 | omniauth-github (~> 2.0)
312 | omniauth-google-oauth2 (~> 1.1)
313 | omniauth-rails_csrf_protection (~> 1.0)
314 | pagy (~> 9.0)
315 | pg (~> 1.5)
316 | propshaft (~> 1.1)
317 | puma (~> 6.4)
318 | rails (~> 7.2)
319 | ransack (~> 4.2)
320 | turbo-rails (~> 2.0)
321 | web-console
322 |
323 | RUBY VERSION
324 | ruby 3.3.5p100
325 |
326 | BUNDLED WITH
327 | 2.5.20
328 |
--------------------------------------------------------------------------------
/Procfile.dev:
--------------------------------------------------------------------------------
1 | web: bin/rails server -p 3000
2 | js: yarn build --watch
3 | css: yarn build:css --watch
4 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 🚀 Rails + Ralix + Tailwind
2 |
3 | > Starter Kit to build modern Rails applications fast
4 |
5 | Powered by:
6 |
7 | - [Rails](https://rubyonrails.org)
8 | - [Ralix](https://github.com/ralixjs/ralix)
9 | - [Tailwind CSS](https://tailwindcss.com)
10 | - [PostgreSQL](https://www.postgresql.org)
11 | - [Turbo](https://turbo.hotwired.dev)
12 | - [esbuild](https://esbuild.github.io)
13 |
14 | Rails v7 application template ready to start building your next project, with a pre-configured modern front-end stack and some extras:
15 |
16 | - 🎨 Minimalistic and responsive, clean layout
17 | - 🎯 Icons pack, via [Heroicons](https://heroicons.com)
18 | - 🔐 Authentication, via [Devise](https://github.com/heartcombo/devise) + [OmniAuth](https://github.com/omniauth/omniauth) for Social Logins
19 | - 👥 Authorization, via [CanCanCan](https://github.com/CanCanCommunity/cancancan)
20 | - 🔍 Searching, via [Ransack](https://github.com/activerecord-hackery/ransack)
21 | - 📝 Rich text edition, via [Trix](https://trix-editor.org)
22 | - 🔢 Pagination, via [Pagy](https://github.com/ddnexus/pagy)
23 | - 📄 Static pages controller (About, Terms, ...)
24 | - 🔴 Custom errors pages: 404, 422, 500
25 | - 📦 *Ready-to-use* components: Tables, Buttons, Forms, Cards, Modals and Tooltips
26 |
27 | ## Install
28 |
29 | Clone this repository (or use the GitHub *template* button), then `cd` into the folder and run:
30 |
31 | ```
32 | > bin/setup
33 | ```
34 |
35 | ## Run
36 |
37 | Start the development server:
38 |
39 | ```
40 | > bin/dev
41 | ```
42 |
43 | And open your browser at [`localhost:3000`](http://localhost:3000).
44 |
--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
1 | # Add your own tasks in files placed in lib/tasks ending in .rake,
2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3 |
4 | require_relative "config/application"
5 |
6 | Rails.application.load_tasks
7 |
--------------------------------------------------------------------------------
/app/assets/builds/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ralixjs/rails-ralix-tailwind/f476049dd9c7ef07868148da8615cba4e463da09/app/assets/builds/.keep
--------------------------------------------------------------------------------
/app/assets/images/icons/facebook.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/app/assets/images/icons/github.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/app/assets/images/icons/google.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/application.css:
--------------------------------------------------------------------------------
1 | /* Dependencies */
2 | @import 'tailwindcss/base';
3 | @import 'tailwindcss/components';
4 | @import 'tailwindcss/utilities';
5 | @import 'tippy.js/dist/tippy.css';
6 | @import "trix/dist/trix";
7 |
8 | /* Components */
9 | @import 'components/base.css';
10 | @import 'components/modals.css';
11 | @import 'components/tables.css';
12 | @import 'components/buttons.css';
13 | @import 'components/forms.css';
14 | @import 'components/cards.css';
15 | @import 'components/pagination.css';
16 | @import 'components/overrides.css';
17 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/base.css:
--------------------------------------------------------------------------------
1 | body {
2 | @apply bg-slate-100 leading-relaxed;
3 | }
4 |
5 | h1 {
6 | @apply text-4xl font-bold mt-2 my-4;
7 | }
8 |
9 | h2 {
10 | @apply text-3xl font-bold mt-2 my-4;
11 | }
12 |
13 | h3 {
14 | @apply text-2xl font-bold my-2;
15 | }
16 |
17 | p {
18 | @apply mt-2 mb-3;
19 | }
20 |
21 | a {
22 | @apply text-indigo-600 outline-none;
23 | }
24 |
25 | img {
26 | display: inline-block;
27 | }
28 |
29 | ul {
30 | @apply list-disc;
31 | }
32 |
33 | ol {
34 | @apply list-decimal;
35 | }
36 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/buttons.css:
--------------------------------------------------------------------------------
1 | .btn {
2 | @apply bg-indigo-600 text-white border-2 border-indigo-600 py-3 px-6 rounded cursor-pointer outline-none;
3 | }
4 |
5 | .btn-outline {
6 | @apply bg-transparent text-indigo-600;
7 | }
8 |
9 | .btn-outline:hover {
10 | @apply bg-indigo-600 text-white;
11 | }
12 |
13 | .btn-danger {
14 | @apply bg-transparent border-red-600 text-red-600;
15 | }
16 |
17 | .btn-danger:hover {
18 | @apply bg-red-600 text-white;
19 | }
20 |
21 | .btn-facebook {
22 | background-color: #1877F2;
23 | border-color: #1877F2;
24 | }
25 |
26 | .btn-github {
27 | background-color: #333;
28 | border-color: #333;
29 | }
30 |
31 | .btn-google {
32 | background-color: #EA4335;
33 | border-color: #EA4335;
34 | }
35 |
36 | .btn svg {
37 | display: inline;
38 | vertical-align: text-top;
39 | }
40 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/cards.css:
--------------------------------------------------------------------------------
1 | .card {
2 | @apply rounded bg-white p-4;
3 | }
4 |
5 | .card-title a {
6 | @apply text-gray-900;
7 | }
8 |
9 | .card-subtitle {
10 | @apply text-sm text-slate-400;
11 | }
12 |
13 | .card-body {
14 | @apply text-slate-600 my-2;
15 | }
16 |
17 | .card-actions {
18 | @apply mt-8 mb-4;
19 | }
20 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/forms.css:
--------------------------------------------------------------------------------
1 | input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), textarea {
2 | @apply w-full max-w-lg mt-2 mb-4 block rounded focus:border-indigo-600 focus:ring focus:ring-indigo-300 focus:ring-opacity-50;
3 | }
4 |
5 | input[type="file"] {
6 | @apply text-slate-400 bg-white border border-gray-500 cursor-pointer focus:outline-none file:mr-4 file:py-2 file:px-4 file:border-0 file:bg-gray-500 file:text-white hover:file:bg-gray-600;
7 | }
8 |
9 | input[type="checkbox"], input[type="radio"] {
10 | @apply p-2 mr-1 rounded-full text-indigo-600 focus:border-indigo-600 focus:ring focus:ring-indigo-300 focus:ring-opacity-50;
11 | }
12 |
13 | input[hidden="true"] {
14 | @apply !hidden;
15 | }
16 |
17 | .form-actions {
18 | @apply flex gap-4 my-4;
19 | }
20 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/modals.css:
--------------------------------------------------------------------------------
1 | .modal {
2 | display: none;
3 | }
4 |
5 | .modal.is-open {
6 | display: block;
7 | }
8 |
9 | .modal-overlay {
10 | position: fixed;
11 | top: 0;
12 | left: 0;
13 | right: 0;
14 | bottom: 0;
15 | background: rgba(0,0,0,0.6);
16 | display: flex;
17 | justify-content: center;
18 | align-items: center;
19 | }
20 |
21 | .modal-container {
22 | background-color: #fff;
23 | padding: 30px;
24 | min-width: 450px;
25 | max-width: 650px;
26 | max-height: 90vh;
27 | border-radius: 4px;
28 | overflow-y: auto;
29 | box-sizing: border-box;
30 | }
31 |
32 | @keyframes mmfadeIn {
33 | from { opacity: 0; }
34 | to { opacity: 1; }
35 | }
36 |
37 | @keyframes mmslideIn {
38 | from { transform: translateY(15%); }
39 | to { transform: translateY(0); }
40 | }
41 |
42 | .modal[aria-hidden="false"] .modal-overlay {
43 | animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
44 | }
45 |
46 | .modal[aria-hidden="false"] .modal-container {
47 | animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
48 | }
49 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/overrides.css:
--------------------------------------------------------------------------------
1 | /* Turbo */
2 | .turbo-progress-bar {
3 | @apply h-1 bg-indigo-600;
4 | }
5 |
6 | /* Tippy */
7 | .tippy-box {
8 | @apply bg-gray-800;
9 | }
10 |
11 | /* Trix */
12 | trix-editor {
13 | @apply bg-white min-h-60 border-gray-500 focus:border-indigo-600 focus:ring focus:ring-indigo-300 focus:ring-opacity-50;
14 | }
15 |
16 | trix-editor .trix-button--remove {
17 | @apply w-6 h-6 border-none;
18 | }
19 |
20 | trix-editor .attachment__caption-editor {
21 | @apply mt-2 p-1;
22 | }
23 |
24 | trix-editor [data-trix-mutable].attachment img {
25 | @apply shadow-none;
26 | }
27 |
28 | trix-toolbar .trix-button-group {
29 | @apply border-gray-500;
30 | }
31 |
32 | trix-toolbar .trix-button {
33 | @apply border-none;
34 | }
35 |
36 | trix-toolbar .trix-button.trix-active{
37 | @apply bg-indigo-100;
38 | }
39 |
40 | trix-toolbar .trix-dialog {
41 | @apply top-2 left-2 py-2 rounded border-none;
42 | }
43 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/pagination.css:
--------------------------------------------------------------------------------
1 | .pagy a {
2 | @apply text-xl p-2;
3 | }
4 |
5 | .pagy a.current {
6 | @apply bg-indigo-600 text-white rounded;
7 | }
8 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/components/tables.css:
--------------------------------------------------------------------------------
1 | table {
2 | @apply w-full text-sm text-left;
3 | }
4 |
5 | table thead {
6 | @apply text-xs uppercase bg-slate-200;
7 | }
8 |
9 | table tbody {
10 | @apply bg-white;
11 | }
12 |
13 | table th, table td {
14 | @apply py-4 px-6;
15 | }
16 |
17 | table img {
18 | min-width: 30px;
19 | }
20 |
21 | .table-responsive {
22 | @apply overflow-x-auto relative;
23 | }
24 |
--------------------------------------------------------------------------------
/app/controllers/application_controller.rb:
--------------------------------------------------------------------------------
1 | class ApplicationController < ActionController::Base
2 | include Pagy::Backend
3 |
4 | rescue_from CanCan::AccessDenied do |exception|
5 | redirect_to request.referer || root_path, alert: exception.message
6 | end
7 | end
8 |
--------------------------------------------------------------------------------
/app/controllers/articles_controller.rb:
--------------------------------------------------------------------------------
1 | class ArticlesController < ApplicationController
2 | before_action :authenticate_user!, only: %i[new create edit update destroy]
3 | before_action :set_article, only: %i[show edit update destroy]
4 |
5 | authorize_resource
6 |
7 | def index
8 | @q = Article.ransack(params[:q])
9 | @pagy, @articles = pagy(@q.result.order(created_at: :desc), limit: 4)
10 | end
11 |
12 | def show
13 | end
14 |
15 | def new
16 | @article = Article.new
17 | end
18 |
19 | def edit
20 | end
21 |
22 | def create
23 | @article = Article.new(article_params.merge(user: current_user))
24 |
25 | if @article.save
26 | redirect_to @article, notice: "Article was successfully created."
27 | else
28 | render :new, status: :unprocessable_entity
29 | end
30 | end
31 |
32 | def update
33 | if @article.update(article_params)
34 | redirect_to @article, notice: "Article was successfully updated."
35 | else
36 | render :edit, status: :unprocessable_entity
37 | end
38 | end
39 |
40 | def destroy
41 | @article.destroy
42 |
43 | redirect_to articles_url, notice: "Article was successfully destroyed."
44 | end
45 |
46 | private
47 |
48 | def set_article
49 | @article = Article.find(params[:id])
50 | end
51 |
52 | def article_params
53 | params.require(:article).permit(:title, :body)
54 | end
55 | end
56 |
--------------------------------------------------------------------------------
/app/controllers/errors_controller.rb:
--------------------------------------------------------------------------------
1 | class ErrorsController < ApplicationController
2 | def not_found
3 | render status: 404
4 | end
5 |
6 | def internal_server_error
7 | render status: 500
8 | end
9 | end
10 |
--------------------------------------------------------------------------------
/app/controllers/home_controller.rb:
--------------------------------------------------------------------------------
1 | class HomeController < ApplicationController
2 | def index
3 | end
4 | end
5 |
--------------------------------------------------------------------------------
/app/controllers/pages_controller.rb:
--------------------------------------------------------------------------------
1 | class PagesController < ApplicationController
2 | def show
3 | render template: "pages/#{params[:page]}"
4 | rescue ActionView::MissingTemplate
5 | render "errors/not_found", status: 404
6 | end
7 | end
8 |
--------------------------------------------------------------------------------
/app/controllers/users/omniauth_callbacks_controller.rb:
--------------------------------------------------------------------------------
1 | class Users::OmniauthCallbacksController < Devise::OmniauthCallbacksController
2 | def google_oauth2
3 | omniauth_callback('Google', 'google_data')
4 | end
5 |
6 | def github
7 | omniauth_callback('GitHub', 'github_data')
8 | end
9 |
10 | def facebook
11 | omniauth_callback('Facebook', 'facebook_data')
12 | end
13 |
14 | private
15 |
16 | def omniauth_callback(kind, session_key)
17 | @user = User.from_omniauth(request.env['omniauth.auth'])
18 |
19 | if @user.persisted?
20 | flash[:notice] = I18n.t 'devise.omniauth_callbacks.success', kind: kind
21 | sign_in_and_redirect @user, event: :authentication
22 | else
23 | session["devise.#{session_key}"] = request.env['omniauth.auth'].except('extra') # Removing extra as it can overflow some session stores
24 | redirect_to new_user_registration_url, alert: @user.errors.full_messages.join("\n")
25 | end
26 | end
27 | end
28 |
--------------------------------------------------------------------------------
/app/controllers/users_controller.rb:
--------------------------------------------------------------------------------
1 | class UsersController < ApplicationController
2 | before_action :authenticate_user!
3 |
4 | def index
5 | @q = User.ransack(params[:q])
6 | @pagy, @users = pagy(@q.result.order(created_at: :desc), limit: 10)
7 | end
8 |
9 | def show
10 | @user = User.find(params[:id])
11 |
12 | render layout: false
13 | end
14 |
15 | def edit
16 | end
17 |
18 | def update
19 | if current_user.update(user_params)
20 | redirect_to current_user, notice: "Account was successfully updated."
21 | else
22 | render :edit, status: :unprocessable_entity
23 | end
24 | end
25 |
26 | def destroy
27 | current_user.destroy
28 |
29 | redirect_to root_path, notice: "Account was successfully deleted."
30 | end
31 |
32 | private
33 |
34 | def user_params
35 | params.require(:user).permit(:avatar, :name, :email, :password, :password_confirmation)
36 | end
37 | end
38 |
--------------------------------------------------------------------------------
/app/helpers/application_helper.rb:
--------------------------------------------------------------------------------
1 | module ApplicationHelper
2 | include Pagy::Frontend
3 | include Heroicon::Engine.helpers
4 |
5 | def page_title
6 | "Rails + Ralix + Tailwind | #{controller_name.humanize}"
7 | end
8 |
9 | def body_class
10 | "#{controller_name}-#{action_name}"
11 | end
12 |
13 | def nav_link_class(section, extra = nil)
14 | if section == controller_name
15 | "bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium #{extra}"
16 | else
17 | "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium #{extra}"
18 | end
19 | end
20 |
21 | def time_ago(time_object)
22 | "#{time_ago_in_words(time_object)} ago"
23 | end
24 |
25 | def format_time(time_object)
26 | l(time_object, format: :long)
27 | end
28 | end
29 |
--------------------------------------------------------------------------------
/app/helpers/articles_helper.rb:
--------------------------------------------------------------------------------
1 | module ArticlesHelper
2 | def author_and_date(article)
3 | "by #{article.user.name} | #{format_time(article.created_at.to_date)}"
4 | end
5 | end
6 |
--------------------------------------------------------------------------------
/app/helpers/users_helper.rb:
--------------------------------------------------------------------------------
1 | module UsersHelper
2 | def avatar(user, size = 40)
3 | image_tag avatar_url(user, size),
4 | size: size,
5 | class: "rounded-full"
6 | end
7 |
8 | def avatar_url(user, size)
9 | if user.avatar.attached?
10 | url_for(user.avatar.variant(resize_to_fill: [size, size]))
11 | else
12 | gravatar_url(user.email, size)
13 | end
14 | end
15 |
16 | def gravatar_url(email, size)
17 | gravatar_id = Digest::MD5.hexdigest(email).downcase
18 | gravatar_options = {
19 | s: size,
20 | d: "retro"
21 | }
22 |
23 | "https://www.gravatar.com/avatar/#{gravatar_id}?#{gravatar_options.to_param}"
24 | end
25 | end
26 |
--------------------------------------------------------------------------------
/app/javascript/application.js:
--------------------------------------------------------------------------------
1 | // Dependencies
2 | import { RalixApp } from 'ralix'
3 | import "@hotwired/turbo-rails"
4 | import "trix"
5 | import "@rails/actiontext"
6 |
7 | // Controllers
8 | import AppCtrl from './controllers/app'
9 | import ArticlesCtrl from './controllers/articles'
10 |
11 | // Components
12 | import RemoteModal from './components/remote_modal'
13 | import Tooltip from './components/tooltip'
14 |
15 | const App = new RalixApp({
16 | routes: {
17 | '/articles$': ArticlesCtrl,
18 | '/.*': AppCtrl
19 | },
20 | components: [
21 | RemoteModal,
22 | Tooltip
23 | ]
24 | })
25 |
26 | App.start()
27 |
--------------------------------------------------------------------------------
/app/javascript/components/remote_modal.js:
--------------------------------------------------------------------------------
1 | import MicroModal from 'micromodal'
2 |
3 | export default class RemoteModal {
4 | static onload() {
5 | findAll('[data-modal-url]').forEach(el => {
6 | on(el, 'click', () => {
7 | this.show(data(el))
8 | })
9 | })
10 | }
11 |
12 | static show(data) {
13 | get(data.modalUrl).then(content => {
14 | insertHTML('#remote-modal .modal-title', data.modalTitle || '')
15 | insertHTML('#remote-modal main', content)
16 |
17 | MicroModal.show('remote-modal', {
18 | disableScroll: true
19 | })
20 | })
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/app/javascript/components/tooltip.js:
--------------------------------------------------------------------------------
1 | import tippy from 'tippy.js'
2 |
3 | export default class Tooltip {
4 | static onload() {
5 | tippy('[data-tippy-content]', {
6 | allowHTML: true,
7 | arrow: false
8 | })
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/app/javascript/controllers/app.js:
--------------------------------------------------------------------------------
1 | export default class AppCtrl {
2 | constructor() {
3 | this.isMobile = /Mobi/.test(navigator.userAgent)
4 | }
5 |
6 | toggleMenu() {
7 | toggleClass('.mobile-menu', 'hidden')
8 | }
9 |
10 | closeFlashAlert() {
11 | currentElement().parentElement.remove()
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/app/javascript/controllers/articles.js:
--------------------------------------------------------------------------------
1 | import AppCtrl from "./app"
2 |
3 | export default class ArticlesCtrl extends AppCtrl {
4 | constructor() {
5 | super()
6 |
7 | this.searchForm = find('.article_search')
8 | this.searchInput = find('.search-input')
9 | this.currentValue = this.searchInput.value
10 |
11 | if (!this.isMobile) this.searchInput.focus()
12 | }
13 |
14 | search() {
15 | setTimeout(() => {
16 | const newValue = this.searchInput.value
17 |
18 | if (this.currentValue != newValue)
19 | this.currentValue = newValue
20 | submit(this.searchForm)
21 | }, 500)
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/app/mailers/application_mailer.rb:
--------------------------------------------------------------------------------
1 | class ApplicationMailer < ActionMailer::Base
2 | default from: "from@example.com"
3 | layout "mailer"
4 | end
5 |
--------------------------------------------------------------------------------
/app/models/ability.rb:
--------------------------------------------------------------------------------
1 | class Ability
2 | include CanCan::Ability
3 |
4 | def initialize(user)
5 | can [:read, :create], Article
6 | can [:update, :destroy], Article, user: user
7 | end
8 | end
9 |
--------------------------------------------------------------------------------
/app/models/application_record.rb:
--------------------------------------------------------------------------------
1 | class ApplicationRecord < ActiveRecord::Base
2 | primary_abstract_class
3 | end
4 |
--------------------------------------------------------------------------------
/app/models/article.rb:
--------------------------------------------------------------------------------
1 | class Article < ApplicationRecord
2 | belongs_to :user
3 |
4 | has_rich_text :body
5 | has_one :rich_text, class_name: 'ActionText::RichText', as: :record
6 |
7 | validates :title, :body, presence: true
8 | validates :title, length: { minimum: 5 }
9 |
10 | def self.ransackable_attributes(auth_object = nil)
11 | ["title"]
12 | end
13 |
14 | def self.ransackable_associations(auth_object = nil)
15 | ["rich_text"]
16 | end
17 | end
18 |
--------------------------------------------------------------------------------
/app/models/user.rb:
--------------------------------------------------------------------------------
1 | class User < ApplicationRecord
2 | devise :database_authenticatable,
3 | :registerable,
4 | :recoverable,
5 | :rememberable,
6 | :validatable,
7 | :omniauthable,
8 | omniauth_providers: [:facebook, :google_oauth2, :github]
9 |
10 | has_one_attached :avatar
11 |
12 | has_many :articles, dependent: :destroy
13 |
14 | def name
15 | @name ||= self[:name].presence || email.split("@").first
16 | end
17 |
18 | def self.from_omniauth(auth)
19 | data = auth.info
20 |
21 | User.where(email: data['email']).first_or_create do |user|
22 | user.name = data['name']
23 | user.password = Devise.friendly_token[0,20] if user.new_record?
24 | end
25 | end
26 |
27 | def self.ransackable_attributes(auth_object = nil)
28 | ["name", "email", "created_at"]
29 | end
30 |
31 | protected
32 |
33 | def password_required?
34 | new_record? || password.present?
35 | end
36 | end
37 |
--------------------------------------------------------------------------------
/app/views/application/_error_messages.html.erb:
--------------------------------------------------------------------------------
1 | <% if object.errors.any? %>
2 |
3 |
<%= pluralize(object.errors.count, "error") %> found:
4 |
5 |
6 | <% object.errors.each do |error| %>
7 | - <%= error.full_message %>
8 | <% end %>
9 |
10 |
3 | <%= msg %>
4 |
5 |
6 | <% end %>
7 |
--------------------------------------------------------------------------------
/app/views/application/_footer.html.erb:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/app/views/application/_header.html.erb:
--------------------------------------------------------------------------------
1 |
63 |
--------------------------------------------------------------------------------
/app/views/application/_remote_modal.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
9 |
10 |
11 | Loading ...
12 |
13 |
14 |
15 |
5 | <%= form.label :title %>
6 | <%= form.text_field :title %>
7 |
8 |
9 |
10 | <%= form.label :body %>
11 | <%= form.rich_text_area :body %>
12 |
13 |
14 |
15 | <%= form.submit nil, class: 'btn' %>
16 |
17 | <% end %>
18 |
--------------------------------------------------------------------------------
/app/views/articles/edit.html.erb:
--------------------------------------------------------------------------------
1 | Editing article
2 |
3 | <%= render "form", article: @article %>
4 |
5 |
6 |
Be careful! This action is irreversible.
7 | <%= button_to "Destroy", @article, method: :delete, class: "btn btn-danger" %>
8 |
2 |
Articles
3 | <%= link_to new_article_path, class: 'btn' do %>
4 | <%= heroicon "plus" %>
5 | New article
6 | <% end %>
7 |
8 |
9 | <%= search_form_for @q, data: { turbo_frame: "search" } do |f| %>
10 |
11 |
12 | <%= heroicon "magnifying-glass" %>
13 |
14 | <%= f.text_field :title_or_rich_text_body_cont, class: "search-input p-3 pl-10 text-sm", onkeyup: "search()", placeholder: "Search ..." %>
15 |
20 | <% @articles.each do |article| %>
21 |
22 |
23 | <%= link_to article.title, article %>
24 |
25 |
26 | <%= author_and_date(article) %>
27 |
28 |
29 | <%= truncate strip_tags(article.body.to_s), length: 160 %>
30 |
31 |
32 | <%= link_to article, class: 'btn btn-outline' do %>
33 | Read more
34 | <%= heroicon 'chevron-right' %>
35 | <% end %>
36 |
37 |
38 | <% end %>
39 |
42 | <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
43 |
44 | <% end %>
45 |
--------------------------------------------------------------------------------
/app/views/articles/new.html.erb:
--------------------------------------------------------------------------------
1 | New article
2 |
3 | <%= render "form", article: @article %>
4 |
--------------------------------------------------------------------------------
/app/views/articles/show.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
<%= @article.title %>
3 |
4 |
5 | <%= author_and_date(@article) %>
6 |
7 |
8 |
9 | <%= @article.body %>
10 |
11 |
12 |
13 | <%= link_to "Edit", edit_article_path(@article), class: 'btn' %>
14 |
15 |
Change your password
2 |
3 | <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }, data: { turbo: "false" }) do |f| %>
4 | <%= render "application/error_messages", object: resource %>
5 | <%= f.hidden_field :reset_password_token %>
6 |
7 |
8 | <%= f.label :password, "New password" %>
9 | <%= f.password_field :password, autofocus: true, autocomplete: "new-password" %>
10 |
11 |
12 |
13 | <%= f.label :password_confirmation, "Confirm new password" %>
14 | <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
15 |
16 |
17 |
18 | <%= f.submit "Change my password", class: "btn" %>
19 |
20 | <% end %>
21 |
22 | <%= render "devise/shared/links" %>
23 |
--------------------------------------------------------------------------------
/app/views/devise/passwords/new.html.erb:
--------------------------------------------------------------------------------
1 | Forgot your password?
2 |
3 | <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }, data: { turbo: "false" }) do |f| %>
4 | <%= render "application/error_messages", object: resource %>
5 |
6 |
7 | <%= f.label :email %>
8 | <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
9 |
10 |
11 |
12 | <%= f.submit "Send me reset password instructions", class: "btn" %>
13 |
14 | <% end %>
15 |
16 | <%= render "devise/shared/links" %>
17 |
--------------------------------------------------------------------------------
/app/views/devise/registrations/new.html.erb:
--------------------------------------------------------------------------------
1 | Sign up
2 |
3 | <%= form_for(resource, as: resource_name, url: registration_path(resource_name), data: { turbo: "false" }) do |f| %>
4 | <%= render "application/error_messages", object: resource %>
5 |
6 |
7 | <%= f.label :email %>
8 | <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
9 |
10 |
11 |
12 | <%= f.label :password %>
13 | <%= f.password_field :password, autocomplete: "new-password" %>
14 |
15 |
16 |
17 | <%= f.label :password_confirmation %>
18 | <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
19 |
20 |
21 |
22 | <%= f.submit "Sign up", class: "btn" %>
23 |
24 | <% end %>
25 |
26 | <%= render "devise/shared/social_signin" %>
27 | <%= render "devise/shared/links" %>
28 |
--------------------------------------------------------------------------------
/app/views/devise/sessions/new.html.erb:
--------------------------------------------------------------------------------
1 | Sign in
2 |
3 | <%= form_for(resource, as: resource_name, url: session_path(resource_name), data: { turbo: "false" }) do |f| %>
4 |
5 | <%= f.label :email %>
6 | <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
7 |
8 |
9 |
10 | <%= f.label :password %>
11 | <%= f.password_field :password, autocomplete: "current-password" %>
12 |
13 |
14 | <% if devise_mapping.rememberable? %>
15 |
16 | <%= f.check_box :remember_me %>
17 | <%= f.label :remember_me %>
18 |
19 | <% end %>
20 |
21 |
22 | <%= f.submit "Sign in", class: "btn" %>
23 |
24 | <% end %>
25 |
26 | <%= render "devise/shared/social_signin" %>
27 | <%= render "devise/shared/links" %>
28 |
--------------------------------------------------------------------------------
/app/views/devise/shared/_links.html.erb:
--------------------------------------------------------------------------------
1 | <% if controller_name != 'sessions' %>
2 | <%= link_to "Sign in", new_session_path(resource_name) %>
3 | <% end %>
4 |
5 | <% if devise_mapping.registerable? && controller_name != 'registrations' %>
6 | <%= link_to "Sign up", new_registration_path(resource_name) %>
7 | <% end %>
8 |
9 | <% if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
10 | <%= link_to "Forgot your password?", new_password_path(resource_name) %>
11 | <% end %>
12 |
--------------------------------------------------------------------------------
/app/views/devise/shared/_social_signin.html.erb:
--------------------------------------------------------------------------------
1 |
2 | <%= button_to user_github_omniauth_authorize_path, class: "btn btn-github", data: { turbo: "false" } do %>
3 | <%= image_tag "icons/github.svg", class: "h-4 w-4" %>
4 | Sign in with GitHub
5 | <% end %>
6 |
7 | <%= button_to user_google_oauth2_omniauth_authorize_path, class: "btn btn-google", data: { turbo: "false" } do %>
8 | <%= image_tag "icons/google.svg", class: "h-4 w-4" %>
9 | Sign in with Google
10 | <% end %>
11 |
12 | <%= button_to user_facebook_omniauth_authorize_path, class: "btn btn-facebook", data: { turbo: "false" } do %>
13 | <%= image_tag "icons/facebook.svg", class: "h-4 w-4" %>
14 | Sign in with Facebook
15 | <% end %>
16 |
17 |
--------------------------------------------------------------------------------
/app/views/errors/_error_page.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
<%= code %>
3 |
4 |
<%= error_title %>
5 |
<%= error_description %>
6 |
7 |
8 | Home
9 | Back
10 |
11 |
2 |
3 | Starter Kit
4 | Rails + Ralix + Tailwind
5 |
6 |
7 |
8 | Starter Kit to build Rails applications fast, with Ralix, Tailwind and more!
9 |
10 |
11 |
12 | <%= heroicon 'book-open' %>
13 | Get started
14 |
15 |
16 | <%= heroicon 'squares-2x2' %>
17 | Explore app
18 |
19 |
18 | <%= yield %>
19 |
20 |
21 | <%= render "application/footer" %>
22 | <%= render "application/remote_modal" %>
23 |
24 |
25 |
--------------------------------------------------------------------------------
/app/views/layouts/mailer.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
8 |
9 |
10 |
11 | <%= yield %>
12 |
13 |
14 |
--------------------------------------------------------------------------------
/app/views/layouts/mailer.text.erb:
--------------------------------------------------------------------------------
1 | <%= yield %>
2 |
--------------------------------------------------------------------------------
/app/views/pages/about.html.erb:
--------------------------------------------------------------------------------
1 | About us
2 |
3 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
4 |
5 | Mission
6 |
7 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
8 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
9 |
10 | Values
11 |
12 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
13 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
14 |
15 | Team
16 |
17 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
18 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
19 |
--------------------------------------------------------------------------------
/app/views/pages/privacy_policy.html.erb:
--------------------------------------------------------------------------------
1 | Privacy policy
2 |
3 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
4 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
5 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
6 |
--------------------------------------------------------------------------------
/app/views/pages/terms.html.erb:
--------------------------------------------------------------------------------
1 | Terms
2 |
3 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
4 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
5 | <%= Faker::Lorem.paragraphs(number: 5).join.html_safe %>
6 |
--------------------------------------------------------------------------------
/app/views/users/edit.html.erb:
--------------------------------------------------------------------------------
1 | My account
2 |
3 | <%= form_with(model: current_user) do |form| %>
4 | <%= render "application/error_messages", object: current_user %>
5 |
6 |
7 | <%= avatar(current_user, 200) %>
8 |
9 |
10 |
11 | <%= form.label :avatar %>
12 | <%= form.file_field :avatar, accept: "image/*" %>
13 |
14 |
15 |
16 | <%= form.label :name %>
17 | <%= form.text_field :name %>
18 |
19 |
20 |
21 | <%= form.label :email %>
22 | <%= form.email_field :email %>
23 |
24 |
25 |
26 | <%= form.label :password %>
27 | <%= form.password_field :password %>
28 |
29 |
30 |
31 | <%= form.label :password_confirmation %>
32 | <%= form.password_field :password_confirmation %>
33 |
34 |
35 |
36 | <%= form.submit nil, class: 'btn' %>
37 |
38 | <% end %>
39 |
40 |
41 |
Sign out from my account.
42 | <%= button_to "Sign out", destroy_user_session_path, method: :delete, class: "btn btn-outline" %>
43 |
46 |
Be careful! This action is irreversible.
47 | <%= button_to "Delete my account", user_path(current_user), method: :delete, class: "btn btn-danger" %>
48 |
Users
2 |
3 |
4 |
5 |
6 |
7 | |
8 | <%= sort_link(@q, :name) %> |
9 | <%= sort_link(@q, :email) %> |
10 | <%= sort_link(@q, :created_at) %> |
11 | |
12 |
13 |
14 |
15 | <% @users.each do |user| %>
16 |
17 | |
18 | <%= avatar(user, 60) %>
19 | |
20 |
21 | <%= user.name %>
22 | |
23 |
24 | <%= mail_to user.email, 'data-tippy-content': 'Click to send an email' %>
25 | |
26 |
27 | <%= time_ago user.created_at %>
28 | |
29 |
30 | " data-modal-title="User details" class="btn btn-outline">Details
31 | |
32 |
33 | <% end %>
34 |
35 |
36 |
39 | <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
40 |
41 |
--------------------------------------------------------------------------------
/app/views/users/show.html.erb:
--------------------------------------------------------------------------------
1 |
2 | <%= avatar(@user, 200) %>
3 |
<%= @user.name %>
4 |
<%= mail_to @user.email %>
5 |
8 |
9 | Created at
10 | <%= time_ago @user.created_at %>
11 | <%= format_time @user.created_at %>
12 |
13 |
14 | Updated at
15 | <%= time_ago @user.updated_at %>
16 | <%= format_time @user.updated_at %>
17 |
18 |
Total Articles <%= @user.articles.size %>
19 |