tybo 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +30 -1
- data/app/components/cover_component.html.erb +3 -0
- data/app/components/cover_component.rb +5 -0
- data/app/components/forms/delete_button_component.html.erb +1 -1
- data/app/components/forms/submit_button_component.html.erb +1 -1
- data/app/components/index_header_add_component.html.erb +1 -1
- data/app/components/sidebar_component.html.erb +1 -1
- data/app/views/devise/login/home.html.erb +14 -16
- data/app/views/devise/passwords/edit.html.erb +3 -5
- data/app/views/devise/passwords/new.html.erb +3 -5
- data/app/views/devise/sessions/new.html.erb +6 -8
- data/app/views/devise/shared/_devise_errors.html.erb +1 -1
- data/app/views/login/home.html.erb +1 -1
- data/app/views/shared/_pagination.html.erb +4 -4
- data/lib/generators/bo/templates/_search_bar.html.erb +8 -8
- data/lib/generators/bo/templates/_table.html.erb +3 -3
- data/lib/generators/tybo_install/templates/application.tailwind.css +16 -16
- data/lib/generators/tybo_install/templates/simple_form_tailwind.rb +3 -3
- data/lib/generators/tybo_install/templates/tailwind.config.js +13 -0
- data/lib/generators/tybo_install/templates/tybo_config.rb +6 -0
- data/lib/generators/tybo_install/{tybo_install_generator.rb → tybo_config.rb} +1 -0
- data/lib/tybo/configuration.rb +5 -0
- data/lib/tybo/version.rb +1 -1
- data/lib/tybo.rb +10 -1
- metadata +11 -7
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: dd5c4733f48e573d4ce2d7a6a7877504d78af27b5d37d590e63c78d9f0ee9d2e
|
|
4
|
+
data.tar.gz: 4708d208bc5a3e48aac73eb4792eac2768bc9cbe45a51e8b5df2ca1fb9b2170d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a8ca34909966ef20707abb3cb7624d8899dffcb497834b1c64b6bf19d8c96a14eb8865468da66ddd339cbdfa8656ed1c9aff28051856f50516b43dd9fd5a38fe
|
|
7
|
+
data.tar.gz: cd167ec2dc625a303182710d4a2ac0f025b6a50a2b7591e267d49037d170c425d55cbcb2a8525132eaeeee8561433619be5ce49da5f6720814281fc7d501266c
|
data/README.md
CHANGED
|
@@ -1,23 +1,52 @@
|
|
|
1
1
|
# Tybo
|
|
2
|
+
|
|
2
3
|
A custom admin engine for Ruby on Rails
|
|
3
4
|
|
|
5
|
+
|
|
6
|
+
|
|
4
7
|
## Installation
|
|
8
|
+
|
|
5
9
|
Add this line to your application's Gemfile:
|
|
6
10
|
|
|
11
|
+
|
|
12
|
+
|
|
7
13
|
```ruby
|
|
8
|
-
|
|
14
|
+
|
|
15
|
+
gem 'tybo'
|
|
16
|
+
|
|
9
17
|
```
|
|
10
18
|
|
|
19
|
+
|
|
20
|
+
|
|
11
21
|
And
|
|
22
|
+
|
|
12
23
|
```bash
|
|
24
|
+
|
|
13
25
|
$ bundle install
|
|
26
|
+
|
|
14
27
|
```
|
|
28
|
+
|
|
15
29
|
Then execute the generator
|
|
30
|
+
|
|
16
31
|
```bash
|
|
32
|
+
|
|
17
33
|
$ bundle exec rails g tybo_install
|
|
34
|
+
|
|
18
35
|
```
|
|
36
|
+
|
|
37
|
+
## Customize
|
|
38
|
+
|
|
39
|
+
**Update images**: change `logo_url` and `cover_url` in `config/initializer/tybo.rb`
|
|
40
|
+
|
|
41
|
+
**Customize colors**: Change the `tybo` colors class in `tailwind.config.js`,
|
|
42
|
+
you can use https://uicolors.app/create to generate complete palette
|
|
43
|
+
|
|
19
44
|
## Contributing
|
|
45
|
+
|
|
20
46
|
Contribution directions go here.
|
|
21
47
|
|
|
48
|
+
|
|
49
|
+
|
|
22
50
|
## License
|
|
51
|
+
|
|
23
52
|
The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<button type="button" class="inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-red-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-
|
|
1
|
+
<button type="button" class="inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-red-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-tybo-500" type="delete">
|
|
2
2
|
<%= link_to "Supprimer", @path, data: { "turbo-method": :delete, turbo_confirm: 'Êtes vous sûr ?' } %>
|
|
3
3
|
</button>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="pt-5">
|
|
2
2
|
<div class="flex justify-end">
|
|
3
|
-
<button type="submit" class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-
|
|
3
|
+
<button type="submit" class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-tybo-600 hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-tybo-500">
|
|
4
4
|
Sauvegarder
|
|
5
5
|
</button>
|
|
6
6
|
</div>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
|
|
2
|
-
<%= link_to '+', @path, class: "inline-flex items-center justify-center rounded-md border border-transparent bg-
|
|
2
|
+
<%= link_to '+', @path, class: "inline-flex items-center justify-center rounded-md border border-transparent bg-tybo px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-tybo-500 focus:ring-offset-2 sm:w-auto" %>
|
|
3
3
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class=" md:flex md:w-64 md:flex-col md:fixed md:inset-y-0">
|
|
2
|
-
<div class="flex-1 flex flex-col min-h-0 bg-
|
|
2
|
+
<div class="flex-1 flex flex-col min-h-0 bg-tybo">
|
|
3
3
|
<div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
|
|
4
4
|
<div class="flex items-center flex-shrink-0 px-4">
|
|
5
5
|
<%= image_tag("https://www.datocms-assets.com/33962/1667496758-logo-white.svg", alt: "logo rif", class: 'mx-auto h-15 w-auto') %>
|
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
</div>
|
|
3
|
+
<div class="flex flex-1 flex-col justify-center py-12 px-4 sm:px-6 lg:flex-none lg:px-20 xl:px-24">
|
|
4
|
+
<div class="mx-auto w-full max-w-sm lg:w-96">
|
|
5
|
+
<div>
|
|
6
|
+
<img class="h-12 w-auto" src="<%= -Tybo.configuration.logo_url %>" alt="">
|
|
7
|
+
<h2 class="mt-6 text-3xl font-bold tracking-tight text-gray-900">Sign in to your account</h2>
|
|
8
|
+
</div>
|
|
9
|
+
<div class="mt-4">
|
|
10
|
+
<% @resources.each do |resource| %>
|
|
11
|
+
<a href="<%=send("new_#{resource.to_s}_session_path")%>" class="mt-2 flex w-full justify-center rounded-md border border-transparent bg-tybo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-tybo-500 focus:ring-offset-2">
|
|
12
|
+
Sign in as <%= I18n.t("bo.#{resource.to_s}.one")%>
|
|
13
|
+
</a>
|
|
14
|
+
<% end %>
|
|
16
15
|
</div>
|
|
17
16
|
</div>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
</div>
|
|
17
|
+
</div>
|
|
18
|
+
<%= render(CoverComponent.new) %>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<%= render 'devise/shared/devise_errors' %>
|
|
4
4
|
<div class="mx-auto w-full max-w-sm lg:w-96">
|
|
5
5
|
<div>
|
|
6
|
-
|
|
6
|
+
<%= image_tag Tybo.configuration.logo_url, class: 'h-12 w-auto'%>
|
|
7
7
|
<h2 class="mt-6 text-3xl font-bold tracking-tight text-gray-900">Créer un nouveau mot de passe</h2>
|
|
8
8
|
</div>
|
|
9
9
|
|
|
@@ -23,14 +23,12 @@
|
|
|
23
23
|
class: 'block text-sm font-medium text-gray-700' %>
|
|
24
24
|
</div>
|
|
25
25
|
<div class="mt-5">
|
|
26
|
-
<%= f.button :submit, "Sauvegarder", class: "flex w-full justify-center rounded-md border border-transparent bg-
|
|
26
|
+
<%= f.button :submit, "Sauvegarder", class: "flex w-full justify-center rounded-md border border-transparent bg-tybo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-tybo-500 focus:ring-offset-2" %>
|
|
27
27
|
</div>
|
|
28
28
|
<% end %>
|
|
29
29
|
</div>
|
|
30
30
|
</div>
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
|
-
|
|
34
|
-
<img class="absolute inset-0 h-full w-full object-cover" src="https://tymate.com/_next/image?url=https%3A%2F%2Fwww.datocms-assets.com%2F33962%2F1667561118-natif-dribbble-2.png%3Fw%3D1600&w=1920&q=75" alt="">
|
|
35
|
-
</div>
|
|
33
|
+
<%= render(CoverComponent.new) %>
|
|
36
34
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<%= render 'devise/shared/devise_errors' %>
|
|
4
4
|
<div class="mx-auto w-full max-w-sm lg:w-96">
|
|
5
5
|
<div>
|
|
6
|
-
|
|
6
|
+
<%= image_tag Tybo.configuration.logo_url, class: 'h-12 w-auto'%>
|
|
7
7
|
<h2 class="mt-6 text-3xl font-bold tracking-tight text-gray-900">Forgot your password?</h2>
|
|
8
8
|
</div>
|
|
9
9
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
<div class="mt-5">
|
|
23
|
-
<%= f.button :submit, "Send me reset password instructions", class: "flex w-full justify-center rounded-md border border-transparent bg-
|
|
23
|
+
<%= f.button :submit, "Send me reset password instructions", class: "flex w-full justify-center rounded-md border border-transparent bg-tybo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-tybo-500 focus:ring-offset-2" %>
|
|
24
24
|
</div>
|
|
25
25
|
<% end %>
|
|
26
26
|
</div>
|
|
@@ -28,7 +28,5 @@
|
|
|
28
28
|
<%= render "devise/shared/links" %>
|
|
29
29
|
</div>
|
|
30
30
|
</div>
|
|
31
|
-
|
|
32
|
-
<img class="absolute inset-0 h-full w-full object-cover" src="https://tymate.com/_next/image?url=https%3A%2F%2Fwww.datocms-assets.com%2F33962%2F1667561118-natif-dribbble-2.png%3Fw%3D1600&w=1920&q=75" alt="">
|
|
33
|
-
</div>
|
|
31
|
+
<%= render(CoverComponent.new) %>
|
|
34
32
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div class="mx-auto w-full max-w-sm lg:w-96">
|
|
4
4
|
<%= render 'devise/shared/devise_errors' %>
|
|
5
5
|
<div>
|
|
6
|
-
|
|
6
|
+
<%= image_tag Tybo.configuration.logo_url, class: 'h-12 w-auto'%>
|
|
7
7
|
<h2 class="mt-6 text-3xl font-bold tracking-tight text-gray-900">Sign in to your account</h2>
|
|
8
8
|
</div>
|
|
9
9
|
<div class="mt-8">
|
|
@@ -21,30 +21,28 @@
|
|
|
21
21
|
<%= f.input :password,
|
|
22
22
|
required: false,
|
|
23
23
|
input_html: { autocomplete: "current-password" },
|
|
24
|
-
class: 'block w-full appearance-none rounded-md border border-gray-300 px-3 py-2 placeholder-gray-400 shadow-sm focus:border-
|
|
24
|
+
class: 'block w-full appearance-none rounded-md border border-gray-300 px-3 py-2 placeholder-gray-400 shadow-sm focus:border-tybo-500 focus:outline-none focus:ring-tybo-500 sm:text-sm' %>
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
27
|
|
|
28
28
|
<div class="flex items-center justify-between">
|
|
29
29
|
<div class="flex items-center">
|
|
30
|
-
<input id="remember_me" name="remember_me" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-
|
|
30
|
+
<input id="remember_me" name="remember_me" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-tybo-600 focus:ring-tybo-500">
|
|
31
31
|
<label for="remember_me" class="ml-2 block text-sm text-gray-900">Remember me</label>
|
|
32
32
|
</div>
|
|
33
33
|
|
|
34
34
|
<div class="text-sm">
|
|
35
|
-
<a href="<%= new_password_path(Administrator)%>" class="font-medium text-
|
|
35
|
+
<a href="<%= new_password_path(Administrator)%>" class="font-medium text-tybo-600 hover:text-tybo-500">Forgot your password?</a>
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|
|
38
38
|
|
|
39
39
|
<div class="mt-5">
|
|
40
|
-
<%= f.button :submit, "Sign in", class: "flex w-full justify-center rounded-md border border-transparent bg-
|
|
40
|
+
<%= f.button :submit, "Sign in", class: "flex w-full justify-center rounded-md border border-transparent bg-tybo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-tybo-500 focus:ring-offset-2" %>
|
|
41
41
|
</div>
|
|
42
42
|
<% end %>
|
|
43
43
|
</div>
|
|
44
44
|
</div>
|
|
45
45
|
</div>
|
|
46
46
|
</div>
|
|
47
|
-
|
|
48
|
-
<img class="absolute inset-0 h-full w-full object-cover" src="https://tymate.com/_next/image?url=https%3A%2F%2Fwww.datocms-assets.com%2F33962%2F1667561118-natif-dribbble-2.png%3Fw%3D1600&w=1920&q=75" alt="">
|
|
49
|
-
</div>
|
|
47
|
+
<%= render(CoverComponent.new) %>
|
|
50
48
|
</div>
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
</svg>
|
|
9
9
|
</div>
|
|
10
10
|
<div class="ml-3">
|
|
11
|
-
<p class="text-sm font-medium text-
|
|
11
|
+
<p class="text-sm font-medium text-tybo-800"><%= notice %></p>
|
|
12
12
|
<p class="text-sm font-medium text-red-800"><%= alert %></p>
|
|
13
13
|
</div>
|
|
14
14
|
<div class="ml-auto pl-3">
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</div>
|
|
8
8
|
<div class="mt-4">
|
|
9
9
|
<% @resources.each do |resource| %>
|
|
10
|
-
<a href="<%=send("new_#{resource.to_s}_session_path")%>" class="mt-2 flex w-full justify-center rounded-md border border-transparent bg-
|
|
10
|
+
<a href="<%=send("new_#{resource.to_s}_session_path")%>" class="mt-2 flex w-full justify-center rounded-md border border-transparent bg-tybo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-tybo-700 focus:outline-none focus:ring-2 focus:ring-tybo-500 focus:ring-offset-2">
|
|
11
11
|
Sign in as <%= I18n.t("bo.#{resource.to_s}.one")%>
|
|
12
12
|
</a>
|
|
13
13
|
<% end %>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
<% if pagy.prev -%>
|
|
5
5
|
<div class="min-w-0 flex-1">
|
|
6
|
-
<%== link.call(pagy.prev, pagy_t('pagy.nav.prev'), 'aria-label="previous" class="inline-flex h-10 items-center rounded-md border border-gray-300 bg-white px-4 hover:bg-gray-100 focus:border-
|
|
6
|
+
<%== link.call(pagy.prev, pagy_t('pagy.nav.prev'), 'aria-label="previous" class="inline-flex h-10 items-center rounded-md border border-gray-300 bg-white px-4 hover:bg-gray-100 focus:border-tybo-600 focus:outline-none focus:ring-2 focus:ring-tybo-600 focus:ring-opacity-25 focus:ring-offset-1 focus:ring-offset-tybo-600""') %>
|
|
7
7
|
</div>
|
|
8
8
|
<% else -%>
|
|
9
9
|
<div class="min-w-0 flex-1">
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
<% if pagy.next -%>
|
|
14
14
|
<% pagy.series.each do |item| # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36] -%>
|
|
15
15
|
<% if item.is_a?(Integer) -%>
|
|
16
|
-
<%== link.call(item, item, 'class="inline-flex h-10 items-center rounded-md border border-gray-300 bg-white px-4 hover:bg-gray-100 focus:border-
|
|
16
|
+
<%== link.call(item, item, 'class="inline-flex h-10 items-center rounded-md border border-gray-300 bg-white px-4 hover:bg-gray-100 focus:border-tybo-600 focus:outline-none focus:ring-2 focus:ring-tybo-600 focus:ring-opacity-25 focus:ring-offset-1 focus:ring-offset-tybo-600"') %>
|
|
17
17
|
<% elsif item.is_a?(String) -%>
|
|
18
|
-
<%== link.call(item, item, 'class="toto inline-flex h-10 items-center rounded-md border border-
|
|
18
|
+
<%== link.call(item, item, 'class="toto inline-flex h-10 items-center rounded-md border border-tybo-600 bg-white px-4 ring-1 ring-tybo-600 hover:bg-gray-100 focus:border-tybo-600 focus:outline-none focus:ring-2 focus:ring-tybo-600 focus:ring-opacity-25 focus:ring-offset-1 focus:ring-offset-tybo-600"') %>
|
|
19
19
|
<% elsif item == :gap -%>
|
|
20
20
|
<span class="inline-flex h-10 items-center px-1.5 text-gray-500">
|
|
21
21
|
<%== pagy_t('pagy.nav.gap') %>
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
<% if pagy.next -%>
|
|
28
28
|
<div class="flex min-w-0 flex-1 justify-end">
|
|
29
|
-
<%== link.call(pagy.next, pagy_t('pagy.nav.next'), 'aria-label="next" class="inline-flex h-10 items-center rounded-md border border-gray-300 bg-white px-4 hover:bg-gray-100 focus:border-
|
|
29
|
+
<%== link.call(pagy.next, pagy_t('pagy.nav.next'), 'aria-label="next" class="inline-flex h-10 items-center rounded-md border border-gray-300 bg-white px-4 hover:bg-gray-100 focus:border-tybo-600 focus:outline-none focus:ring-2 focus:ring-tybo-600 focus:ring-opacity-25 focus:ring-offset-1 focus:ring-offset-tybo-600"') %>
|
|
30
30
|
</div>
|
|
31
31
|
<% else -%>
|
|
32
32
|
<div class="flex min-w-0 flex-1 justify-end">
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<%%= I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>') %>
|
|
20
20
|
</label>
|
|
21
21
|
<div class="mt-1 sm:col-span-2 sm:mt-0">
|
|
22
|
-
<%%= f.text_field :<%= col.name %>_cont, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-
|
|
22
|
+
<%%= f.text_field :<%= col.name %>_cont, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:max-w-xs sm:text-sm" %>
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
<%- elsif col.type ==:integer -%>
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
<%%= I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>') %>
|
|
29
29
|
</label>
|
|
30
30
|
<div class="mt-1 sm:col-span-2 sm:mt-0">
|
|
31
|
-
<%%= f.number_field :<%= col.name %>_eq, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-
|
|
31
|
+
<%%= f.number_field :<%= col.name %>_eq, placeholder: I18n.t('bo.<%= class_name.underscore %>.attributes.<%= col.name %>'), data: { action: "input->search-form#search" }, class: "block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:max-w-xs sm:text-sm" %>
|
|
32
32
|
</div>
|
|
33
33
|
</div>
|
|
34
34
|
<%- elsif col.type == :boolean -%>
|
|
@@ -41,20 +41,20 @@
|
|
|
41
41
|
<button type="button"
|
|
42
42
|
data-target-id='q_<%= col.name %>_eq'
|
|
43
43
|
data-action="click->search-form#setBooleanField"
|
|
44
|
-
class="relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:border-
|
|
44
|
+
class="relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:border-tybo-500 focus:outline-none focus:ring-1 focus:ring-tybo-500">
|
|
45
45
|
-
|
|
46
46
|
</button>
|
|
47
47
|
<button type="button"
|
|
48
48
|
data-action="click->search-form#setBooleanField"
|
|
49
49
|
data-value='true'
|
|
50
50
|
data-target-id='q_<%= col.name %>_eq'
|
|
51
|
-
class="relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:border-
|
|
51
|
+
class="relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:border-tybo-500 focus:outline-none focus:ring-1 focus:ring-tybo-500">ON
|
|
52
52
|
</button>
|
|
53
53
|
<button type="button"
|
|
54
54
|
data-action="click->search-form#setBooleanField"
|
|
55
55
|
data-value='false'
|
|
56
56
|
data-target-id='q_<%= col.name %>_eq'
|
|
57
|
-
class="relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:border-
|
|
57
|
+
class="relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:border-tybo-500 focus:outline-none focus:ring-1 focus:ring-tybo-500">OFF</button>
|
|
58
58
|
</span>
|
|
59
59
|
<%%= f.hidden_field :<%= col.name %>_eq, value: nil, data: { action: "change->search-form#search"}%>
|
|
60
60
|
</div>
|
|
@@ -67,13 +67,13 @@
|
|
|
67
67
|
</label>
|
|
68
68
|
</div>
|
|
69
69
|
<div class="mt-1 sm:col-span-3 sm:mt-0">
|
|
70
|
-
<%%= f.date_field :<%= col.name %>_from_date, data: { action: "input->search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-
|
|
70
|
+
<%%= f.date_field :<%= col.name %>_from_date, data: { action: "input->search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm" %>
|
|
71
71
|
</div>
|
|
72
72
|
<div class="mt-1 sm:col-span-2 text-center">
|
|
73
73
|
to
|
|
74
74
|
</div>
|
|
75
75
|
<div class="mt-1 sm:col-span-3 sm:mt-0">
|
|
76
|
-
<%%= f.date_field :<%= col.name %>_to_date, data: { action: "input->search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-
|
|
76
|
+
<%%= f.date_field :<%= col.name %>_to_date, data: { action: "input->search-form#search" }, class: "rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm" %>
|
|
77
77
|
</div>
|
|
78
78
|
</div>
|
|
79
79
|
<%- end -%>
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
<%%=I18n.t('bo.<%=association.klass.name.underscore%>.one')%>
|
|
87
87
|
</label>
|
|
88
88
|
<div class="mt-1 sm:col-span-2 sm:mt-0">
|
|
89
|
-
<%%= f.select :<%= association.foreign_key %>_eq, <%=association.klass.name.constantize%>.all.map { |value| [value.<%=bo_model_title(association.class_name.constantize)%>, value.id] }, { include_blank: true }, { class: "block w-full rounded-md border-gray-300 shadow-sm focus:border-
|
|
89
|
+
<%%= f.select :<%= association.foreign_key %>_eq, <%=association.klass.name.constantize%>.all.map { |value| [value.<%=bo_model_title(association.class_name.constantize)%>, value.id] }, { include_blank: true }, { class: "block w-full rounded-md border-gray-300 shadow-sm focus:border-tybo-500 focus:ring-tybo-500 sm:text-sm", data: { action: "input->search-form#search" } } %>
|
|
90
90
|
</div>
|
|
91
91
|
</div>
|
|
92
92
|
<%- end -%>
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
<%% @<%= class_name.underscore.pluralize %>&.each_with_index do |<%= class_name.underscore %>, i| %>
|
|
10
10
|
<%%= tbody.with_tr(index: i) do |tr| %>
|
|
11
11
|
<%- bo_model.column_names.each do |column| -%>
|
|
12
|
-
<%%= tr.with_td { <%= class_name.underscore %>.<%= column %>.to_s }
|
|
12
|
+
<%%= tr.with_td { <%= class_name.underscore %>.<%= column %>.to_s } %>
|
|
13
13
|
<%- end -%>
|
|
14
14
|
<%%= tr.with_td do %>
|
|
15
|
-
<%%= link_to <%="#{options[:namespace]}_#{class_name.underscore}_path(#{class_name.underscore})"%>, class: "text-
|
|
15
|
+
<%%= link_to <%="#{options[:namespace]}_#{class_name.underscore}_path(#{class_name.underscore})"%>, class: "text-tybo-600 hover:text-tybo-900" do %>
|
|
16
16
|
Détails
|
|
17
17
|
<%% end %>
|
|
18
18
|
<%% end %>
|
|
19
19
|
<%%= tr.with_td do %>
|
|
20
20
|
<%%= link_to <%="#{options[:namespace]}_#{class_name.underscore}_path(#{class_name.underscore})"%>,
|
|
21
|
-
class: "text-
|
|
21
|
+
class: "text-tybo-600 hover:text-tybo-900",
|
|
22
22
|
data: {turbo_method: :delete, turbo_confirm: "êtes vous sur ?"} do %>
|
|
23
23
|
<%%= render(Icons::TrashComponent.new) %>
|
|
24
24
|
<%% end %>
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
.pagy-nav-js .page.active,
|
|
18
18
|
.pagy-nav-js .page.prev.disabled,
|
|
19
19
|
.pagy-nav-js .page.next.disabled {
|
|
20
|
-
@apply block rounded-lg px-3 py-1 text-sm text-
|
|
20
|
+
@apply block rounded-lg px-3 py-1 text-sm text-tybo-500 font-semibold bg-tybo-200 shadow-md;
|
|
21
21
|
|
|
22
22
|
&:hover {
|
|
23
|
-
@apply bg-
|
|
23
|
+
@apply bg-tybo-300;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
&:active {
|
|
27
|
-
@apply bg-
|
|
27
|
+
@apply bg-tybo-400 text-white;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
@@ -32,33 +32,33 @@
|
|
|
32
32
|
.pagy-nav .page.next.disabled,
|
|
33
33
|
.pagy-nav-js .page.prev.disabled,
|
|
34
34
|
.pagy-nav-js .page.next.disabled {
|
|
35
|
-
@apply text-
|
|
35
|
+
@apply text-tybo-400 cursor-default;
|
|
36
36
|
|
|
37
37
|
&:hover {
|
|
38
|
-
@apply text-
|
|
38
|
+
@apply text-tybo-400 bg-tybo-200;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&:active {
|
|
42
|
-
@apply text-
|
|
42
|
+
@apply text-tybo-400 bg-tybo-200;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.pagy-nav .page.active,
|
|
47
47
|
.pagy-nav-js .page.active {
|
|
48
|
-
@apply text-white cursor-default bg-
|
|
48
|
+
@apply text-white cursor-default bg-tybo-400;
|
|
49
49
|
|
|
50
50
|
&:hover {
|
|
51
|
-
@apply text-white bg-
|
|
51
|
+
@apply text-white bg-tybo-400;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
&:active {
|
|
55
|
-
@apply bg-
|
|
55
|
+
@apply bg-tybo-400 text-white;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
.pagy-combo-nav-js {
|
|
61
|
-
@apply flex max-w-max rounded-full px-3 py-1 text-sm text-
|
|
61
|
+
@apply flex max-w-max rounded-full px-3 py-1 text-sm text-tybo-500 font-semibold bg-tybo-200 shadow-md;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.pagy-combo-nav-js .pagy-combo-input {
|
|
@@ -68,17 +68,17 @@
|
|
|
68
68
|
.pagy-combo-nav-js .page.prev,
|
|
69
69
|
.pagy-combo-nav-js .page.next {
|
|
70
70
|
&:hover {
|
|
71
|
-
@apply text-
|
|
71
|
+
@apply text-tybo-800;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
&:active {
|
|
75
|
-
@apply text-
|
|
75
|
+
@apply text-tybo-800;
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.pagy-combo-nav-js .page.prev.disabled,
|
|
80
80
|
.pagy-combo-nav-js .page.next.disabled {
|
|
81
|
-
@apply text-
|
|
81
|
+
@apply text-tybo-400 cursor-default;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
/* tom-select */
|
|
@@ -87,11 +87,11 @@ ts-wrapper {
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.ts-control {
|
|
90
|
-
@apply shadow-sm rounded-lg my-5 border-
|
|
90
|
+
@apply shadow-sm rounded-lg my-5 border-tybo-300 bg-white py-2 px-3 text-base;
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
.ts-dropdown {
|
|
94
|
-
@apply rounded-md border border-solid border-t border-
|
|
94
|
+
@apply rounded-md border border-solid border-t border-tybo-300 text-base;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.ts-dropdown [data-selectable].option:first-child {
|
|
@@ -108,5 +108,5 @@ ts-wrapper {
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.ts-dropdown .active {
|
|
111
|
-
@apply bg-
|
|
111
|
+
@apply bg-tybo-100 text-tybo-900;
|
|
112
112
|
}
|
|
@@ -47,7 +47,7 @@ SimpleForm.setup do |config|
|
|
|
47
47
|
b.optional :readonly
|
|
48
48
|
b.use :label, class: 'block text-sm font-medium text-gray-700', error_class: 'text-red-500'
|
|
49
49
|
b.use :input,
|
|
50
|
-
class: 'mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-
|
|
50
|
+
class: 'mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-tybo-500 focus:border-tybo-500 sm:text-sm', error_class: 'border-red-500', valid_class: 'border-green-400'
|
|
51
51
|
b.use :full_error, wrap_with: { tag: 'p', class: 'mt-2 text-red-500 text-xs italic' }
|
|
52
52
|
b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
|
|
53
53
|
end
|
|
@@ -58,7 +58,7 @@ SimpleForm.setup do |config|
|
|
|
58
58
|
b.optional :readonly
|
|
59
59
|
b.wrapper tag: 'div', class: 'flex items-center h-5' do |ba|
|
|
60
60
|
ba.use :input,
|
|
61
|
-
class: 'focus:ring-2 focus:ring-
|
|
61
|
+
class: 'focus:ring-2 focus:ring-tybo-500:focus ring-offset-2 h-4 w-4 text-tybo-600 border-gray-300 rounded'
|
|
62
62
|
end
|
|
63
63
|
b.wrapper tag: 'div', class: 'ml-3 text-sm' do |bb|
|
|
64
64
|
bb.use :label, class: 'block', error_class: 'text-red-500'
|
|
@@ -77,7 +77,7 @@ SimpleForm.setup do |config|
|
|
|
77
77
|
ba.use :label_text
|
|
78
78
|
end
|
|
79
79
|
b.use :input,
|
|
80
|
-
class: 'focus:ring-2 focus:ring-
|
|
80
|
+
class: 'focus:ring-2 focus:ring-tybo-500 ring-offset-2 h-4 w-4 text-tybo-600 border-gray-300 rounded', error_class: 'text-red-500', valid_class: 'text-green-400'
|
|
81
81
|
b.use :full_error, wrap_with: { tag: 'p', class: 'block mt-2 text-red-500 text-xs italic' }
|
|
82
82
|
b.use :hint, wrap_with: { tag: 'p', class: 'mt-2 text-grey-700 text-xs italic' }
|
|
83
83
|
end
|
|
@@ -28,6 +28,19 @@ module.exports = {
|
|
|
28
28
|
},
|
|
29
29
|
home: {
|
|
30
30
|
DEFAULT: '#F5F5F5'
|
|
31
|
+
},
|
|
32
|
+
tybo: {
|
|
33
|
+
DEFAULT: '#11072C',
|
|
34
|
+
50: '#e9ebff',
|
|
35
|
+
100: '#d8d9ff',
|
|
36
|
+
200: '#b8b8ff',
|
|
37
|
+
300: '#918eff',
|
|
38
|
+
400: '#7561ff',
|
|
39
|
+
500: '#653dff',
|
|
40
|
+
600: '#5f1cff',
|
|
41
|
+
700: '#5611f1',
|
|
42
|
+
800: '#4512c1',
|
|
43
|
+
900: '#11072c'
|
|
31
44
|
}
|
|
32
45
|
}
|
|
33
46
|
},
|
|
@@ -15,6 +15,7 @@ class TyboInstallGenerator < Rails::Generators::Base
|
|
|
15
15
|
template 'tailwind.config.js', File.join('config/tailwind.config.js'), force: true
|
|
16
16
|
template 'tom-select.css', File.join('app/assets/stylesheets/tom-select.css')
|
|
17
17
|
template 'simple_form_tailwind.rb', File.join('config/initializers/simple_form_tailwind.rb')
|
|
18
|
+
template 'tybo_config.rb', File.join('config/initializers/tybo.rb')
|
|
18
19
|
end
|
|
19
20
|
|
|
20
21
|
def pin_js_dependencies
|
data/lib/tybo/version.rb
CHANGED
data/lib/tybo.rb
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
require "tybo/version"
|
|
2
2
|
require "tybo/engine"
|
|
3
|
+
require "tybo/configuration"
|
|
3
4
|
|
|
4
5
|
module Tybo
|
|
5
|
-
|
|
6
|
+
class << self
|
|
7
|
+
def configuration
|
|
8
|
+
@configuration ||= Configuration.new
|
|
9
|
+
end
|
|
10
|
+
|
|
11
|
+
def configure
|
|
12
|
+
yield(configuration)
|
|
13
|
+
end
|
|
14
|
+
end
|
|
6
15
|
end
|
metadata
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: tybo
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.6
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Michel Delpierre
|
|
8
8
|
- Julien Camblan
|
|
9
|
-
autorequire:
|
|
9
|
+
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2023-02-
|
|
12
|
+
date: 2023-02-06 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: rails
|
|
@@ -129,6 +129,8 @@ files:
|
|
|
129
129
|
- app/components/attachment_card_component.rb
|
|
130
130
|
- app/components/attachments_list_component.html.erb
|
|
131
131
|
- app/components/attachments_list_component.rb
|
|
132
|
+
- app/components/cover_component.html.erb
|
|
133
|
+
- app/components/cover_component.rb
|
|
132
134
|
- app/components/current_user_mini_card_component.html.erb
|
|
133
135
|
- app/components/current_user_mini_card_component.rb
|
|
134
136
|
- app/components/form_component.html.erb
|
|
@@ -245,8 +247,10 @@ files:
|
|
|
245
247
|
- lib/generators/tybo_install/templates/simple_form_tailwind.rb
|
|
246
248
|
- lib/generators/tybo_install/templates/tailwind.config.js
|
|
247
249
|
- lib/generators/tybo_install/templates/tom-select.css
|
|
248
|
-
- lib/generators/tybo_install/
|
|
250
|
+
- lib/generators/tybo_install/templates/tybo_config.rb
|
|
251
|
+
- lib/generators/tybo_install/tybo_config.rb
|
|
249
252
|
- lib/tybo.rb
|
|
253
|
+
- lib/tybo/configuration.rb
|
|
250
254
|
- lib/tybo/engine.rb
|
|
251
255
|
- lib/tybo/version.rb
|
|
252
256
|
homepage: https://rubygems.org/gems/tybo
|
|
@@ -254,7 +258,7 @@ licenses:
|
|
|
254
258
|
- MIT
|
|
255
259
|
metadata:
|
|
256
260
|
homepage_uri: https://rubygems.org/gems/tybo
|
|
257
|
-
post_install_message:
|
|
261
|
+
post_install_message:
|
|
258
262
|
rdoc_options: []
|
|
259
263
|
require_paths:
|
|
260
264
|
- lib
|
|
@@ -269,8 +273,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
269
273
|
- !ruby/object:Gem::Version
|
|
270
274
|
version: '0'
|
|
271
275
|
requirements: []
|
|
272
|
-
rubygems_version: 3.3.
|
|
273
|
-
signing_key:
|
|
276
|
+
rubygems_version: 3.0.3.1
|
|
277
|
+
signing_key:
|
|
274
278
|
specification_version: 4
|
|
275
279
|
summary: A tailwind custom admin engine for Ruby on Rails
|
|
276
280
|
test_files: []
|