├── .dockerignore
├── .gitattributes
├── .gitignore
├── .ruby-version
├── Dockerfile
├── Gemfile
├── Gemfile.lock
├── Procfile.dev
├── README.md
├── Rakefile
├── app
├── assets
│ ├── builds
│ │ └── .keep
│ ├── config
│ │ └── manifest.js
│ ├── images
│ │ ├── .keep
│ │ ├── dotsIcon.svg
│ │ ├── eye-off.svg
│ │ └── eye.svg
│ └── stylesheets
│ │ ├── application.css
│ │ └── application.tailwind.css
├── controllers
│ ├── application_controller.rb
│ ├── concerns
│ │ └── .keep
│ ├── reasons_controller.rb
│ └── storefronts_controller.rb
├── helpers
│ ├── application_helper.rb
│ └── storefronts_helper.rb
├── javascript
│ ├── application.js
│ └── controllers
│ │ ├── application.js
│ │ ├── drag_controller.js
│ │ ├── index.js
│ │ ├── modal_controller.js
│ │ └── nested_form_controller.js
├── models
│ ├── application_record.rb
│ ├── concerns
│ │ └── .keep
│ ├── reason.rb
│ └── storefront.rb
└── views
│ ├── layouts
│ └── application.html.erb
│ └── storefronts
│ ├── _form.html.erb
│ ├── _reason.html.erb
│ ├── _storefront.html.erb
│ ├── _storefront.json.jbuilder
│ ├── edit.html.erb
│ ├── index.html.erb
│ ├── index.json.jbuilder
│ ├── new.html.erb
│ ├── show.html.erb
│ └── show.json.jbuilder
├── bin
├── bundle
├── dev
├── docker-entrypoint
├── importmap
├── rails
├── rake
└── setup
├── config.ru
├── config
├── application.rb
├── boot.rb
├── credentials.yml.enc
├── database.yml
├── environment.rb
├── environments
│ ├── development.rb
│ ├── production.rb
│ └── test.rb
├── importmap.rb
├── initializers
│ ├── assets.rb
│ ├── content_security_policy.rb
│ ├── filter_parameter_logging.rb
│ ├── inflections.rb
│ ├── permissions_policy.rb
│ ├── simple_form.rb
│ └── simple_form_tailwind.rb
├── locales
│ ├── en.yml
│ └── simple_form.en.yml
├── puma.rb
├── routes.rb
└── tailwind.config.js
├── db
├── migrate
│ ├── 20231221221744_create_storefronts.rb
│ └── 20231221221802_create_reasons.rb
├── schema.rb
└── seeds.rb
├── lib
├── assets
│ └── .keep
└── tasks
│ └── .keep
├── log
└── .keep
├── package.json
├── public
├── 404.html
├── 422.html
├── 500.html
├── apple-touch-icon-precomposed.png
├── apple-touch-icon.png
├── favicon.ico
└── robots.txt
├── storage
├── .keep
├── development.sqlite3
├── development.sqlite3-shm
└── development.sqlite3-wal
├── test
├── application_system_test_case.rb
├── controllers
│ ├── .keep
│ └── storefronts_controller_test.rb
├── fixtures
│ ├── files
│ │ └── .keep
│ ├── reasons.yml
│ └── storefronts.yml
├── helpers
│ └── .keep
├── integration
│ └── .keep
├── models
│ ├── .keep
│ ├── reason_test.rb
│ └── storefront_test.rb
├── system
│ ├── .keep
│ └── storefronts_test.rb
└── test_helper.rb
├── tmp
├── .keep
├── pids
│ └── .keep
└── storage
│ └── .keep
└── vendor
├── .keep
└── javascript
└── .keep
/.dockerignore:
--------------------------------------------------------------------------------
1 | # See https://docs.docker.com/engine/reference/builder/#dockerignore-file for more about ignoring files.
2 |
3 | # Ignore git directory.
4 | /.git/
5 |
6 | # Ignore bundler config.
7 | /.bundle
8 |
9 | # Ignore all environment files (except templates).
10 | /.env*
11 | !/.env*.erb
12 |
13 | # Ignore all default key files.
14 | /config/master.key
15 | /config/credentials/*.key
16 |
17 | # Ignore all logfiles and tempfiles.
18 | /log/*
19 | /tmp/*
20 | !/log/.keep
21 | !/tmp/.keep
22 |
23 | # Ignore pidfiles, but keep the directory.
24 | /tmp/pids/*
25 | !/tmp/pids/.keep
26 |
27 | # Ignore storage (uploaded files in development and any SQLite databases).
28 | /storage/*
29 | !/storage/.keep
30 | /tmp/storage/*
31 | !/tmp/storage/.keep
32 |
33 | # Ignore assets.
34 | /node_modules/
35 | /app/assets/builds/*
36 | !/app/assets/builds/.keep
37 | /public/assets
38 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # See https://git-scm.com/docs/gitattributes for more about git attribute files.
2 |
3 | # Mark the database schema as having been generated.
4 | db/schema.rb linguist-generated
5 |
6 | # Mark any vendored files as having been vendored.
7 | vendor/* linguist-vendored
8 | config/credentials/*.yml.enc diff=rails_credentials
9 | config/credentials.yml.enc diff=rails_credentials
10 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files for more about ignoring files.
2 | #
3 | # If you find yourself ignoring temporary files generated by your text editor
4 | # or operating system, you probably want to add a global ignore instead:
5 | # git config --global core.excludesfile '~/.gitignore_global'
6 | /.idea/*
7 |
8 | # Ignore bundler config.
9 | /.bundle
10 |
11 | # Ignore all environment files (except templates).
12 | /.env*
13 | !/.env*.erb
14 |
15 | # Ignore all logfiles and tempfiles.
16 | /log/*
17 | /tmp/*
18 | !/log/.keep
19 | !/tmp/.keep
20 |
21 | # Ignore pidfiles, but keep the directory.
22 | /tmp/pids/*
23 | !/tmp/pids/
24 | !/tmp/pids/.keep
25 |
26 | # Ignore storage (uploaded files in development and any SQLite databases).
27 | /storage/test.sqlite3
28 | !/storage/.keep
29 | /tmp/storage/*
30 | !/tmp/storage/
31 | !/tmp/storage/.keep
32 |
33 | /public/assets
34 |
35 | # Ignore master key for decrypting credentials and more.
36 | /config/master.key
37 |
38 | /app/assets/builds/*
39 | !/app/assets/builds/.keep
40 | /node_modules
--------------------------------------------------------------------------------
/.ruby-version:
--------------------------------------------------------------------------------
1 | 3.2.2
2 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | # syntax = docker/dockerfile:1
2 |
3 | # Make sure RUBY_VERSION matches the Ruby version in .ruby-version and Gemfile
4 | ARG RUBY_VERSION=3.0.1
5 | FROM registry.docker.com/library/ruby:$RUBY_VERSION-slim as base
6 |
7 | # Rails app lives here
8 | WORKDIR /rails
9 |
10 | # Set production environment
11 | ENV RAILS_ENV="production" \
12 | BUNDLE_DEPLOYMENT="1" \
13 | BUNDLE_PATH="/usr/local/bundle" \
14 | BUNDLE_WITHOUT="development"
15 |
16 |
17 | # Throw-away build stage to reduce size of final image
18 | FROM base as build
19 |
20 | # Install packages needed to build gems
21 | RUN apt-get update -qq && \
22 | apt-get install --no-install-recommends -y build-essential git pkg-config
23 |
24 | # Install application gems
25 | COPY Gemfile Gemfile.lock ./
26 | RUN bundle install && \
27 | rm -rf ~/.bundle/ "${BUNDLE_PATH}"/ruby/*/cache "${BUNDLE_PATH}"/ruby/*/bundler/gems/*/.git && \
28 | bundle exec bootsnap precompile --gemfile
29 |
30 | # Copy application code
31 | COPY . .
32 |
33 | # Precompile bootsnap code for faster boot times
34 | RUN bundle exec bootsnap precompile app/ lib/
35 |
36 | # Precompiling assets for production without requiring secret RAILS_MASTER_KEY
37 | RUN SECRET_KEY_BASE_DUMMY=1 ./bin/rails assets:precompile
38 |
39 |
40 | # Final stage for app image
41 | FROM base
42 |
43 | # Install packages needed for deployment
44 | RUN apt-get update -qq && \
45 | apt-get install --no-install-recommends -y curl libsqlite3-0 && \
46 | rm -rf /var/lib/apt/lists /var/cache/apt/archives
47 |
48 | # Copy built artifacts: gems, application
49 | COPY --from=build /usr/local/bundle /usr/local/bundle
50 | COPY --from=build /rails /rails
51 |
52 | # Run and own only the runtime files as a non-root user for security
53 | RUN useradd rails --create-home --shell /bin/bash && \
54 | chown -R rails:rails db log storage tmp
55 | USER rails:rails
56 |
57 | # Entrypoint prepares the database.
58 | ENTRYPOINT ["/rails/bin/docker-entrypoint"]
59 |
60 | # Start the server by default, this can be overwritten at runtime
61 | EXPOSE 3000
62 | CMD ["./bin/rails", "server"]
63 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source "https://rubygems.org"
2 |
3 | ruby "3.2.2"
4 |
5 | # Bundle edge Rails instead: gem "rails", github: "rails/rails", branch: "main"
6 | gem "rails", "~> 7.1.2"
7 |
8 | # The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
9 | gem "sprockets-rails"
10 |
11 | # Use sqlite3 as the database for Active Record
12 | gem "sqlite3", "~> 1.4"
13 |
14 | # Use the Puma web server [https://github.com/puma/puma]
15 | gem "puma", ">= 5.0"
16 |
17 | # Use JavaScript with ESM import maps [https://github.com/rails/importmap-rails]
18 | gem "importmap-rails"
19 |
20 | # Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
21 | gem "turbo-rails"
22 |
23 | # Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
24 | gem "stimulus-rails"
25 |
26 | # Use Tailwind CSS [https://github.com/rails/tailwindcss-rails]
27 | gem "tailwindcss-rails"
28 |
29 | # Build JSON APIs with ease [https://github.com/rails/jbuilder]
30 | gem "jbuilder"
31 |
32 | gem 'simple_form'
33 | gem 'acts_as_list'
34 |
35 | # Use Kredis to get higher-level data types in Redis [https://github.com/rails/kredis]
36 | # gem "kredis"
37 |
38 | # Use Active Model has_secure_password [https://guides.rubyonrails.org/active_model_basics.html#securepassword]
39 | # gem "bcrypt", "~> 3.1.7"
40 |
41 | # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
42 | gem "tzinfo-data", platforms: %i[ mswin mswin64 mingw x64_mingw jruby ]
43 |
44 | # Reduces boot times through caching; required in config/boot.rb
45 | gem "bootsnap", require: false
46 |
47 | group :development, :test do
48 | # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
49 | gem "debug", platforms: %i[ mri mswin mswin64 mingw x64_mingw ]
50 | end
51 |
52 | group :development do
53 | # Use console on exceptions pages [https://github.com/rails/web-console]
54 | gem "web-console"
55 |
56 | # Add speed badges [https://github.com/MiniProfiler/rack-mini-profiler]
57 | # gem "rack-mini-profiler"
58 |
59 | # Speed up commands on slow machines / big apps [https://github.com/rails/spring]
60 | # gem "spring"
61 | end
62 |
63 | group :test do
64 | # Use system testing [https://guides.rubyonrails.org/testing.html#system-testing]
65 | gem "capybara"
66 | gem "selenium-webdriver"
67 | end
68 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | actioncable (7.1.2)
5 | actionpack (= 7.1.2)
6 | activesupport (= 7.1.2)
7 | nio4r (~> 2.0)
8 | websocket-driver (>= 0.6.1)
9 | zeitwerk (~> 2.6)
10 | actionmailbox (7.1.2)
11 | actionpack (= 7.1.2)
12 | activejob (= 7.1.2)
13 | activerecord (= 7.1.2)
14 | activestorage (= 7.1.2)
15 | activesupport (= 7.1.2)
16 | mail (>= 2.7.1)
17 | net-imap
18 | net-pop
19 | net-smtp
20 | actionmailer (7.1.2)
21 | actionpack (= 7.1.2)
22 | actionview (= 7.1.2)
23 | activejob (= 7.1.2)
24 | activesupport (= 7.1.2)
25 | mail (~> 2.5, >= 2.5.4)
26 | net-imap
27 | net-pop
28 | net-smtp
29 | rails-dom-testing (~> 2.2)
30 | actionpack (7.1.2)
31 | actionview (= 7.1.2)
32 | activesupport (= 7.1.2)
33 | nokogiri (>= 1.8.5)
34 | racc
35 | rack (>= 2.2.4)
36 | rack-session (>= 1.0.1)
37 | rack-test (>= 0.6.3)
38 | rails-dom-testing (~> 2.2)
39 | rails-html-sanitizer (~> 1.6)
40 | actiontext (7.1.2)
41 | actionpack (= 7.1.2)
42 | activerecord (= 7.1.2)
43 | activestorage (= 7.1.2)
44 | activesupport (= 7.1.2)
45 | globalid (>= 0.6.0)
46 | nokogiri (>= 1.8.5)
47 | actionview (7.1.2)
48 | activesupport (= 7.1.2)
49 | builder (~> 3.1)
50 | erubi (~> 1.11)
51 | rails-dom-testing (~> 2.2)
52 | rails-html-sanitizer (~> 1.6)
53 | activejob (7.1.2)
54 | activesupport (= 7.1.2)
55 | globalid (>= 0.3.6)
56 | activemodel (7.1.2)
57 | activesupport (= 7.1.2)
58 | activerecord (7.1.2)
59 | activemodel (= 7.1.2)
60 | activesupport (= 7.1.2)
61 | timeout (>= 0.4.0)
62 | activestorage (7.1.2)
63 | actionpack (= 7.1.2)
64 | activejob (= 7.1.2)
65 | activerecord (= 7.1.2)
66 | activesupport (= 7.1.2)
67 | marcel (~> 1.0)
68 | activesupport (7.1.2)
69 | base64
70 | bigdecimal
71 | concurrent-ruby (~> 1.0, >= 1.0.2)
72 | connection_pool (>= 2.2.5)
73 | drb
74 | i18n (>= 1.6, < 2)
75 | minitest (>= 5.1)
76 | mutex_m
77 | tzinfo (~> 2.0)
78 | addressable (2.8.6)
79 | public_suffix (>= 2.0.2, < 6.0)
80 | base64 (0.2.0)
81 | bigdecimal (3.1.5)
82 | bindex (0.8.1)
83 | bootsnap (1.17.0)
84 | msgpack (~> 1.2)
85 | builder (3.2.4)
86 | capybara (3.39.2)
87 | addressable
88 | matrix
89 | mini_mime (>= 0.1.3)
90 | nokogiri (~> 1.8)
91 | rack (>= 1.6.0)
92 | rack-test (>= 0.6.3)
93 | regexp_parser (>= 1.5, < 3.0)
94 | xpath (~> 3.2)
95 | concurrent-ruby (1.2.2)
96 | connection_pool (2.4.1)
97 | crass (1.0.6)
98 | date (3.3.4)
99 | debug (1.9.0)
100 | irb (~> 1.10)
101 | reline (>= 0.3.8)
102 | drb (2.2.0)
103 | ruby2_keywords
104 | erubi (1.12.0)
105 | globalid (1.2.1)
106 | activesupport (>= 6.1)
107 | i18n (1.14.1)
108 | concurrent-ruby (~> 1.0)
109 | importmap-rails (1.2.3)
110 | actionpack (>= 6.0.0)
111 | activesupport (>= 6.0.0)
112 | railties (>= 6.0.0)
113 | io-console (0.7.1)
114 | irb (1.11.0)
115 | rdoc
116 | reline (>= 0.3.8)
117 | jbuilder (2.11.5)
118 | actionview (>= 5.0.0)
119 | activesupport (>= 5.0.0)
120 | loofah (2.22.0)
121 | crass (~> 1.0.2)
122 | nokogiri (>= 1.12.0)
123 | mail (2.8.1)
124 | mini_mime (>= 0.1.1)
125 | net-imap
126 | net-pop
127 | net-smtp
128 | marcel (1.0.2)
129 | matrix (0.4.2)
130 | mini_mime (1.1.5)
131 | minitest (5.20.0)
132 | msgpack (1.7.2)
133 | mutex_m (0.2.0)
134 | net-imap (0.4.8)
135 | date
136 | net-protocol
137 | net-pop (0.1.2)
138 | net-protocol
139 | net-protocol (0.2.2)
140 | timeout
141 | net-smtp (0.4.0)
142 | net-protocol
143 | nio4r (2.7.0)
144 | nokogiri (1.15.5-aarch64-linux)
145 | racc (~> 1.4)
146 | nokogiri (1.15.5-arm-linux)
147 | racc (~> 1.4)
148 | nokogiri (1.15.5-arm64-darwin)
149 | racc (~> 1.4)
150 | nokogiri (1.15.5-x86-linux)
151 | racc (~> 1.4)
152 | nokogiri (1.15.5-x86_64-darwin)
153 | racc (~> 1.4)
154 | nokogiri (1.15.5-x86_64-linux)
155 | racc (~> 1.4)
156 | psych (5.1.2)
157 | stringio
158 | public_suffix (5.0.4)
159 | puma (6.4.0)
160 | nio4r (~> 2.0)
161 | racc (1.7.3)
162 | rack (3.0.8)
163 | rack-session (2.0.0)
164 | rack (>= 3.0.0)
165 | rack-test (2.1.0)
166 | rack (>= 1.3)
167 | rackup (2.1.0)
168 | rack (>= 3)
169 | webrick (~> 1.8)
170 | rails (7.1.2)
171 | actioncable (= 7.1.2)
172 | actionmailbox (= 7.1.2)
173 | actionmailer (= 7.1.2)
174 | actionpack (= 7.1.2)
175 | actiontext (= 7.1.2)
176 | actionview (= 7.1.2)
177 | activejob (= 7.1.2)
178 | activemodel (= 7.1.2)
179 | activerecord (= 7.1.2)
180 | activestorage (= 7.1.2)
181 | activesupport (= 7.1.2)
182 | bundler (>= 1.15.0)
183 | railties (= 7.1.2)
184 | rails-dom-testing (2.2.0)
185 | activesupport (>= 5.0.0)
186 | minitest
187 | nokogiri (>= 1.6)
188 | rails-html-sanitizer (1.6.0)
189 | loofah (~> 2.21)
190 | nokogiri (~> 1.14)
191 | railties (7.1.2)
192 | actionpack (= 7.1.2)
193 | activesupport (= 7.1.2)
194 | irb
195 | rackup (>= 1.0.0)
196 | rake (>= 12.2)
197 | thor (~> 1.0, >= 1.2.2)
198 | zeitwerk (~> 2.6)
199 | rake (13.1.0)
200 | rdoc (6.6.2)
201 | psych (>= 4.0.0)
202 | regexp_parser (2.8.3)
203 | reline (0.4.1)
204 | io-console (~> 0.5)
205 | rexml (3.2.6)
206 | ruby2_keywords (0.0.5)
207 | rubyzip (2.3.2)
208 | selenium-webdriver (4.16.0)
209 | rexml (~> 3.2, >= 3.2.5)
210 | rubyzip (>= 1.2.2, < 3.0)
211 | websocket (~> 1.0)
212 | simple_form (5.3.0)
213 | actionpack (>= 5.2)
214 | activemodel (>= 5.2)
215 | sprockets (4.2.1)
216 | concurrent-ruby (~> 1.0)
217 | rack (>= 2.2.4, < 4)
218 | sprockets-rails (3.4.2)
219 | actionpack (>= 5.2)
220 | activesupport (>= 5.2)
221 | sprockets (>= 3.0.0)
222 | sqlite3 (1.6.9-aarch64-linux)
223 | sqlite3 (1.6.9-arm-linux)
224 | sqlite3 (1.6.9-arm64-darwin)
225 | sqlite3 (1.6.9-x86-linux)
226 | sqlite3 (1.6.9-x86_64-darwin)
227 | sqlite3 (1.6.9-x86_64-linux)
228 | stimulus-rails (1.3.0)
229 | railties (>= 6.0.0)
230 | stringio (3.1.0)
231 | tailwindcss-rails (2.1.0)
232 | railties (>= 6.0.0)
233 | tailwindcss-rails (2.1.0-aarch64-linux)
234 | railties (>= 6.0.0)
235 | tailwindcss-rails (2.1.0-arm-linux)
236 | railties (>= 6.0.0)
237 | tailwindcss-rails (2.1.0-arm64-darwin)
238 | railties (>= 6.0.0)
239 | tailwindcss-rails (2.1.0-x86_64-darwin)
240 | railties (>= 6.0.0)
241 | tailwindcss-rails (2.1.0-x86_64-linux)
242 | railties (>= 6.0.0)
243 | thor (1.3.0)
244 | timeout (0.4.1)
245 | turbo-rails (1.5.0)
246 | actionpack (>= 6.0.0)
247 | activejob (>= 6.0.0)
248 | railties (>= 6.0.0)
249 | tzinfo (2.0.6)
250 | concurrent-ruby (~> 1.0)
251 | web-console (4.2.1)
252 | actionview (>= 6.0.0)
253 | activemodel (>= 6.0.0)
254 | bindex (>= 0.4.0)
255 | railties (>= 6.0.0)
256 | webrick (1.8.1)
257 | websocket (1.2.10)
258 | websocket-driver (0.7.6)
259 | websocket-extensions (>= 0.1.0)
260 | websocket-extensions (0.1.5)
261 | xpath (3.2.0)
262 | nokogiri (~> 1.8)
263 | zeitwerk (2.6.12)
264 |
265 | PLATFORMS
266 | aarch64-linux
267 | arm-linux
268 | arm64-darwin
269 | x86-linux
270 | x86_64-darwin
271 | x86_64-linux
272 |
273 | DEPENDENCIES
274 | bootsnap
275 | capybara
276 | debug
277 | importmap-rails
278 | jbuilder
279 | puma (>= 5.0)
280 | rails (~> 7.1.2)
281 | selenium-webdriver
282 | simple_form
283 | sprockets-rails
284 | sqlite3 (~> 1.4)
285 | stimulus-rails
286 | tailwindcss-rails
287 | turbo-rails
288 | tzinfo-data
289 | web-console
290 |
291 | RUBY VERSION
292 | ruby 3.2.2p53
293 |
294 | BUNDLED WITH
295 | 2.5.2
296 |
--------------------------------------------------------------------------------
/Procfile.dev:
--------------------------------------------------------------------------------
1 | web: env RUBY_DEBUG_OPEN=true bin/rails server -p 3000
2 | css: bin/rails tailwindcss:watch
3 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Invisible Commerce Rails Frontend Test
2 |
3 | Thank you for applying to Invisible Commerce! This is a small test to help us get a sense of your skills and how you approach problems.
4 |
5 | ## The Task
6 |
7 | We have a simple Rails app that allows editing of custom "Return Reasons". We'd like you to take the [Figma design](https://www.figma.com/file/ZrgctOIZqB7CMDZwkKcQrs/Front-Engineer-Exercise?type=design&node-id=1%3A384&mode=dev) and implement it in the app.
8 |
9 | This involves a few things:
10 | 1. Update the application layout to match the design (using Tailwind CSS, already included in the app)
11 | 2. Update the page template to match the design (`app/views/storefronts/edit.html.erb`)
12 | 3. Move the nested form for each Reason into a modal, and update the design to match
13 | 4. Enable drag-and-drop reordering of the Reasons
14 |
15 | ## Getting Started
16 |
17 | We are using Ruby 3.2.2 and Rails 7.1.2 in this project. Make sure your environment is set up to match.
18 |
19 | 1. Fork this repo and clone it locally
20 | 2. Run `bundle install`
21 | 3. Run `./bin/dev`
22 | 4. Visit `http://localhost:3000/` (which will point to `/storefronts/1/edit`)
23 |
24 | The included SQLite database has been pre-populated a single Storefront with 7 Reasons, which matches the Figma design.
25 | You can add more Reasons by clicking the "Add Reason" button and then saving or delete them by clicking the "Remove" button and saving.
26 |
27 | ## Notes
28 |
29 | - For the forms, we are using `simple_form` gem and there is an included `simple_form_tailwind.rb` initializer that you can use to customize the markup
30 | - There is already a `modal` Stimulus controller included in the app, which you can use to implement the modal form
31 | - For CSS portions, you are required to use Tailwind CSS
32 | - For JS portions, you are required to use Stimulus/Hotwire/Turbo
33 | - We will be evaluating your work based on the quality of the code, the accuracy of the implementation, and the attention to detail in the design
34 | - We will also be evaluating the "Railsyness" of your code, so please try to stick to the idioms and conventions of the framework
35 |
36 | ## Submitting Your Work
37 |
38 | When you're done, please send us a link to your fork of this repo.
39 |
--------------------------------------------------------------------------------
/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/abbasikov/Rails-frontend-test/0497c2ac2853f300ba20419e89a96a08cc686c9a/app/assets/builds/.keep
--------------------------------------------------------------------------------
/app/assets/config/manifest.js:
--------------------------------------------------------------------------------
1 | //= link_tree ../images
2 | //= link_directory ../stylesheets .css
3 | //= link_tree ../../javascript .js
4 | //= link_tree ../../../vendor/javascript .js
5 | //= link_tree ../builds
6 |
--------------------------------------------------------------------------------
/app/assets/images/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abbasikov/Rails-frontend-test/0497c2ac2853f300ba20419e89a96a08cc686c9a/app/assets/images/.keep
--------------------------------------------------------------------------------
/app/assets/images/dotsIcon.svg:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/app/assets/images/eye-off.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/app/assets/images/eye.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/application.css:
--------------------------------------------------------------------------------
1 | /*
2 | * This is a manifest file that'll be compiled into application.css, which will include all the files
3 | * listed below.
4 | *
5 | * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
6 | * vendor/assets/stylesheets directory can be referenced here using a relative path.
7 | *
8 | * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9 | * compiled file so the styles you add here take precedence over styles defined in any other CSS
10 | * files in this directory. Styles in this file should be added after the last require_* statement.
11 | * It is generally better to create a new file per style scope.
12 | *
13 | *= require_tree .
14 | *= require_self
15 | */
16 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/application.tailwind.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | @layer utilities {
6 | body {
7 | @apply bg-black;
8 | }
9 | }
10 |
11 | @layer components {
12 | .btn-primary {
13 | @apply py-2 px-4 bg-yellow-400;
14 | }
15 | .btn {
16 | @apply py-2 px-4 bg-gray-200;
17 | }
18 | .btn-danger {
19 | @apply py-2 px-4 bg-red-200;
20 | }
21 | }
22 |
23 | .h1 {
24 | @apply font-semibold text-2xl;
25 | }
26 |
27 | .home {
28 | @apply shadow-md border-2 border-red-500;
29 | }
30 |
31 | .footer {
32 | width: calc(100% - 250px);
33 | @apply fixed bottom-0 right-0 bg-white p-2 md:p-4 flex items-center justify-between shadow;
34 | }
35 |
36 | .footer .p {
37 | @apply text-base font-medium;
38 | }
39 | .footer .btn {
40 | background:rgba(255, 201, 51, 1);
41 | padding:14px, 24px, 14px, 24px;
42 | border-radius:8px;
43 | -webkit-border-radius:8px;
44 | -moz-border-radius:8px;
45 | -ms-border-radius:8px;
46 | -o-border-radius:8px;
47 | }
48 |
49 | .text {
50 | color: var(--Secondary-Main, #3164F6);
51 | font-family: Inter;
52 | font-size: 16px;
53 | font-style: normal;
54 | font-weight: 600;
55 | line-height: 140%; /* 22.4px */
56 | }
57 |
58 |
59 | .ul{
60 | background-color: #F8F8FB;
61 | border:1px solid #E3E3E3;
62 | border-radius: 8px;
63 | -webkit-border-radius: 8px;
64 | -moz-border-radius: 8px;
65 | -ms-border-radius: 8px;
66 | -o-border-radius: 8px;
67 | }
68 |
69 | .list {
70 | border-top: 1px solid #E3E3E3;
71 | background-color: #F8F8FB;
72 | border-bottom-left-radius: 8px;
73 | border-bottom-right-radius: 8px;
74 | }
75 |
76 | .modal{
77 | display: flex;
78 | align-items: center;
79 | justify-content: space-between;
80 | padding: 8px 0px;
81 | border-bottom: 1px solid rgba(227, 230, 232, 1);
82 | }
83 | .modalHeading{
84 | color: var(--Secondary-Main, black);
85 | font-family: Inter;
86 | font-size: 24px;
87 | font-style: normal;
88 | font-weight: 600;
89 | }
90 |
91 | .hint{
92 | color: var(--Neutral-Dark-Grey, #292929);
93 | font-family: Inter;
94 | font-size: 14px;
95 | font-style: normal;
96 | font-weight: 400;
97 | line-height: 140%; /* 19.6px */
98 | letter-spacing: -0.154px;
99 | margin-top: -10px;
100 | margin-bottom: 20px;
101 | max-width: 544px;
102 | }
103 |
104 | .eyeBox{
105 | display: flex;
106 | align-items: center;
107 | margin-bottom: 10px;
108 | margin-top: 10px;
109 | }
110 |
111 | .eyeText{
112 | color: var(--Neutral-Dark-Grey, #292929);
113 | /* Body Large/Semi Bold */
114 | font-family: Inter;
115 | font-size: 16px;
116 | font-style: normal;
117 | font-weight: 600;
118 | line-height: 140%;
119 | }
120 |
121 | .eyeHint{
122 | margin-left: 30px;
123 | }
124 |
125 | .dashboard-form-fields{
126 | margin-top: 20px;
127 | }
128 |
129 |
130 | .continue{
131 | border-radius: 8px;
132 | background: #FFC933;
133 | display: flex;
134 | width: 95px;
135 | padding: 8px 24px;
136 | justify-content: center;
137 | align-items: center;
138 | gap: 4px;
139 | }
140 |
141 | .remove{
142 | display: flex;
143 | width: 95px;
144 | padding: 8px 24px;
145 | justify-content: center;
146 | align-items: center;
147 | gap: 4px;
148 | border-radius: 8px;
149 | border: 2px solid var(--Additional-Error, #EB4747);
150 | color:#EB4747;
151 | -webkit-border-radius: 8px;
152 | -moz-border-radius: 8px;
153 | -ms-border-radius: 8px;
154 | -o-border-radius: 8px;
155 | }
156 |
157 | .buttonDiv{
158 | display: flex;
159 | align-items: center;
160 | justify-content: space-between;
161 | padding: 8px 0px;
162 | }
163 |
164 | .mainDiv{
165 | max-width: 750px;
166 | margin: auto;
167 | }
168 |
169 | .edit{
170 | color: var(--Secondary-Main, #3164F6);
171 | /* Body Large/Semi Bold */
172 | font-family: Inter;
173 | font-size: 16px;
174 | font-style: normal;
175 | font-weight: 600;
176 | }
177 |
178 | .abbr:where([title]){
179 | display: none !important;
180 | }
181 |
182 |
183 | abbr{
184 | display:none !important;
185 | }
--------------------------------------------------------------------------------
/app/controllers/application_controller.rb:
--------------------------------------------------------------------------------
1 | class ApplicationController < ActionController::Base
2 | end
3 |
--------------------------------------------------------------------------------
/app/controllers/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abbasikov/Rails-frontend-test/0497c2ac2853f300ba20419e89a96a08cc686c9a/app/controllers/concerns/.keep
--------------------------------------------------------------------------------
/app/controllers/reasons_controller.rb:
--------------------------------------------------------------------------------
1 | class ReasonsController < ApplicationController
2 | before_action :set_reason, only: %i[update_order show]
3 |
4 | def update_order
5 | @reason.insert_at(params[:ordering].to_i) if @reason.present?
6 | end
7 |
8 | def show
9 | render json: @reason
10 | rescue ActiveRecord::RecordNotFound
11 | render json: { error: 'Reason not found' }, status: :not_found
12 | end
13 |
14 | private
15 |
16 | def set_reason
17 | @reason = Reason.find(params[:id])
18 | end
19 | end
--------------------------------------------------------------------------------
/app/controllers/storefronts_controller.rb:
--------------------------------------------------------------------------------
1 | class StorefrontsController < ApplicationController
2 | before_action :set_storefront, only: %i[ show edit update destroy ]
3 |
4 | # GET /storefronts or /storefronts.json
5 | def index
6 | @storefronts = Storefront.all
7 | end
8 |
9 | # GET /storefronts/1 or /storefronts/1.json
10 | def show
11 | end
12 |
13 | # GET /storefronts/new
14 | def new
15 | @storefront = Storefront.new
16 | end
17 |
18 | # GET /storefronts/1/edit
19 | def edit
20 | end
21 |
22 | # POST /storefronts or /storefronts.json
23 | def create
24 | @storefront = Storefront.new(storefront_params)
25 |
26 | respond_to do |format|
27 | if @storefront.save
28 | format.html { redirect_to storefront_url(@storefront), notice: "Storefront was successfully created." }
29 | format.json { render :show, status: :created, location: @storefront }
30 | else
31 | format.html { render :new, status: :unprocessable_entity }
32 | format.json { render json: @storefront.errors, status: :unprocessable_entity }
33 | end
34 | end
35 | end
36 |
37 | # PATCH/PUT /storefronts/1 or /storefronts/1.json
38 | def update
39 | respond_to do |format|
40 | if @storefront.update(storefront_params)
41 | format.html { redirect_to [:edit, @storefront], notice: "Storefront was successfully updated." }
42 | format.json { render :edit, status: :ok, location: @storefront }
43 | else
44 | format.html { render :edit, status: :unprocessable_entity }
45 | format.json { render json: @storefront.errors, status: :unprocessable_entity }
46 | end
47 | end
48 | end
49 |
50 | # DELETE /storefronts/1 or /storefronts/1.json
51 | def destroy
52 | @storefront.destroy!
53 |
54 | respond_to do |format|
55 | format.html { redirect_to storefronts_url, notice: "Storefront was successfully destroyed." }
56 | format.json { head :no_content }
57 | end
58 | end
59 |
60 | private
61 | # Use callbacks to share common setup or constraints between actions.
62 | def set_storefront
63 | @storefront = Storefront.find(params[:id])
64 | @reasons = @storefront.reasons.ordered
65 | end
66 |
67 | # Only allow a list of trusted parameters through.
68 | def storefront_params
69 | params.fetch(:storefront, {}).permit(
70 | :name,
71 | {
72 | reasons_attributes: [
73 | :id,
74 | :code,
75 | :label,
76 | :ordering,
77 | :active,
78 | :_destroy,
79 | { restricted_resolution_types: [] }
80 | ]
81 | }
82 | )
83 | end
84 | end
85 |
--------------------------------------------------------------------------------
/app/helpers/application_helper.rb:
--------------------------------------------------------------------------------
1 | module ApplicationHelper
2 | end
3 |
--------------------------------------------------------------------------------
/app/helpers/storefronts_helper.rb:
--------------------------------------------------------------------------------
1 | module StorefrontsHelper
2 | end
3 |
--------------------------------------------------------------------------------
/app/javascript/application.js:
--------------------------------------------------------------------------------
1 | // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
2 | import "@hotwired/turbo-rails"
3 | import "controllers"
4 |
--------------------------------------------------------------------------------
/app/javascript/controllers/application.js:
--------------------------------------------------------------------------------
1 | import { Application } from "@hotwired/stimulus"
2 |
3 | const application = Application.start()
4 |
5 | // Configure Stimulus development experience
6 | application.debug = false
7 | window.Stimulus = application
8 |
9 | export { application }
10 |
--------------------------------------------------------------------------------
/app/javascript/controllers/drag_controller.js:
--------------------------------------------------------------------------------
1 | import { Controller } from "@hotwired/stimulus"
2 | import $ from "jquery";
3 | import Sortable from "sortablejs"
4 |
5 | export default class extends Controller {
6 | connect() {
7 | this.sortable = Sortable.create(this.element, {
8 | onEnd: this.end.bind(this)
9 | })
10 | }
11 | end(event){
12 | let id = event.item.dataset.id
13 | $.ajax({
14 | headers: {
15 | "X-CSRF-Token": $('meta[name="csrf-token"]').attr("content"),
16 | },
17 | url: "/reasons/"+id+"/update_order",
18 | type: 'PATCH',
19 | dataType: "json",
20 | data: {
21 | ordering: event.newIndex + 1
22 | },
23 | });
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/app/javascript/controllers/index.js:
--------------------------------------------------------------------------------
1 | // Import and register all your controllers from the importmap under controllers/*
2 |
3 | import { application } from "controllers/application"
4 |
5 | // Eager load all controllers defined in the import map under controllers/**/*_controller
6 | import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
7 | eagerLoadControllersFrom("controllers", application)
8 |
9 | // Lazy load controllers as they appear in the DOM (remember not to preload controllers in import map!)
10 | // import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
11 | // lazyLoadControllersFrom("controllers", application)
12 |
--------------------------------------------------------------------------------
/app/javascript/controllers/modal_controller.js:
--------------------------------------------------------------------------------
1 | import { Controller } from "@hotwired/stimulus"
2 | import $ from "jquery";
3 |
4 | export default class extends Controller {
5 | static targets = [
6 | 'modal'
7 | ]
8 |
9 | async show(e) {
10 | e.preventDefault()
11 | const modalId = e.target.getAttribute("data-modal-id");
12 | const modal = document.getElementById(modalId);
13 | const reasonId = e.currentTarget.dataset.id
14 | modal.classList.remove("hidden");
15 | modal.setAttribute("aria-hidden", "false");
16 | const reasonDetails = await this.fetchReasonDetails(reasonId);
17 | this.updateModalContent(modalId, reasonDetails);
18 | }
19 |
20 | async fetchReasonDetails(reasonId) {
21 | let res;
22 | try {
23 | await $.ajax({
24 | headers: {
25 | "X-CSRF-Token": $('meta[name="csrf-token"]').attr("content"),
26 | },
27 | url: "/reasons/"+reasonId,
28 | type: 'GET',
29 | dataType: "json",
30 | data: {
31 | id: reasonId
32 | },
33 | success: function(response){
34 | res = response
35 | },
36 | });
37 | } catch (error) {
38 | console.error(error);
39 | window.alert(error);
40 | }
41 | return res;
42 | }
43 |
44 | updateModalContent(modalId, reasonDetails) {
45 | const modal = document.getElementById(modalId);
46 | modal.querySelector('input[name="storefront[reasons_attributes][0][label]"]').value = reasonDetails.label;
47 | modal.querySelector('input[name="storefront[reasons_attributes][0][code]"]').value = reasonDetails.code;
48 | }
49 |
50 | hide(e) {
51 | e.preventDefault()
52 | const modalId = e.target.getAttribute("data-modal-id");
53 | const modal = document.getElementById(modalId);
54 | modal.classList.add("hidden");
55 | modal.setAttribute("aria-hidden", "true")
56 | }
57 | }
--------------------------------------------------------------------------------
/app/javascript/controllers/nested_form_controller.js:
--------------------------------------------------------------------------------
1 | import { Controller } from "@hotwired/stimulus"
2 |
3 | export default class extends Controller {
4 | static targets = ["addItem", "template"]
5 | static values = { index: String }
6 |
7 | addAssociation(event) {
8 | console.log('addAssociation')
9 | event.preventDefault()
10 | console.log(this.indexValue);
11 | const child_index_name = this.indexValue
12 | const content = this.templateTarget.innerHTML.replace(new RegExp(child_index_name, "g"), new Date().valueOf())
13 | this.addItemTarget.insertAdjacentHTML('beforebegin', content)
14 | }
15 |
16 | removeAssociation(event, isRemoveBundle) {
17 | let item = event
18 | if (!isRemoveBundle) {
19 | event.preventDefault()
20 | item = event.target.closest(".nested-form-wrapper")
21 | }
22 | const isBundleItem = item.getAttribute('data-bundle-item')
23 | const orderClass = this.getInputClass(isBundleItem, isRemoveBundle)
24 | this.destroyInput(item, orderClass)
25 | if (!isRemoveBundle && isBundleItem) {
26 | this.checkBundle(event)
27 | }
28 | }
29 | getInputClass(isBundleItem, isRemoveBundle) {
30 | return isBundleItem ? '.bundle-destroy' : isRemoveBundle ? '.order-destroy' : ''
31 | }
32 | destroyInput(item, orderClass) {
33 | const destroyInput = item.querySelector(`input${orderClass}[name*='_destroy']`);
34 | destroyInput.value = 1;
35 | this.clearRequired(item);
36 | item.style.display = 'none';
37 | }
38 | clearRequired(item) {
39 | item.querySelectorAll("input[required]").forEach((node) => {
40 | node.required = false
41 | })
42 | item.querySelectorAll("select[required]").forEach((node) => {
43 | node.required = false
44 | })
45 | }
46 |
47 | checkBundle(event) {
48 | event.preventDefault()
49 | const itemWrap = event.target.closest('.bundle-items')
50 | let hasItem = false
51 | itemWrap.querySelectorAll('.bundle-item').forEach(item => {
52 | if (item.style.display != 'none')
53 | hasItem = true
54 | })
55 | if (!hasItem) {
56 | const removeItem = itemWrap.closest('.rma-item-wrap').querySelector('.nested-form-wrapper')
57 | this.removeAssociation(removeItem, true)
58 | }
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/app/models/application_record.rb:
--------------------------------------------------------------------------------
1 | class ApplicationRecord < ActiveRecord::Base
2 | primary_abstract_class
3 | end
4 |
--------------------------------------------------------------------------------
/app/models/concerns/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abbasikov/Rails-frontend-test/0497c2ac2853f300ba20419e89a96a08cc686c9a/app/models/concerns/.keep
--------------------------------------------------------------------------------
/app/models/reason.rb:
--------------------------------------------------------------------------------
1 | class Reason < ApplicationRecord
2 | acts_as_list column: :ordering
3 | belongs_to :storefront
4 |
5 | validates :code, presence: true, uniqueness: { scope: :storefront_id }
6 | validates :label, presence: true
7 |
8 | scope :ordered, -> { order(ordering: :asc) }
9 | end
10 |
--------------------------------------------------------------------------------
/app/models/storefront.rb:
--------------------------------------------------------------------------------
1 | class Storefront < ApplicationRecord
2 | validates :name, presence: true, uniqueness: true
3 |
4 | has_many :reasons, inverse_of: :storefront, dependent: :destroy
5 |
6 | accepts_nested_attributes_for :reasons, reject_if: proc { |attributes|
7 | attributes['code'].blank? || attributes['label'].blank?
8 | }, allow_destroy: true
9 | end
10 |
--------------------------------------------------------------------------------
/app/views/layouts/application.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | RailsFrontendTest
5 |
6 | <%= csrf_meta_tags %>
7 | <%= csp_meta_tag %>
8 |
9 |
10 |
11 |
12 | <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
13 | <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
14 | <%= javascript_importmap_tags %>
15 |
16 |
17 |
18 |
19 |
20 |
21 | <%= yield %>
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/app/views/storefronts/_form.html.erb:
--------------------------------------------------------------------------------
1 |
2 | <%= simple_form_for storefront, data: { controller: 'nested-form', nested_form_index_value: 'NEW_RECORD' } do |form| %>
3 | <% if storefront.errors.any? %>
4 |
5 |
<%= pluralize(storefront.errors.count, "error") %> prohibited this storefront from being saved:
6 |
7 | <% storefront.errors.each do |error| %>
8 | - <%= error.full_message %>
9 | <% end %>
10 |
11 |
12 | <% end %>
13 |
14 |
15 |
16 |
17 | <%= form.simple_fields_for :reasons, Reason.new, child_index: 'NEW_RECORD' do |reason_fields| %>
18 | <%= render 'reason', f: reason_fields %>
19 | <% end %>
20 |
21 |
22 |
23 |
24 |
25 |
28 |
29 |
30 | <% @reasons.each do |item| %>
31 |
32 |
33 |
34 |
 %>)
35 |
 %>)
36 | <%= item.label %>
37 |
38 |
39 |
40 | <% end %>
41 |
42 |
43 |
44 |
45 |
46 |
47 |
55 |
56 |
57 | <%= form.simple_fields_for :reasons, Reason.new do |reason_fields| %>
58 | <%= render 'reason', f: reason_fields %>
59 | <% end %>
60 |
61 |
62 | <% end %>
63 |
2 |
3 |
Edit Return Reason
4 |
5 |
6 |
39 |
2 | <%= link_to storefront.name, [:edit, storefront] %>
3 |
4 |
--------------------------------------------------------------------------------
/app/views/storefronts/_storefront.json.jbuilder:
--------------------------------------------------------------------------------
1 | json.extract! storefront, :id, :created_at, :updated_at
2 | json.url storefront_url(storefront, format: :json)
3 |
--------------------------------------------------------------------------------
/app/views/storefronts/edit.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
Returns
4 |
5 |
6 |
7 |
13 |
14 |
15 |
16 | <%= render "form", storefront: @storefront %>
17 |
18 |
19 |
2 | <% if notice.present? %>
3 |
<%= notice %>
4 | <% end %>
5 |
6 |
7 |
Storefronts
8 | <%= link_to "New storefront", new_storefront_path, class: "rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium" %>
9 |
10 |
11 |
12 | <%= render @storefronts %>
13 |
14 |
2 |
New storefront
3 |
4 | <%= render "form", storefront: @storefront %>
5 |
6 | <%= link_to "Back to storefronts", storefronts_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
7 |
8 |
--------------------------------------------------------------------------------
/app/views/storefronts/show.html.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 | <% if notice.present? %>
4 |
<%= notice %>
5 | <% end %>
6 |
7 | <%= render @storefront %>
8 |
9 | <%= link_to "Edit this storefront", edit_storefront_path(@storefront), class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
10 |
11 | <%= button_to "Destroy this storefront", storefront_path(@storefront), method: :delete, class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium" %>
12 |
13 | <%= link_to "Back to storefronts", storefronts_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
14 |
15 |
60 |
61 |
The page you were looking for doesn't exist.
62 |
You may have mistyped the address or the page may have moved.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
60 |
61 |
The change you wanted was rejected.
62 |
Maybe you tried to change something you didn't have access to.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
60 |
61 |
We're sorry, but something went wrong.
62 |
63 |
If you are the application owner check the logs for more information.
64 |
 %>)