Documentation site config
This commit is contained in:
Sean Carroll
parent
1671f565ef
commit
a02dabab5d
|
|
@ -0,0 +1,20 @@
|
|||
# Dependencies
|
||||
/node_modules
|
||||
|
||||
# Production
|
||||
/build
|
||||
|
||||
# Generated files
|
||||
.docusaurus
|
||||
.cache-loader
|
||||
|
||||
# Misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
module.exports = {
|
||||
presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
|
||||
};
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
slug: ransack-3-0-0
|
||||
title: Ransack 3.0.0
|
||||
authors:
|
||||
name: Sean Carroll
|
||||
title: Ransack Core Team
|
||||
tags: [ransack, release]
|
||||
---
|
||||
|
||||
Ransack has been a part of many Rubyists toolboxes for years and 3.0.0 is a major release. We have a number of new features and one breaking change. As part of 3.0.0, we decided to launch this documentation website, merging in the Wiki and the content from the README.
|
||||
|
||||
With 3.0.0 we are hoping to re-energise the community, we need help on closing out old issues, refactoring the codebase and even some design work.
|
||||
|
||||
I also wanted to let you know that Ernie Miller (creator of Ransack) has decided to leave the project completely, he has this message for the community:
|
||||
|
||||
> While my own personal development efforts have been spent elsewhere as of late, I'm keenly aware of how many people still depend on some of the software I originally wrote all those years ago.
|
||||
|
||||
> That's why I'm grateful to be able to step away from the ActiveRecord Hackery organization (and, specifically, maintenance of Ransack) without impacting those users. I'm thankful that Sean, David, Greg, and others will continue to support users, and wish them the best as they move forward without me!
|
||||
|
||||
Please join me in thanking Ernie for bringing Ransack to life, I personally think it is one of the most amazing Rails libraries out there.
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"label": "Getting started",
|
||||
"position": 2
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
---
|
||||
sidebar_position: 2
|
||||
title: Advanced Mode
|
||||
---
|
||||
|
||||
|
||||
"Advanced" searches Rails's nested attributes functionality in order to
|
||||
generate complex queries with nested AND/OR groupings, etc. This takes a bit
|
||||
more work but can generate some pretty cool search interfaces that put a lot of
|
||||
power in the hands of your users.
|
||||
|
||||
A notable drawback with these searches is
|
||||
that the increased size of the parameter string will typically force you to use
|
||||
the HTTP POST method instead of GET.
|
||||
|
||||
|
||||
## Tweak your routes
|
||||
|
||||
```ruby
|
||||
resources :people do
|
||||
collection do
|
||||
match 'search' => 'people#search', via: [:get, :post], as: :search
|
||||
end
|
||||
end
|
||||
```
|
||||
|
||||
## Add a controller action
|
||||
|
||||
```ruby
|
||||
def search
|
||||
index
|
||||
render :index
|
||||
end
|
||||
```
|
||||
|
||||
## Update your form
|
||||
|
||||
```erb
|
||||
<%= search_form_for @q, url: search_people_path,
|
||||
html: { method: :post } do |f| %>
|
||||
```
|
||||
|
||||
Once you've done so, you can make use of the helpers in [Ransack::Helpers::FormBuilder](https://github.com/activerecord-hackery/ransack/lib/ransack/helpers/form_builder.rb) to
|
||||
construct much more complex search forms, such as the one on the
|
||||
[demo app](http://ransack-demo.herokuapp.com/users/advanced_search)
|
||||
(source code [here](https://github.com/activerecord-hackery/ransack_demo)).
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
---
|
||||
sidebar_position: 3
|
||||
title: Configuration
|
||||
---
|
||||
|
||||
|
||||
|
||||
Ransack may be easily configured. The best place to put configuration is in an initializer file at `config/initializers/ransack.rb`, containing code such as:
|
||||
|
||||
```ruby
|
||||
Ransack.configure do |config|
|
||||
|
||||
# Change default search parameter key name.
|
||||
# Default key name is :q
|
||||
config.search_key = :query
|
||||
|
||||
# Raise errors if a query contains an unknown predicate or attribute.
|
||||
# Default is true (do not raise error on unknown conditions).
|
||||
config.ignore_unknown_conditions = false
|
||||
|
||||
# Globally display sort links without the order indicator arrow.
|
||||
# Default is false (sort order indicators are displayed).
|
||||
# This can also be configured individually in each sort link (see the README).
|
||||
config.hide_sort_order_indicators = true
|
||||
|
||||
end
|
||||
```
|
||||
|
||||
## Custom search parameter key name
|
||||
|
||||
Sometimes there are situations when the default search parameter name cannot be used, for instance,
|
||||
if there are two searches on one page. Another name may be set using the `search_key` option in the `ransack` or `search` methods in the controller, and in the `@search_form_for` method in the view.
|
||||
|
||||
### In the controller
|
||||
|
||||
```ruby
|
||||
@search = Log.ransack(params[:log_search], search_key: :log_search)
|
||||
# or
|
||||
@search = Log.search(params[:log_search], search_key: :log_search)
|
||||
```
|
||||
|
||||
### In the view
|
||||
|
||||
```erb
|
||||
<%= f.search_form_for @search, as: :log_search %>
|
||||
<%= sort_link(@search) %>
|
||||
```
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
---
|
||||
title: Search Matchers
|
||||
---
|
||||
|
||||
### Search Matchers
|
||||
|
||||
List of all possible predicates
|
||||
|
||||
|
||||
| Predicate | Description | Notes |
|
||||
| ------------- | ------------- |-------- |
|
||||
| `*_eq` | equal | |
|
||||
| `*_not_eq` | not equal | |
|
||||
| `*_matches` | matches with `LIKE` | e.g. `q[email_matches]=%@gmail.com`|
|
||||
| `*_does_not_match` | does not match with `LIKE` | |
|
||||
| `*_matches_any` | Matches any | |
|
||||
| `*_matches_all` | Matches all | |
|
||||
| `*_does_not_match_any` | Does not match any | |
|
||||
| `*_does_not_match_all` | Does not match all | |
|
||||
| `*_lt` | less than | |
|
||||
| `*_lteq` | less than or equal | |
|
||||
| `*_gt` | greater than | |
|
||||
| `*_gteq` | greater than or equal | |
|
||||
| `*_present` | not null and not empty | Only compatible with string columns. Example: `q[name_present]=1` (SQL: `col is not null AND col != ''`) |
|
||||
| `*_blank` | is null or empty. | (SQL: `col is null OR col = ''`) |
|
||||
| `*_null` | is null | |
|
||||
| `*_not_null` | is not null | |
|
||||
| `*_in` | match any values in array | e.g. `q[name_in][]=Alice&q[name_in][]=Bob` |
|
||||
| `*_not_in` | match none of values in array | |
|
||||
| `*_lt_any` | Less than any | SQL: `col < value1 OR col < value2` |
|
||||
| `*_lteq_any` | Less than or equal to any | |
|
||||
| `*_gt_any` | Greater than any | |
|
||||
| `*_gteq_any` | Greater than or equal to any | |
|
||||
| `*_lt_all` | Less than all | SQL: `col < value1 AND col < value2` |
|
||||
| `*_lteq_all` | Less than or equal to all | |
|
||||
| `*_gt_all` | Greater than all | |
|
||||
| `*_gteq_all` | Greater than or equal to all | |
|
||||
| `*_not_eq_all` | none of values in a set | |
|
||||
| `*_start` | Starts with | SQL: `col LIKE 'value%'` |
|
||||
| `*_not_start` | Does not start with | |
|
||||
| `*_start_any` | Starts with any of | |
|
||||
| `*_start_all` | Starts with all of | |
|
||||
| `*_not_start_any` | Does not start with any of | |
|
||||
| `*_not_start_all` | Does not start with all of | |
|
||||
| `*_end` | Ends with | SQL: `col LIKE '%value'` |
|
||||
| `*_not_end` | Does not end with | |
|
||||
| `*_end_any` | Ends with any of | |
|
||||
| `*_end_all` | Ends with all of | |
|
||||
| `*_not_end_any` | | |
|
||||
| `*_not_end_all` | | |
|
||||
| `*_cont` | Contains value | uses `LIKE` |
|
||||
| `*_cont_any` | Contains any of | |
|
||||
| `*_cont_all` | Contains all of | |
|
||||
| `*_not_cont` | Does not contain |
|
||||
| `*_not_cont_any` | Does not contain any of | |
|
||||
| `*_not_cont_all` | Does not contain all of | |
|
||||
| `*_i_cont` | Contains value with case insensitive | uses `ILIKE` |
|
||||
| `*_i_cont_any` | Contains any of values with case insensitive | |
|
||||
| `*_i_cont_all` | Contains all of values with case insensitive | |
|
||||
| `*_not_i_cont` | Does not contain with case insensitive |
|
||||
| `*_not_i_cont_any` | Does not contain any of values with case insensitive | |
|
||||
| `*_not_i_cont_all` | Does not contain all of values with case insensitive | |
|
||||
| `*_true` | is true | |
|
||||
| `*_false` | is false | |
|
||||
|
||||
|
||||
See full list: https://github.com/activerecord-hackery/ransack/blob/master/lib/ransack/locale/en.yml#L15
|
||||
|
|
@ -0,0 +1,284 @@
|
|||
---
|
||||
sidebar_position: 1
|
||||
title: Simple mode
|
||||
---
|
||||
|
||||
# Simple Mode
|
||||
|
||||
Ransack can be used in one of two modes, simple or advanced. For
|
||||
searching/filtering not requiring complex boolean logic, Ransack's simple
|
||||
mode should meet your needs.
|
||||
|
||||
## In your controller
|
||||
|
||||
```jsx
|
||||
def index
|
||||
@q = Person.ransack(params[:q])
|
||||
@people = @q.result(distinct: true)
|
||||
end
|
||||
```
|
||||
or without `distinct: true`, for sorting on an associated table's columns (in
|
||||
this example, with preloading each Person's Articles and pagination):
|
||||
|
||||
```jsx
|
||||
def index
|
||||
@q = Person.ransack(params[:q])
|
||||
@people = @q.result.includes(:articles).page(params[:page])
|
||||
end
|
||||
```
|
||||
|
||||
### Default search options
|
||||
|
||||
#### Search parameter
|
||||
|
||||
Ransack uses a default `:q` param key for search params. This may be changed by
|
||||
setting the `search_key` option in a Ransack initializer file (typically
|
||||
`config/initializers/ransack.rb`):
|
||||
|
||||
```jsx
|
||||
Ransack.configure do |c|
|
||||
# Change default search parameter key name.
|
||||
# Default key name is :q
|
||||
c.search_key = :query
|
||||
end
|
||||
```
|
||||
|
||||
#### String search
|
||||
|
||||
After version 2.4.0 when searching a string query Ransack by default strips all whitespace around the query string.
|
||||
This may be disabled by setting the `strip_whitespace` option in a Ransack initializer file:
|
||||
|
||||
```jsx
|
||||
Ransack.configure do |c|
|
||||
# Change whitespace stripping behaviour.
|
||||
# Default is true
|
||||
c.strip_whitespace = false
|
||||
end
|
||||
```
|
||||
|
||||
## In your view
|
||||
|
||||
The two primary Ransack view helpers are `search_form_for` and `sort_link`,
|
||||
which are defined in
|
||||
[Ransack::Helpers::FormHelper](https://github.com/activerecord-hackery/ransack/lib/ransack/helpers/form_helper.rb).
|
||||
|
||||
### Form helper
|
||||
|
||||
Ransack's `search_form_for` helper replaces `form_for` for creating the view search form
|
||||
|
||||
```jsx
|
||||
<%= search_form_for @q do |f| %>
|
||||
|
||||
# Search if the name field contains...
|
||||
<%= f.label :name_cont %>
|
||||
<%= f.search_field :name_cont %>
|
||||
|
||||
# Search if an associated articles.title starts with...
|
||||
<%= f.label :articles_title_start %>
|
||||
<%= f.search_field :articles_title_start %>
|
||||
|
||||
# Attributes may be chained. Search multiple attributes for one value...
|
||||
<%= f.label :name_or_description_or_email_or_articles_title_cont %>
|
||||
<%= f.search_field :name_or_description_or_email_or_articles_title_cont %>
|
||||
|
||||
<%= f.submit %>
|
||||
<% end %>
|
||||
```
|
||||
|
||||
The argument of `f.search_field` has to be in this form:
|
||||
`attribute_name[_or_attribute_name]..._predicate`
|
||||
|
||||
where `[_or_another_attribute_name]...` means any repetition of `_or_` plus the name of the attribute.
|
||||
|
||||
`cont` (contains) and `start` (starts with) are just two of the available
|
||||
search predicates.
|
||||
|
||||
The `search_form_for` answer format can be set like this:
|
||||
|
||||
```jsx
|
||||
<%= search_form_for(@q, format: :pdf) do |f| %>
|
||||
|
||||
<%= search_form_for(@q, format: :json) do |f| %>
|
||||
```
|
||||
|
||||
### Search link helper
|
||||
|
||||
Ransack's `sort_link` helper creates table headers that are sortable links
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :name) %>
|
||||
```
|
||||
Additional options can be passed after the column parameter, like a different
|
||||
column title or a default sort order.
|
||||
|
||||
If the first option after the column parameter is a String, it's considered a
|
||||
custom label for the link:
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :name, 'Last Name', default_order: :desc) %>
|
||||
```
|
||||
|
||||
You can use a block if the link markup is hard to fit into the label parameter:
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :name) do %>
|
||||
<strong>Player Name</strong>
|
||||
<% end %>
|
||||
```
|
||||
|
||||
With a polymorphic association, you may need to specify the name of the link
|
||||
explicitly to avoid an `uninitialized constant Model::Xxxable` error (see issue
|
||||
[#421](https://github.com/activerecord-hackery/ransack/issues/421)):
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :xxxable_of_Ymodel_type_some_attribute, 'Attribute Name') %>
|
||||
```
|
||||
|
||||
If the first option after the column parameter and/or the label parameter is an
|
||||
Array, it will be used for sorting on multiple fields:
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :last_name, [:last_name, 'first_name asc'], 'Last Name') %>
|
||||
```
|
||||
|
||||
In the example above, clicking the link will sort by `last_name` and then
|
||||
`first_name`. Specifying the sort direction on a field in the array tells
|
||||
Ransack to _always_ sort that particular field in the specified direction.
|
||||
|
||||
Multiple `default_order` fields may also be specified with a trailing options
|
||||
Hash:
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :last_name, %i(last_name first_name),
|
||||
default_order: { last_name: 'asc', first_name: 'desc' }) %>
|
||||
```
|
||||
|
||||
This example toggles the sort directions of both fields, by default
|
||||
initially sorting the `last_name` field by ascending order, and the
|
||||
`first_name` field by descending order.
|
||||
|
||||
In the case that you wish to sort by some complex value, such as the result
|
||||
of a SQL function, you may do so using scopes. In your model, define scopes
|
||||
whose names line up with the name of the virtual field you wish to sort by,
|
||||
as so:
|
||||
|
||||
```jsx
|
||||
class Person < ActiveRecord::Base
|
||||
scope :sort_by_reverse_name_asc, lambda { order("REVERSE(name) ASC") }
|
||||
scope :sort_by_reverse_name_desc, lambda { order("REVERSE(name) DESC") }
|
||||
...
|
||||
```
|
||||
|
||||
and you can then sort by this virtual field:
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :reverse_name) %>
|
||||
```
|
||||
|
||||
The trailing options Hash can also be used for passing additional options to the
|
||||
generated link, like `class:`.
|
||||
|
||||
The sort link order indicator arrows may be globally customized by setting a
|
||||
`custom_arrows` option in an initializer file like
|
||||
`config/initializers/ransack.rb`.
|
||||
|
||||
You can also enable a `default_arrow` which is displayed on all sortable fields
|
||||
which are not currently used in the sorting. This is disabled by default so
|
||||
nothing will be displayed:
|
||||
|
||||
```jsx
|
||||
Ransack.configure do |c|
|
||||
c.custom_arrows = {
|
||||
up_arrow: '<i class="custom-up-arrow-icon"></i>',
|
||||
down_arrow: 'U+02193',
|
||||
default_arrow: '<i class="default-arrow-icon"></i>'
|
||||
}
|
||||
end
|
||||
```
|
||||
|
||||
All sort links may be displayed without the order indicator
|
||||
arrows by setting `hide_sort_order_indicators` to true in the initializer file.
|
||||
Note that this hides the arrows even if they were customized:
|
||||
|
||||
```jsx
|
||||
Ransack.configure do |c|
|
||||
c.hide_sort_order_indicators = true
|
||||
end
|
||||
```
|
||||
|
||||
Without setting it globally, individual sort links may be displayed without
|
||||
the order indicator arrow by passing `hide_indicator: true` in the sort link:
|
||||
|
||||
```jsx
|
||||
<%= sort_link(@q, :name, hide_indicator: true) %>
|
||||
```
|
||||
|
||||
### sort_url
|
||||
|
||||
Ransack's `sort_url` helper is like a `sort_link` but returns only the url
|
||||
|
||||
`sort_url` has the same API as `sort_link`:
|
||||
|
||||
```jsx
|
||||
<%= sort_url(@q, :name, default_order: :desc) %>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<%= sort_url(@q, :last_name, [:last_name, 'first_name asc']) %>
|
||||
```
|
||||
|
||||
```jsx
|
||||
<%= sort_url(@q, :last_name, %i(last_name first_name),
|
||||
default_order: { last_name: 'asc', first_name: 'desc' }) %>
|
||||
```
|
||||
|
||||
### PostgreSQL's sort option
|
||||
|
||||
The `NULLS FIRST` and `NULLS LAST` options can be used to determine whether nulls appear before or after non-null values in the sort ordering.
|
||||
|
||||
You may want to configure it like this:
|
||||
|
||||
```jsx
|
||||
Ransack.configure do |c|
|
||||
c.postgres_fields_sort_option = :nulls_first # or :nulls_last
|
||||
end
|
||||
```
|
||||
|
||||
To treat nulls as having the lowest or highest value respectively. To force nulls to always be first or last, use
|
||||
|
||||
```jsx
|
||||
Ransack.configure do |c|
|
||||
c.postgres_fields_sort_option = :nulls_always_first # or :nulls_always_last
|
||||
end
|
||||
```
|
||||
|
||||
See this feature: https://www.postgresql.org/docs/13/queries-order.html
|
||||
|
||||
#### Case Insensitive Sorting in PostgreSQL
|
||||
|
||||
In order to request PostgreSQL to do a case insensitive sort for all string columns of a model at once, Ransack can be extended by using this approach:
|
||||
|
||||
```jsx
|
||||
module RansackObject
|
||||
|
||||
def self.included(base)
|
||||
base.columns.each do |column|
|
||||
if column.type == :string
|
||||
base.ransacker column.name.to_sym, type: :string do
|
||||
Arel.sql("lower(#{base.table_name}.#{column.name})")
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
```
|
||||
|
||||
```jsx
|
||||
class UserWithManyAttributes < ActiveRecord::Base
|
||||
include RansackObject
|
||||
end
|
||||
```
|
||||
|
||||
If this approach is taken, it is advisable to [add a functional index](https://www.postgresql.org/docs/13/citext.html).
|
||||
|
||||
This was originally asked in [a Ransack issue](https://github.com/activerecord-hackery/ransack/issues/1201) and a solution was found on [Stack Overflow](https://stackoverflow.com/a/34677378).
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
---
|
||||
title: Sorting
|
||||
---
|
||||
|
||||
|
||||
# Sorting
|
||||
|
||||
## Sorting in the View
|
||||
|
||||
You can add a form to capture sorting and filtering options together.
|
||||
|
||||
```jsx
|
||||
<div class="filters" id="filtersSidebar">
|
||||
<header class="filters-header">
|
||||
<div class="filters-header-content">
|
||||
<h3>Filters</h3>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="filters-content">
|
||||
<%= search_form_for @q,
|
||||
class: 'form',
|
||||
url: articles_path,
|
||||
html: { autocomplete: 'off', autocapitalize: 'none' } do |f| %>
|
||||
|
||||
<div class="form-group">
|
||||
<%= f.label :title_cont, t('Filter_by_keyword') %>
|
||||
<%= f.search_field :title_cont %>
|
||||
</div>
|
||||
|
||||
<%= render partial: 'filters/date_title_sort', locals: { f: f } %>
|
||||
|
||||
<div class="form-group">
|
||||
<%= f.label :grade_level_gteq, t('Grade_level') %> >=
|
||||
<%= f.search_field :grade_level_gteq %>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<%= f.label :readability_gteq, t('Readability') %> >=
|
||||
<%= f.search_field :readability_gteq %>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<i><%= @articles.total_count %> articles</i>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<hr/>
|
||||
<div class="filters-header-content">
|
||||
<%= link_to request.path, class: 'form-link' do %>
|
||||
<i class="far fa-undo icon-l"></i><%= t('Clear_all') %>
|
||||
<% end %>
|
||||
|
||||
<%= f.submit t('Filter'), class: 'btn btn-primary' %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
|
||||
## Sorting in the Controller
|
||||
|
||||
To specify a default search sort field + order in the controller `index`:
|
||||
|
||||
```ruby
|
||||
@search = Post.ransack(params[:q])
|
||||
@search.sorts = 'name asc' if @search.sorts.empty?
|
||||
@posts = @search.result.paginate(page: params[:page], per_page: 20)
|
||||
```
|
||||
|
||||
Multiple sorts can be set by:
|
||||
|
||||
```ruby
|
||||
@search = Post.ransack(params[:q])
|
||||
@search.sorts = ['name asc', 'created_at desc'] if @search.sorts.empty?
|
||||
@posts = @search.result.paginate(page: params[:page], per_page: 20)
|
||||
```
|
||||
|
|
@ -0,0 +1,282 @@
|
|||
---
|
||||
title: Using Predicates
|
||||
---
|
||||
|
||||
The primary method of searching in Ransack is by using what is known as *predicates*.
|
||||
|
||||
Predicates are used within Ransack search queries to determine what information to
|
||||
match. For instance, the `cont` predicate will check to see if an attribute called
|
||||
"first_name" contains a value using a wildcard query:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_cont: 'Rya').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."first_name" LIKE '%Rya%')
|
||||
```
|
||||
|
||||
You can also combine predicates for OR queries:
|
||||
```ruby
|
||||
>> User.ransack(first_name_or_last_name_cont: 'Rya').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."first_name" LIKE '%Rya%'
|
||||
OR "users"."last_name" LIKE '%Rya%')
|
||||
```
|
||||
|
||||
The syntax for `OR` queries on an associated model is not immediately obvious, but makes sense. Assuming a `User` `has_one` `Account` and the `Account` has `attributes` `foo` and `bar`:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(account_foo_or_account_bar: 'val').result.to_sql
|
||||
=> SELECT "users".* FROM "users" INNER JOIN accounts ON accounts.user_id = users.id WHERE ("accounts.foo LIKE '%val%' OR accounts.bar LIKE '%val%')
|
||||
```
|
||||
|
||||
Below is a list of the built-in predicates of Ransack and their opposites. You may already
|
||||
be familiar with some of the predicates, as they also exist in the ARel library.
|
||||
|
||||
If you want to add your own, please
|
||||
see the [[Custom-Predicates|Custom Predicates]] page.
|
||||
|
||||
**Please note:** any attempt to use a predicate for an attribute that does not exist will
|
||||
*silently fail*. For instance, this will not work when there is no `name` attribute:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(name_cont: 'Rya').result.to_sql
|
||||
=> "SELECT "users".* FROM "users"
|
||||
```
|
||||
|
||||
## eq (equals)
|
||||
|
||||
The `eq` predicate returns all records where a field is *exactly* equal to a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_eq: 'Ryan').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE "users"."first_name" = 'Ryan'
|
||||
```
|
||||
|
||||
**Opposite: `not_eq`**
|
||||
|
||||
## matches
|
||||
|
||||
The `matches` predicate returns all records where a field is like a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_matches: 'Ryan').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."first_name" LIKE 'Ryan')
|
||||
```
|
||||
|
||||
On Postgres, the case-insensitive ILIKE will be used.
|
||||
|
||||
**Opposite: `does_not_match`**
|
||||
|
||||
*Note: If you want to do wildcard matching, you may be looking for the `cont`/`not_cont`
|
||||
predicates instead.*
|
||||
|
||||
## lt (less than)
|
||||
|
||||
The `lt` predicate returns all records where a field is less than a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(age_lt: 25).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."age" < 25)
|
||||
```
|
||||
|
||||
**Opposite: `gteq` (greater than or equal to)**
|
||||
|
||||
## lteq (less than or equal to)
|
||||
|
||||
The `lteq` predicate returns all records where a field is less than *or equal to* a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(age_lteq: 25).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."age" <= 25)
|
||||
```
|
||||
|
||||
**Opposite: `gt` (greater than)**
|
||||
|
||||
## in
|
||||
|
||||
The `in` predicate returns all records where a field is within a specified list:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(age_in: 20..25).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE "users"."age" IN (20, 21, 22, 23, 24, 25)
|
||||
```
|
||||
|
||||
It can also take an array:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(age_in: [20, 21, 22, 23, 24, 25]).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE "users"."age" IN (20, 21, 22, 23, 24, 25)
|
||||
```
|
||||
|
||||
**Opposite: `not_in`**
|
||||
|
||||
## cont
|
||||
|
||||
The `cont` predicate returns all records where a field contains a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_cont: 'Rya').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."first_name" LIKE '%Rya%')
|
||||
```
|
||||
|
||||
**Opposite: `not_cont`**
|
||||
|
||||
## cont_any (contains any)
|
||||
|
||||
The `cont_any` predicate returns all records where a field contains any of the given values:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_cont_any: %w(Rya Lis)).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE (("users"."first_name" LIKE '%Rya%' OR "users"."first_name" LIKE '%Lis%'))
|
||||
```
|
||||
|
||||
**Opposite: `not_cont_any`**
|
||||
|
||||
|
||||
## cont_all (contains all)
|
||||
|
||||
The `cont_all` predicate returns all records where a field contains all of the given values:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(city_cont_all: %w(Grand Rapids)).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE (("users"."city" LIKE '%Grand%' AND "users"."city" LIKE '%Rapids%'))
|
||||
```
|
||||
|
||||
**Opposite: `not_cont_all`**
|
||||
|
||||
|
||||
## i_cont
|
||||
|
||||
The `i_cont` case-insensitive predicate returns all records where a field contains a given value and ignores case:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_i_cont: 'Rya').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE (LOWER("users"."first_name") LIKE '%rya%')
|
||||
```
|
||||
|
||||
**Opposite: `not_i_cont`**
|
||||
|
||||
## i_cont_any
|
||||
|
||||
The `i_cont_any` case-insensitive predicate returns all records where a field contains any of the given values and ignores case:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_i_cont_any: %w(Rya Lis)).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ((LOWER("users"."first_name") LIKE '%rya%' OR LOWER("users"."first_name") LIKE '%lis%'))
|
||||
```
|
||||
|
||||
**Opposite: `not_i_cont_any`**
|
||||
|
||||
|
||||
## i_cont_all
|
||||
|
||||
The `i_cont_all` case-insensitive predicate returns all records where a field contains all of the given values and ignores case:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(city_i_cont_all: %w(Grand Rapids)).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ((LOWER("users"."city") LIKE '%grand%' AND LOWER("users"."city") LIKE '%rapids%'))
|
||||
```
|
||||
|
||||
**Opposite: `not_i_cont_all`**
|
||||
|
||||
## start (starts with)
|
||||
|
||||
The `start` predicate returns all records where a field begins with a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_start: 'Rya').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."first_name" LIKE 'Rya%')
|
||||
```
|
||||
|
||||
**Opposite: `not_start`**
|
||||
|
||||
## end (ends with)
|
||||
|
||||
The `end` predicate returns all records where a field ends with a given value:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_end: 'yan').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."first_name" LIKE '%yan')
|
||||
```
|
||||
|
||||
**Opposite: `not_end`**
|
||||
|
||||
## true
|
||||
|
||||
The `true` predicate returns all records where a field is true. The '1' indicates that
|
||||
to Ransack that you indeed want to check the truthiness of this field. The other truthy
|
||||
values are 'true', 'TRUE', 't' or 'T'.
|
||||
|
||||
```ruby
|
||||
>> User.ransack(awesome_true: '1').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."awesome" = 't')
|
||||
```
|
||||
|
||||
*Note: different database systems use different values to represent truth. In the above
|
||||
example, we are using SQLite3.*
|
||||
|
||||
**Opposite: `not_true`**
|
||||
|
||||
## false
|
||||
|
||||
The `false` predicate returns all records where a field is false.
|
||||
|
||||
```ruby
|
||||
>> User.ransack(awesome_false: '1').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE ("users"."awesome" = 'f')
|
||||
```
|
||||
|
||||
**Opposite: `not_false`**
|
||||
|
||||
*Note: the `false` predicate may be considered the opposite of the `true` predicate if the field does not contain `null` values. Otherwise, use `not_false`.*
|
||||
|
||||
## present
|
||||
|
||||
The `present` predicate returns all records where a field is present (not null and not a
|
||||
blank string).
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_present: '1').result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE (("users"."first_name" IS NOT NULL AND "users"."first_name" != ''))
|
||||
```
|
||||
|
||||
**Opposite: `blank`**
|
||||
|
||||
## null
|
||||
|
||||
The `null` predicate returns all records where a field is null:
|
||||
|
||||
```ruby
|
||||
>> User.ransack(first_name_null: 1).result.to_sql
|
||||
=> SELECT "users".* FROM "users" WHERE "users"."first_name" IS NULL
|
||||
```
|
||||
|
||||
**Opposite: `not_null`**
|
||||
|
||||
# URL parameter structure
|
||||
|
||||
The search parameters are passed to ransack as a hash. The URL representation of this hash uses the bracket notation: ```hash_name[key]=value```. The hash_name is the parameter which is defined in the controller, for instance ```q```. The key is the attribute and search predicate compound, for instance ```first_name_cont```, the value is the search parameter. When searching without using the search form helpers this URL structure needs to be created manually.
|
||||
|
||||
For example, the URL layout for searching and sorting users could looks like this:
|
||||
|
||||
```
|
||||
/users.json?q[first_name_cont]=pete&q[last_name_cont]=jack&q[s]=created_at+desc
|
||||
```
|
||||
|
||||
_Note that the sorting parameter ```s``` is nested within the ```q``` hash._
|
||||
|
||||
When using JavaScript to create such a URL, a matching jQuery request could look like this:
|
||||
|
||||
```javascript
|
||||
$.ajax({
|
||||
url: "/users.json",
|
||||
data: {
|
||||
q: {
|
||||
first_name_cont: "pete",
|
||||
last_name_cont: "jack",
|
||||
s: "created_at desc"
|
||||
}
|
||||
},
|
||||
success: function (data){
|
||||
console.log(data);
|
||||
}
|
||||
});
|
||||
```
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"label": "Going further",
|
||||
"position": 2
|
||||
}
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
---
|
||||
sidebar_position: 1
|
||||
title: Associations
|
||||
---
|
||||
|
||||
### Associations
|
||||
|
||||
You can easily use Ransack to search for objects in `has_many` and `belongs_to`
|
||||
associations.
|
||||
|
||||
Given these associations...
|
||||
|
||||
```ruby
|
||||
class Employee < ActiveRecord::Base
|
||||
belongs_to :supervisor
|
||||
|
||||
# has attributes first_name:string and last_name:string
|
||||
end
|
||||
|
||||
class Department < ActiveRecord::Base
|
||||
has_many :supervisors
|
||||
|
||||
# has attribute title:string
|
||||
end
|
||||
|
||||
class Supervisor < ActiveRecord::Base
|
||||
belongs_to :department
|
||||
has_many :employees
|
||||
|
||||
# has attribute last_name:string
|
||||
end
|
||||
```
|
||||
|
||||
... and a controller...
|
||||
|
||||
```ruby
|
||||
class SupervisorsController < ApplicationController
|
||||
def index
|
||||
@q = Supervisor.ransack(params[:q])
|
||||
@supervisors = @q.result.includes(:department, :employees)
|
||||
end
|
||||
end
|
||||
```
|
||||
|
||||
... you might set up your form like this...
|
||||
|
||||
```erb
|
||||
<%= search_form_for @q do |f| %>
|
||||
<%= f.label :last_name_cont %>
|
||||
<%= f.search_field :last_name_cont %>
|
||||
|
||||
<%= f.label :department_title_cont %>
|
||||
<%= f.search_field :department_title_cont %>
|
||||
|
||||
<%= f.label :employees_first_name_or_employees_last_name_cont %>
|
||||
<%= f.search_field :employees_first_name_or_employees_last_name_cont %>
|
||||
|
||||
<%= f.submit "search" %>
|
||||
<% end %>
|
||||
...
|
||||
<%= content_tag :table do %>
|
||||
<%= content_tag :th, sort_link(@q, :last_name) %>
|
||||
<%= content_tag :th, sort_link(@q, :department_title) %>
|
||||
<%= content_tag :th, sort_link(@q, :employees_last_name) %>
|
||||
<% end %>
|
||||
```
|
||||
|
||||
If you have trouble sorting on associations, try using an SQL string with the
|
||||
pluralized table (`'departments.title'`,`'employees.last_name'`) instead of the
|
||||
symbolized association (`:department_title)`, `:employees_last_name`).
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
---
|
||||
sidebar_position: 1
|
||||
title: Custom predicates
|
||||
---
|
||||
|
||||
If you'd like to add your own custom Ransack predicates:
|
||||
|
||||
```ruby
|
||||
# config/initializers/ransack.rb
|
||||
|
||||
Ransack.configure do |config|
|
||||
config.add_predicate 'equals_diddly', # Name your predicate
|
||||
# What non-compound ARel predicate will it use? (eq, matches, etc)
|
||||
arel_predicate: 'eq',
|
||||
# Format incoming values as you see fit. (Default: Don't do formatting)
|
||||
formatter: proc { |v| "#{v}-diddly" },
|
||||
# Validate a value. An "invalid" value won't be used in a search.
|
||||
# Below is default.
|
||||
validator: proc { |v| v.present? },
|
||||
# Should compounds be created? Will use the compound (any/all) version
|
||||
# of the arel_predicate to create a corresponding any/all version of
|
||||
# your predicate. (Default: true)
|
||||
compounds: true,
|
||||
# Force a specific column type for type-casting of supplied values.
|
||||
# (Default: use type from DB column)
|
||||
type: :string,
|
||||
# Use LOWER(column on database).
|
||||
# (Default: false)
|
||||
case_insensitive: true
|
||||
end
|
||||
```
|
||||
You can check all Arel predicates [here](https://github.com/rails/rails/blob/main/activerecord/lib/arel/predications.rb).
|
||||
|
||||
If Arel does not have the predicate you are looking for, consider monkey patching it:
|
||||
|
||||
```ruby
|
||||
# config/initializers/ransack.rb
|
||||
|
||||
module Arel
|
||||
module Predications
|
||||
def gteq_or_null(other)
|
||||
left = gteq(other)
|
||||
right = eq(nil)
|
||||
left.or(right)
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
Ransack.configure do |config|
|
||||
config.add_predicate 'gteq_or_null', arel_predicate: 'gteq_or_null'
|
||||
end
|
||||
```
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
---
|
||||
sidebar_position: 11
|
||||
title: Documentation
|
||||
---
|
||||
|
||||
Ransack uses [Docusaurus](https://docusaurus.io/) for documentation. To contribute to the docs simply use the "Edit this page" link from any page to directly edit, or else pull the repo and edit locally.
|
||||
|
||||
### Local Development
|
||||
|
||||
```
|
||||
cd docs
|
||||
yarn start
|
||||
```
|
||||
|
||||
This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
|
||||
|
||||
### Build
|
||||
|
||||
```
|
||||
yarn build
|
||||
```
|
||||
|
||||
This command generates static content into the `build` directory and can be served using any static contents hosting service.
|
||||
|
||||
### Deployment
|
||||
|
||||
Using SSH:
|
||||
|
||||
```
|
||||
USE_SSH=true yarn deploy
|
||||
```
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
---
|
||||
sidebar_position: 2
|
||||
title: CSV Export
|
||||
---
|
||||
|
||||
Exporting to CSV
|
||||
|
||||
Example downloading a csv file preserving ransack search, based on [this gist](https://gist.github.com/pama/adff25ed1f4b796ce088ea362a08e1c5)
|
||||
|
||||
```jsx title='index.html.erb'
|
||||
<h1>Users</h1>
|
||||
|
||||
<%= search_form_for @q, url: dashboard_index_path do |f| %>
|
||||
<%= f.label :name_cont %>
|
||||
<%= f.search_field :name_cont %>
|
||||
|
||||
<%= f.submit %>
|
||||
<% end %>
|
||||
|
||||
<ul>
|
||||
<% @users.each do |user| %>
|
||||
<li><%= user.name %> [<%= user.devices.map {|device| device.name }.join(', ') %>]</li>
|
||||
<% end %>
|
||||
</ul>
|
||||
|
||||
<% if params[:q] %>
|
||||
<%= link_to 'Export 1', dashboard_index_path({name: params[:q][:name_cont]}.merge({format: :csv})) %>
|
||||
<% else %>
|
||||
<%= link_to 'Export 2', dashboard_index_path(format: 'csv') %>
|
||||
<% end %>
|
||||
```
|
||||
|
||||
```jsx title='user.rb'
|
||||
require 'csv'
|
||||
|
||||
class User < ApplicationRecord
|
||||
has_many :devices
|
||||
|
||||
def self.get_csv(users)
|
||||
CSV.generate do |csv|
|
||||
csv << ["Name", "Devices"]
|
||||
|
||||
users.each do |user|
|
||||
csv << [user.name, user.devices.map{|device| device.name}.join(', ')]
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
```
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
---
|
||||
sidebar_position: 9
|
||||
title: External resources
|
||||
---
|
||||
|
||||
There is a plethora of material on Ransack around the internet. We've collected some here for your convenience.
|
||||
|
||||
Do you want to have a blog post or other content on Ransack highlighted? Please just edit the page, add your content and a Pull Request will be sent to Ransack maintainers for approval.
|
||||
|
||||
# Screencasts
|
||||
|
||||
- [DriftingRuby: Ransack Search and Hotwire](https://www.driftingruby.com/episodes/ransack-search-and-hotwire)
|
||||
- [GoRails: Forum Series Part 6: Search with Ransack](https://gorails.com/episodes/forum-search-with-ransack)
|
||||
- [Railscast 370 - Ransack](http://railscasts.com/episodes/370-ransack)
|
||||
- [Search And Sort Ransack Associations With The Rails Ransack Gem | Ruby On Rails 6 Ransack Tutorial](https://www.youtube.com/watch?v=rtg-5EXwpbg)
|
||||
|
||||
|
||||
# Gems
|
||||
|
||||
- [ActiveAdmin](https://activeadmin.info/) The Administration Framework for Rails **_uses Ransack internally_**
|
||||
- [Ransack Memory](https://github.com/richardrails/ransack_memory) Automatically save and load Ransack's filtered params into the Rail's session
|
||||
- [Mobility Ransack](https://github.com/shioyama/mobility-ransack) Search attributes translated by Mobility with Ransack.
|
||||
- [Ransack UI](https://github.com/ndbroadbent/ransack_ui) Framework for building a search UI with Ransack **_seems abandoned_**
|
||||
|
||||
# Blogs
|
||||
|
||||
- [Search And Sort In Ruby On Rails 6 With The Ransack Gem](https://deanin.com/blog/ransack/)
|
||||
- [Implement Ransack Gem in Ruby on Rails](https://www.botreetechnologies.com/blog/implementing-advanced-search-in-ruby-on-rails-with-ransack/)
|
||||
- [Searching and Sorting with Ransack](https://jaspercurry.medium.com/searching-and-sorting-on-rails-with-ransack-560e862e650a)
|
||||
- [How to Build Your Own ActiveAdmin Filters with Ransack](https://www.viget.com/articles/how-to-build-your-own-filters-with-ransack/)
|
||||
- [Avoid Ransack's N+1 Pitfall!](https://dev.to/husteadrobert/avoid-ransacks-n1-pitfall-33of)
|
||||
- [Filter and paging with Kaminari](https://gist.github.com/MyklClason/e4dc96fd0e009b7b3a9c84ddbb1e11d2)
|
||||
- [Pagination for Ransack Forms](https://nicholaide.github.io/ransack/2016/11/26/ransack-pagination.html)
|
||||
- [AJAX Search, Sort, Paginate with Ransack and Kaminari](https://techbrownbags.wordpress.com/2014/01/17/rails-ajax-search-sort-paginate-with-ransack-kaminari/)
|
||||
- [Searching with Ransack in Ruby on Rails](http://blog.magmalabs.io/2019/03/12/searching-with-ransack-in-ruby-on-rails.html)
|
||||
- [Role scopes with gem Ransack](https://blog.corsego.com/rolify-scopes)
|
||||
- [Searching and Sorting with Ransack](https://www.mintbit.com/blog/searching-and-sorting-with-ransack)
|
||||
- [Using custom scopes with Ransack gem in Rails](https://profilehunt.net/blog/using-custom-scopes-with-ransack-in-rails)
|
||||
- [Query Date Range With Ransack](https://lingceng.github.io/blog/2015/12/28/query-date-range-with-ransack/)
|
||||
- [ransack vs searchkick: Building a search feature in Rails](https://www.cookieshq.co.uk/posts/ransack-vs-searchkick-building-a-search-feature-in-rails)
|
||||
- [Using ransack and delegate in Rails](https://huangwenwei.com/blogs/using-ransack-and-delegate-in-rails)
|
||||
- [Using Ransack as a Search Engine](https://medium.com/@jelaniwoods/using-ransack-as-a-search-engine-92e002a68da)
|
||||
- [Advanced Search with Ransack](https://www.sitepoint.com/advanced-search-ransack/)
|
||||
- [Sort a table of records in Rails with Ransack](https://alankydd.wordpress.com/2012/03/12/sort-a-table-of-records-in-rails-with-ransack/)
|
||||
- [Ransack: Search with Multiple Checkboxes (Rails)](https://iamjosh.wordpress.com/2014/03/07/ransack-search-with-multiple-checkboxes/)
|
||||
- [Rails : Ransack : Sorting data by ratings](https://cbabhusal.wordpress.com/2017/01/03/rails-ransack-sorting-data-by-ratings/)
|
||||
- [Setting Up Rails 5 API Only App with ActiveAdmin enabled](https://rrott.com/blog/ror/rails-5-api-with-activeadmin-integration/)
|
||||
- [Ransack, the library formerly known as MetaSearch 2.0](https://ernie.io/2011/04/01/ransack-the-library-formerly-known-as-metasearch-2-0/) **_some Ransack history_**
|
||||
|
||||
## In French
|
||||
|
||||
- [Faciliter les recherches avec Ransack](https://www.synbioz.com/blog/tech/faciliter-les-recherches-avec-ransack)
|
||||
|
||||
## In Vietnamese
|
||||
|
||||
- [Ransack - công cụ tuyệt vời giúp tìm kiếm và sắp xếp dữ liệu đơn giản hơn
|
||||
](https://nddblog.com/posts/ransack-cong-cu-tuyet-voi-giup-tim-kiem-va-sap-xep-du-lieu-don-gian-hon)
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
---
|
||||
sidebar_position: 4
|
||||
title: Form customisation
|
||||
---
|
||||
|
||||
Predicate and attribute labels in forms may be specified with I18n in a translation file (see the locale files in [Ransack::Locale](https://github.com/activerecord-hackery/ransack/activerecord-hackery/ransack/tree/master/lib/ransack/locale) for more examples):
|
||||
|
||||
```yml
|
||||
# locales/en.yml
|
||||
en:
|
||||
ransack:
|
||||
asc: ascending
|
||||
desc: descending
|
||||
predicates:
|
||||
cont: contains
|
||||
not_cont: not contains
|
||||
start: starts with
|
||||
end: ends with
|
||||
gt: greater than
|
||||
lt: less than
|
||||
attributes:
|
||||
person:
|
||||
name: Full Name
|
||||
article:
|
||||
title: Article Title
|
||||
body: Main Content
|
||||
```
|
||||
The names of attribute fields may also be changed globally or under activerecord:
|
||||
|
||||
```yml
|
||||
# locales/en.yml
|
||||
en:
|
||||
attributes:
|
||||
model_name:
|
||||
model_field1: field name1
|
||||
model_field2: field name2
|
||||
activerecord:
|
||||
attributes:
|
||||
namespace/article:
|
||||
title: AR Namespaced Title
|
||||
namespace_article:
|
||||
title: Old Ransack Namespaced Title
|
||||
```
|
||||
|
||||
To limit the predicates in the `predicate_select` form helper in a view template, pass an array of permitted predicates with `only`:
|
||||
|
||||
```erb
|
||||
<%= f.predicate_select only: %i(cont not_cont eq not_eq blank null) %>
|
||||
```
|
||||
|
||||
Compound predicates (`_any` & `_all`) may be removed by passing the option `compounds: false`.
|
||||
|
||||
```erb
|
||||
<%= f.predicate_select compounds: false %>
|
||||
```
|
||||
|
||||
Searchable attributes versus non-searchable ones may be specified as follows:
|
||||
|
||||
```ruby
|
||||
def self.ransackable_attributes(auth_object = nil)
|
||||
%w(searchable_attribute_1 searchable_attribute_2 ...) + _ransackers.keys
|
||||
end
|
||||
```
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
---
|
||||
sidebar_position: 3
|
||||
title: i18n
|
||||
---
|
||||
|
||||
# i18n and Ransack
|
||||
|
||||
Ransack translation files are available in
|
||||
[Ransack::Locale](https://github.com/activerecord-hackery/ransack/lib/ransack/locale). You may also be interested in one of the
|
||||
many translations for Ransack available at
|
||||
http://www.localeapp.com/projects/2999.
|
||||
|
||||
Predicate and attribute translations in forms may be specified as follows (see
|
||||
the translation files in [Ransack::Locale](https://github.com/activerecord-hackery/ransack/lib/ransack/locale) for more examples):
|
||||
|
||||
locales/en.yml:
|
||||
```yml
|
||||
en:
|
||||
ransack:
|
||||
asc: ascending
|
||||
desc: descending
|
||||
predicates:
|
||||
cont: contains
|
||||
not_cont: not contains
|
||||
start: starts with
|
||||
end: ends with
|
||||
gt: greater than
|
||||
lt: less than
|
||||
models:
|
||||
person: Passanger
|
||||
attributes:
|
||||
person:
|
||||
name: Full Name
|
||||
article:
|
||||
title: Article Title
|
||||
body: Main Content
|
||||
```
|
||||
|
||||
Attribute names may also be changed globally, or under `activerecord`:
|
||||
|
||||
```yml
|
||||
en:
|
||||
attributes:
|
||||
model_name:
|
||||
model_field1: field name1
|
||||
model_field2: field name2
|
||||
activerecord:
|
||||
attributes:
|
||||
namespace/article:
|
||||
title: AR Namespaced Title
|
||||
namespace_article:
|
||||
title: Old Ransack Namespaced Title
|
||||
```
|
||||
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
|
|
@ -0,0 +1,41 @@
|
|||
---
|
||||
sidebar_position: 5
|
||||
title: Merging searches
|
||||
---
|
||||
|
||||
To find records that match multiple searches, it's possible to merge all the ransack search conditions into an ActiveRecord relation to perform a single query. In order to avoid conflicts between joined table names it's necessary to set up a shared context to track table aliases used across all the conditions before initializing the searches:
|
||||
|
||||
```ruby
|
||||
shared_context = Ransack::Context.for(Person)
|
||||
|
||||
search_parents = Person.ransack(
|
||||
{ parent_name_eq: "A" }, context: shared_context
|
||||
)
|
||||
|
||||
search_children = Person.ransack(
|
||||
{ children_name_eq: "B" }, context: shared_context
|
||||
)
|
||||
|
||||
shared_conditions = [search_parents, search_children].map { |search|
|
||||
Ransack::Visitor.new.accept(search.base)
|
||||
}
|
||||
|
||||
Person.joins(shared_context.join_sources)
|
||||
.where(shared_conditions.reduce(&:or))
|
||||
.to_sql
|
||||
```
|
||||
Produces:
|
||||
```sql
|
||||
SELECT "people".*
|
||||
FROM "people"
|
||||
LEFT OUTER JOIN "people" "parents_people"
|
||||
ON "parents_people"."id" = "people"."parent_id"
|
||||
LEFT OUTER JOIN "people" "children_people"
|
||||
ON "children_people"."parent_id" = "people"."id"
|
||||
WHERE (
|
||||
("parents_people"."name" = 'A' OR "children_people"."name" = 'B')
|
||||
)
|
||||
ORDER BY "people"."id" DESC
|
||||
```
|
||||
|
||||
Admittedly this is not as simple as it should be, but it's workable for now. (Implementing #417 could make this more straightforward.)
|
||||
|
|
@ -0,0 +1,428 @@
|
|||
---
|
||||
sidebar_position: 8
|
||||
title: Other notes
|
||||
---
|
||||
|
||||
### Ransack Aliases
|
||||
|
||||
You can customize the attribute names for your Ransack searches by using a
|
||||
`ransack_alias`. This is particularly useful for long attribute names that are
|
||||
necessary when querying associations or multiple columns.
|
||||
|
||||
```ruby
|
||||
class Post < ActiveRecord::Base
|
||||
belongs_to :author
|
||||
|
||||
# Abbreviate :author_first_name_or_author_last_name to :author
|
||||
ransack_alias :author, :author_first_name_or_author_last_name
|
||||
end
|
||||
```
|
||||
|
||||
Now, rather than using `:author_first_name_or_author_last_name_cont` in your
|
||||
form, you can simply use `:author_cont`. This serves to produce more expressive
|
||||
query parameters in your URLs.
|
||||
|
||||
```erb
|
||||
<%= search_form_for @q do |f| %>
|
||||
<%= f.label :author_cont %>
|
||||
<%= f.search_field :author_cont %>
|
||||
<% end %>
|
||||
```
|
||||
|
||||
You can also use `ransack_alias` for sorting.
|
||||
|
||||
```ruby
|
||||
class Post < ActiveRecord::Base
|
||||
belongs_to :author
|
||||
|
||||
# Abbreviate :author_first_name to :author
|
||||
ransack_alias :author, :author_first_name
|
||||
end
|
||||
```
|
||||
|
||||
Now, you can use `:author` instead of `:author_first_name` in a `sort_link`.
|
||||
|
||||
```erb
|
||||
<%= sort_link(@q, :author) %>
|
||||
```
|
||||
|
||||
Note that using `:author_first_name_or_author_last_name_cont` would produce an invalid sql query. In those cases, Ransack ignores the sorting clause.
|
||||
|
||||
|
||||
|
||||
### Problem with DISTINCT selects
|
||||
|
||||
If passed `distinct: true`, `result` will generate a `SELECT DISTINCT` to
|
||||
avoid returning duplicate rows, even if conditions on a join would otherwise
|
||||
result in some. It generates the same SQL as calling `uniq` on the relation.
|
||||
|
||||
Please note that for many databases, a sort on an associated table's columns
|
||||
may result in invalid SQL with `distinct: true` -- in those cases, you
|
||||
will need to modify the result as needed to allow these queries to work.
|
||||
|
||||
For example, you could call joins and includes on the result which has the
|
||||
effect of adding those tables columns to the select statement, overcoming
|
||||
the issue, like so:
|
||||
|
||||
```ruby
|
||||
def index
|
||||
@q = Person.ransack(params[:q])
|
||||
@people = @q.result(distinct: true)
|
||||
.includes(:articles)
|
||||
.joins(:articles)
|
||||
.page(params[:page])
|
||||
end
|
||||
```
|
||||
|
||||
If the above doesn't help, you can also use ActiveRecord's `select` query
|
||||
to explicitly add the columns you need, which brute force's adding the
|
||||
columns you need that your SQL engine is complaining about, you need to
|
||||
make sure you give all of the columns you care about, for example:
|
||||
|
||||
```ruby
|
||||
def index
|
||||
@q = Person.ransack(params[:q])
|
||||
@people = @q.result(distinct: true)
|
||||
.select('people.*, articles.name, articles.description')
|
||||
.page(params[:page])
|
||||
end
|
||||
```
|
||||
|
||||
Another method to approach this when using Postgresql is to use ActiveRecords's `.includes` in combination with `.group` instead of `distinct: true`.
|
||||
|
||||
For example:
|
||||
```ruby
|
||||
def index
|
||||
@q = Person.ransack(params[:q])
|
||||
@people = @q.result
|
||||
.group('persons.id')
|
||||
.includes(:articles)
|
||||
.page(params[:page])
|
||||
end
|
||||
|
||||
```
|
||||
|
||||
A final way of last resort is to call `to_a.uniq` on the collection at the end
|
||||
with the caveat that the de-duping is taking place in Ruby instead of in SQL,
|
||||
which is potentially slower and uses more memory, and that it may display
|
||||
awkwardly with pagination if the number of results is greater than the page size.
|
||||
|
||||
For example:
|
||||
|
||||
```ruby
|
||||
def index
|
||||
@q = Person.ransack(params[:q])
|
||||
@people = @q.result.includes(:articles).page(params[:page]).to_a.uniq
|
||||
end
|
||||
```
|
||||
|
||||
#### `PG::UndefinedFunction: ERROR: could not identify an equality operator for type json`
|
||||
|
||||
If you get the above error while using `distinct: true` that means that
|
||||
one of the columns that Ransack is selecting is a `json` column.
|
||||
PostgreSQL does not provide comparison operators for the `json` type. While
|
||||
it is possible to work around this, in practice it's much better to convert those
|
||||
to `jsonb`, as [recommended by the PostgreSQL documentation](https://www.postgresql.org/docs/9.6/static/datatype-json.html).
|
||||
|
||||
### Authorization (allowlisting/denylisting)
|
||||
|
||||
By default, searching and sorting are authorized on any column of your model
|
||||
and no class methods/scopes are whitelisted.
|
||||
|
||||
Ransack adds four methods to `ActiveRecord::Base` that you can redefine as
|
||||
class methods in your models to apply selective authorization:
|
||||
|
||||
- `ransackable_attributes`
|
||||
- `ransackable_associations`
|
||||
- `ransackable_scopes`
|
||||
- `ransortable_attributes`
|
||||
|
||||
Here is how these four methods are implemented in Ransack:
|
||||
|
||||
```ruby
|
||||
# `ransackable_attributes` by default returns all column names
|
||||
# and any defined ransackers as an array of strings.
|
||||
# For overriding with a whitelist array of strings.
|
||||
#
|
||||
def ransackable_attributes(auth_object = nil)
|
||||
column_names + _ransackers.keys
|
||||
end
|
||||
|
||||
# `ransackable_associations` by default returns the names
|
||||
# of all associations as an array of strings.
|
||||
# For overriding with a whitelist array of strings.
|
||||
#
|
||||
def ransackable_associations(auth_object = nil)
|
||||
reflect_on_all_associations.map { |a| a.name.to_s }
|
||||
end
|
||||
|
||||
# `ransortable_attributes` by default returns the names
|
||||
# of all attributes available for sorting as an array of strings.
|
||||
# For overriding with a whitelist array of strings.
|
||||
#
|
||||
def ransortable_attributes(auth_object = nil)
|
||||
ransackable_attributes(auth_object)
|
||||
end
|
||||
|
||||
# `ransackable_scopes` by default returns an empty array
|
||||
# i.e. no class methods/scopes are authorized.
|
||||
# For overriding with a whitelist array of *symbols*.
|
||||
#
|
||||
def ransackable_scopes(auth_object = nil)
|
||||
[]
|
||||
end
|
||||
```
|
||||
|
||||
Any values not returned from these methods will be ignored by Ransack, i.e.
|
||||
they are not authorized.
|
||||
|
||||
All four methods can receive a single optional parameter, `auth_object`. When
|
||||
you call the search or ransack method on your model, you can provide a value
|
||||
for an `auth_object` key in the options hash which can be used by your own
|
||||
overridden methods.
|
||||
|
||||
Here is an example that puts all this together, adapted from
|
||||
[this blog post by Ernie Miller](http://erniemiller.org/2012/05/11/why-your-ruby-class-macros-might-suck-mine-did/).
|
||||
In an `Article` model, add the following `ransackable_attributes` class method
|
||||
(preferably private):
|
||||
|
||||
```ruby
|
||||
class Article < ActiveRecord::Base
|
||||
def self.ransackable_attributes(auth_object = nil)
|
||||
if auth_object == :admin
|
||||
# whitelist all attributes for admin
|
||||
super
|
||||
else
|
||||
# whitelist only the title and body attributes for other users
|
||||
super & %w(title body)
|
||||
end
|
||||
end
|
||||
|
||||
private_class_method :ransackable_attributes
|
||||
end
|
||||
```
|
||||
|
||||
Here is example code for the `articles_controller`:
|
||||
|
||||
```ruby
|
||||
class ArticlesController < ApplicationController
|
||||
def index
|
||||
@q = Article.ransack(params[:q], auth_object: set_ransack_auth_object)
|
||||
@articles = @q.result
|
||||
end
|
||||
|
||||
private
|
||||
|
||||
def set_ransack_auth_object
|
||||
current_user.admin? ? :admin : nil
|
||||
end
|
||||
end
|
||||
```
|
||||
|
||||
Trying it out in `rails console`:
|
||||
|
||||
```ruby
|
||||
> Article
|
||||
=> Article(id: integer, person_id: integer, title: string, body: text)
|
||||
|
||||
> Article.ransackable_attributes
|
||||
=> ["title", "body"]
|
||||
|
||||
> Article.ransackable_attributes(:admin)
|
||||
=> ["id", "person_id", "title", "body"]
|
||||
|
||||
> Article.ransack(id_eq: 1).result.to_sql
|
||||
=> SELECT "articles".* FROM "articles" # Note that search param was ignored!
|
||||
|
||||
> Article.ransack({ id_eq: 1 }, { auth_object: nil }).result.to_sql
|
||||
=> SELECT "articles".* FROM "articles" # Search param still ignored!
|
||||
|
||||
> Article.ransack({ id_eq: 1 }, { auth_object: :admin }).result.to_sql
|
||||
=> SELECT "articles".* FROM "articles" WHERE "articles"."id" = 1
|
||||
```
|
||||
|
||||
That's it! Now you know how to whitelist/blacklist various elements in Ransack.
|
||||
|
||||
### Handling unknown predicates or attributes
|
||||
|
||||
By default, Ransack will ignore any unknown predicates or attributes:
|
||||
|
||||
```ruby
|
||||
Article.ransack(unknown_attr_eq: 'Ernie').result.to_sql
|
||||
=> SELECT "articles".* FROM "articles"
|
||||
```
|
||||
|
||||
Ransack may be configured to raise an error if passed an unknown predicate or
|
||||
attributes, by setting the `ignore_unknown_conditions` option to `false` in your
|
||||
Ransack initializer file at `config/initializers/ransack.rb`:
|
||||
|
||||
```ruby
|
||||
Ransack.configure do |c|
|
||||
# Raise errors if a query contains an unknown predicate or attribute.
|
||||
# Default is true (do not raise error on unknown conditions).
|
||||
c.ignore_unknown_conditions = false
|
||||
end
|
||||
```
|
||||
|
||||
```ruby
|
||||
Article.ransack(unknown_attr_eq: 'Ernie')
|
||||
# ArgumentError (Invalid search term unknown_attr_eq)
|
||||
```
|
||||
|
||||
As an alternative to setting a global configuration option, the `.ransack!`
|
||||
class method also raises an error if passed an unknown condition:
|
||||
|
||||
```ruby
|
||||
Article.ransack!(unknown_attr_eq: 'Ernie')
|
||||
# ArgumentError: Invalid search term unknown_attr_eq
|
||||
```
|
||||
|
||||
This is equivalent to the `ignore_unknown_conditions` configuration option,
|
||||
except it may be applied on a case-by-case basis.
|
||||
|
||||
### Using Scopes/Class Methods
|
||||
|
||||
Continuing on from the preceding section, searching by scopes requires defining
|
||||
a whitelist of `ransackable_scopes` on the model class. The whitelist should be
|
||||
an array of *symbols*. By default, all class methods (e.g. scopes) are ignored.
|
||||
Scopes will be applied for matching `true` values, or for given values if the
|
||||
scope accepts a value:
|
||||
|
||||
```ruby
|
||||
class Employee < ActiveRecord::Base
|
||||
scope :activated, ->(boolean = true) { where(active: boolean) }
|
||||
scope :salary_gt, ->(amount) { where('salary > ?', amount) }
|
||||
|
||||
# Scopes are just syntactical sugar for class methods, which may also be used:
|
||||
|
||||
def self.hired_since(date)
|
||||
where('start_date >= ?', date)
|
||||
end
|
||||
|
||||
def self.ransackable_scopes(auth_object = nil)
|
||||
if auth_object.try(:admin?)
|
||||
# allow admin users access to all three methods
|
||||
%i(activated hired_since salary_gt)
|
||||
else
|
||||
# allow other users to search on `activated` and `hired_since` only
|
||||
%i(activated hired_since)
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
Employee.ransack({ activated: true, hired_since: '2013-01-01' })
|
||||
|
||||
Employee.ransack({ salary_gt: 100_000 }, { auth_object: current_user })
|
||||
```
|
||||
|
||||
In Rails 3 and 4, if the `true` value is being passed via url params or some
|
||||
other mechanism that will convert it to a string, the true value may not be
|
||||
passed to the ransackable scope unless you wrap it in an array
|
||||
(i.e. `activated: ['true']`). Ransack will take care of changing 'true' into a
|
||||
boolean. This is currently resolved in Rails 5 :smiley:
|
||||
|
||||
However, perhaps you have `user_id: [1]` and you do not want Ransack to convert
|
||||
1 into a boolean. (Values sanitized to booleans can be found in the
|
||||
[constants.rb](https://github.com/activerecord-hackery/ransack/blob/master/lib/ransack/constants.rb#L28)).
|
||||
To turn this off globally, and handle type conversions yourself, set
|
||||
`sanitize_custom_scope_booleans` to false in an initializer file like
|
||||
config/initializers/ransack.rb:
|
||||
|
||||
```ruby
|
||||
Ransack.configure do |c|
|
||||
c.sanitize_custom_scope_booleans = false
|
||||
end
|
||||
```
|
||||
|
||||
To turn this off on a per-scope basis Ransack adds the following method to
|
||||
`ActiveRecord::Base` that you can redefine to selectively override sanitization:
|
||||
|
||||
`ransackable_scopes_skip_sanitize_args`
|
||||
|
||||
Add the scope you wish to bypass this behavior to ransackable_scopes_skip_sanitize_args:
|
||||
|
||||
```ruby
|
||||
def self.ransackable_scopes_skip_sanitize_args
|
||||
[:scope_to_skip_sanitize_args]
|
||||
end
|
||||
```
|
||||
|
||||
Scopes are a recent addition to Ransack and currently have a few caveats:
|
||||
First, a scope involving child associations needs to be defined in the parent
|
||||
table model, not in the child model. Second, scopes with an array as an
|
||||
argument are not easily usable yet, because the array currently needs to be
|
||||
wrapped in an array to function (see
|
||||
[this issue](https://github.com/activerecord-hackery/ransack/issues/404)),
|
||||
which is not compatible with Ransack form helpers. For this use case, it may be
|
||||
better for now to use [ransackers](https://github.com/activerecord-hackery/ransack/wiki/Using-Ransackers) instead,
|
||||
where feasible. Pull requests with solutions and tests are welcome!
|
||||
|
||||
### Grouping queries by OR instead of AND
|
||||
|
||||
The default `AND` grouping can be changed to `OR` by adding `m: 'or'` to the
|
||||
query hash.
|
||||
|
||||
You can easily try it in your controller code by changing `params[:q]` in the
|
||||
`index` action to `params[:q].try(:merge, m: 'or')` as follows:
|
||||
|
||||
```ruby
|
||||
def index
|
||||
@q = Artist.ransack(params[:q].try(:merge, m: 'or'))
|
||||
@artists = @q.result
|
||||
end
|
||||
```
|
||||
Normally, if you wanted users to be able to toggle between `AND` and `OR`
|
||||
query grouping, you would probably set up your search form so that `m` was in
|
||||
the URL params hash, but here we assigned `m` manually just to try it out
|
||||
quickly.
|
||||
|
||||
Alternatively, trying it in the Rails console:
|
||||
|
||||
```ruby
|
||||
artists = Artist.ransack(name_cont: 'foo', style_cont: 'bar', m: 'or')
|
||||
=> Ransack::Search<class: Artist, base: Grouping <conditions: [
|
||||
Condition <attributes: ["name"], predicate: cont, values: ["foo"]>,
|
||||
Condition <attributes: ["style"], predicate: cont, values: ["bar"]>
|
||||
], combinator: or>>
|
||||
|
||||
artists.result.to_sql
|
||||
=> "SELECT \"artists\".* FROM \"artists\"
|
||||
WHERE ((\"artists\".\"name\" ILIKE '%foo%'
|
||||
OR \"artists\".\"style\" ILIKE '%bar%'))"
|
||||
```
|
||||
|
||||
The combinator becomes `or` instead of the default `and`, and the SQL query
|
||||
becomes `WHERE...OR` instead of `WHERE...AND`.
|
||||
|
||||
This works with associations as well. Imagine an Artist model that has many
|
||||
Memberships, and many Musicians through Memberships:
|
||||
|
||||
```ruby
|
||||
artists = Artist.ransack(name_cont: 'foo', musicians_email_cont: 'bar', m: 'or')
|
||||
=> Ransack::Search<class: Artist, base: Grouping <conditions: [
|
||||
Condition <attributes: ["name"], predicate: cont, values: ["foo"]>,
|
||||
Condition <attributes: ["musicians_email"], predicate: cont, values: ["bar"]>
|
||||
], combinator: or>>
|
||||
|
||||
artists.result.to_sql
|
||||
=> "SELECT \"artists\".* FROM \"artists\"
|
||||
LEFT OUTER JOIN \"memberships\"
|
||||
ON \"memberships\".\"artist_id\" = \"artists\".\"id\"
|
||||
LEFT OUTER JOIN \"musicians\"
|
||||
ON \"musicians\".\"id\" = \"memberships\".\"musician_id\"
|
||||
WHERE ((\"artists\".\"name\" ILIKE '%foo%'
|
||||
OR \"musicians\".\"email\" ILIKE '%bar%'))"
|
||||
```
|
||||
|
||||
### Using SimpleForm
|
||||
|
||||
If you would like to combine the Ransack and SimpleForm form builders, set the
|
||||
`RANSACK_FORM_BUILDER` environment variable before Rails boots up, e.g. in
|
||||
`config/application.rb` before `require 'rails/all'` as shown below (and add
|
||||
`gem 'simple_form'` in your Gemfile).
|
||||
|
||||
```ruby
|
||||
require File.expand_path('../boot', __FILE__)
|
||||
ENV['RANSACK_FORM_BUILDER'] = '::SimpleForm::FormBuilder'
|
||||
require 'rails/all'
|
||||
```
|
||||
|
|
@ -0,0 +1,331 @@
|
|||
---
|
||||
sidebar_position: 6
|
||||
title: Ransackers
|
||||
---
|
||||
|
||||
## Add custom search functions
|
||||
|
||||
The main premise behind Ransack is to provide access to **Arel predicate methods**. Ransack provides special methods, called _ransackers_, for creating additional search functions via Arel.
|
||||
|
||||
A `ransacker` method can **return any Arel node that allows the usual predicate methods**. Custom `ransacker`s are an expert feature, and require a thorough understanding of Arel.
|
||||
|
||||
## Arel
|
||||
|
||||
Here are some resources for more information about Arel:
|
||||
|
||||
* [Using Arel to Compose SQL Queries](https://robots.thoughtbot.com/using-arel-to-compose-sql-queries)
|
||||
* [The definitive guide to Arel, the SQL manager for Ruby](http://jpospisil.com/2014/06/16/the-definitive-guide-to-arel-the-sql-manager-for-ruby.html)
|
||||
* [Creating Advanced Active Record DB Queries with Arel](https://www.cloudbees.com/blog/creating-advanced-active-record-db-queries-arel)
|
||||
|
||||
Ransacker methods enable search customization and are placed in the model. Arguments may be passed to a ransacker method via `ransacker_args` (see Example #6 below).
|
||||
|
||||
Ransackers, like scopes, are not a cure-all. Many use cases can be better solved with a standard Ransack search on a dedicated database search field, which is faster, index-able, and scales better than converting/ransacking data on the fly.
|
||||
|
||||
## Example Ransackers
|
||||
|
||||
### Search on field
|
||||
|
||||
_Search on the `name` field reversed:_
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :reversed_name, formatter: proc { |v| v.reverse } do |parent|
|
||||
parent.table[:name]
|
||||
end
|
||||
```
|
||||
### Search using Datetime
|
||||
|
||||
_Convert a user `string` input and a database `datetime` field to the same `date` format to find all records with a `datetime` field (`created_at` in this example) equal to that date :_
|
||||
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :created_at do
|
||||
Arel.sql('date(created_at)')
|
||||
end
|
||||
```
|
||||
```erb
|
||||
in the view:
|
||||
<%= f.search_field(
|
||||
:created_at_date_equals, placeholder: t(:date_format)
|
||||
) %>
|
||||
...
|
||||
<%= sort_link(@search, :created_at, default_order: :desc) %>
|
||||
```
|
||||
|
||||
```ruby
|
||||
# config/initializers/ransack.rb
|
||||
Ransack.configure do |config|
|
||||
config.add_predicate 'date_equals',
|
||||
arel_predicate: 'eq',
|
||||
formatter: proc { |v| v.to_date },
|
||||
validator: proc { |v| v.present? },
|
||||
type: :string
|
||||
end
|
||||
```
|
||||
|
||||
#### 2.1
|
||||
It seems to be enough to change the model only, but don't forget to define the type that will returned as well.
|
||||
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :created_at, type: :date do
|
||||
Arel.sql('date(created_at)')
|
||||
end
|
||||
```
|
||||
|
||||
#### 2.2. Postgresql with time zones
|
||||
|
||||
If you're using different time zones for Rails and Postgresql you should expect to have some problems using the above solution.
|
||||
Example:
|
||||
- Rails at GMT -03:00
|
||||
- Postgresql at GMT -00:00 (UTC)
|
||||
|
||||
A timestamp like `2019-07-18 01:21:29.826484` will be truncated to `2019-07-18`.
|
||||
But for your Rails application `2019-07-18 01:21:29.826484` is `2019-07-17 22:21:29.826484` at your time zone (GMT -03:00). So it should be truncated to `2019-07-17` instead.
|
||||
|
||||
|
||||
So, you should convert the timestamp to your current Rails time zone before extracting the date.
|
||||
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :created_at, type: :date do
|
||||
Arel.sql("date(created_at at time zone 'UTC' at time zone '#{Time.zone.name}')")
|
||||
end
|
||||
```
|
||||
|
||||
Note that `Time.zone.name` should return a time zone string suitable for Postgresql.
|
||||
|
||||
### Postgres columns
|
||||
|
||||
_Search on a fixed key in a jsonb / hstore column:_
|
||||
|
||||
In this example, we are searching a table with a column called `properties` for records containing a key called `link_type`.
|
||||
|
||||
For anything up to and including Rails 4.1, add this to your model
|
||||
```ruby
|
||||
ransacker :link_type do |parent|
|
||||
Arel::Nodes::InfixOperation.new('->>', parent.table[:properties], 'link_type')
|
||||
end
|
||||
```
|
||||
When using Rails 4.2+ (Arel 6.0+), wrap the value in a `build_quoted` call
|
||||
```ruby
|
||||
ransacker :link_type do |parent|
|
||||
Arel::Nodes::InfixOperation.new('->>', parent.table[:properties], Arel::Nodes.build_quoted('link_type'))
|
||||
end
|
||||
```
|
||||
In the view, with a search on `link_type_eq` using a collection select (for example with options like 'twitter', 'facebook', etc.), if the user selects 'twitter', Ransack will run a query like:
|
||||
```
|
||||
SELECT * FROM "foos" WHERE "foos"."properties" ->> 'link_type' = 'twitter';
|
||||
```
|
||||
|
||||
To use the JSONB contains operator @> see here: [[PostgreSQL JSONB searches]].
|
||||
|
||||
### Type conversions
|
||||
|
||||
_Convert an `integer` database field to a `string` in order to be able to use a `cont` predicate (instead of the usual `eq` which works out of the box with integers) to find all records where an integer field (`id` in this example) **contains** an input string:_
|
||||
|
||||
Simple version, using PostgreSQL:
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :id do
|
||||
Arel.sql("to_char(id, '9999999')")
|
||||
end
|
||||
```
|
||||
and the same, using MySQL:
|
||||
```ruby
|
||||
ransacker :id do
|
||||
Arel.sql("CONVERT(#{table_name}.id, CHAR(8))")
|
||||
end
|
||||
```
|
||||
A more complete version (using PostgreSQL) that adds the table name to avoid ambiguity and strips spaces from the input:
|
||||
```ruby
|
||||
ransacker :id do
|
||||
Arel.sql(
|
||||
"regexp_replace(
|
||||
to_char(\"#{table_name}\".\"id\", '9999999'), ' ', '', 'g')"
|
||||
)
|
||||
end
|
||||
```
|
||||
In the view, for all 3 versions:
|
||||
```erb
|
||||
<%= f.search_field :id_cont, placeholder: 'Id' %>
|
||||
...
|
||||
<%= sort_link(@search, :id) %>
|
||||
```
|
||||
|
||||
### Concatenated fields
|
||||
|
||||
_Search on a concatenated full name from `first_name` and `last_name` (several examples):_
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :full_name do |parent|
|
||||
Arel::Nodes::InfixOperation.new('||',
|
||||
parent.table[:first_name], parent.table[:last_name])
|
||||
end
|
||||
|
||||
# or, to insert a space between `first_name` and `last_name`:
|
||||
ransacker :full_name do |parent|
|
||||
Arel::Nodes::InfixOperation.new('||',
|
||||
Arel::Nodes::InfixOperation.new('||',
|
||||
parent.table[:first_name], ' '
|
||||
),
|
||||
parent.table[:last_name]
|
||||
)
|
||||
end
|
||||
# Caveat: with Arel >= 6 the separator ' ' string in the
|
||||
# preceding example needs to be quoted as follows:
|
||||
ransacker :full_name do |parent|
|
||||
Arel::Nodes::InfixOperation.new('||',
|
||||
Arel::Nodes::InfixOperation.new('||',
|
||||
parent.table[:first_name], Arel::Nodes.build_quoted(' ')
|
||||
),
|
||||
parent.table[:last_name]
|
||||
)
|
||||
end
|
||||
|
||||
# works also in mariadb
|
||||
ransacker :full_name do |parent|
|
||||
Arel::Nodes::NamedFunction.new('concat_ws',
|
||||
[Arel::Nodes::SqlLiteral.new("' '"), parent.table[:first_name], parent.table[:last_name]])
|
||||
end
|
||||
|
||||
# case insensitive lookup
|
||||
ransacker :full_name, formatter: proc { |v| v.mb_chars.downcase.to_s } do |parent|
|
||||
Arel::Nodes::NamedFunction.new('LOWER',
|
||||
[Arel::Nodes::NamedFunction.new('concat_ws',
|
||||
[Arel::Nodes::SqlLiteral.new("' '"), parent.table[:first_name], parent.table[:last_name]])])
|
||||
end
|
||||
```
|
||||
|
||||
### Passing arguments
|
||||
|
||||
_Passing arguments to a ransacker:_
|
||||
Arguments may be passed to a ransacker method via `ransacker_args`:
|
||||
```ruby
|
||||
|
||||
class Person
|
||||
ransacker :author_max_title_of_article_where_body_length_between,
|
||||
args: [:parent, :ransacker_args] do |parent, args|
|
||||
min, max = args
|
||||
query = <<-SQL
|
||||
(SELECT MAX(articles.title)
|
||||
FROM articles
|
||||
WHERE articles.person_id = people.id
|
||||
AND CHAR_LENGTH(articles.body) BETWEEN #{min.to_i} AND #{max.to_i}
|
||||
GROUP BY articles.person_id
|
||||
)
|
||||
SQL
|
||||
Arel.sql(query)
|
||||
end
|
||||
end
|
||||
|
||||
# Usage
|
||||
Person.ransack(
|
||||
conditions: [{
|
||||
attributes: {
|
||||
'0' => {
|
||||
name: 'author_max_title_of_article_where_body_length_between',
|
||||
ransacker_args: [10, 100]
|
||||
}
|
||||
},
|
||||
predicate_name: 'cont',
|
||||
values: ['Ransackers can take arguments']
|
||||
}]
|
||||
)
|
||||
|
||||
=> SELECT "people".* FROM "people" WHERE (
|
||||
(SELECT MAX(articles.title)
|
||||
FROM articles
|
||||
WHERE articles.person_id = people.id
|
||||
AND CHAR_LENGTH(articles.body) BETWEEN 10 AND 100
|
||||
GROUP BY articles.person_id
|
||||
)
|
||||
LIKE '%Ransackers can take arguments%')
|
||||
ORDER BY "people"."id" DESC
|
||||
```
|
||||
|
||||
### Dropdowns
|
||||
|
||||
_Adding the attribute values associated with a column name to a searchable attribute in a dropdown options (instead of a traditional column name coming from a table). This is useful if using an associated table which is acting as a join table between a parent table and domain table. This will cache the data as the selections:_
|
||||
|
||||
```ruby
|
||||
# in the model:
|
||||
Model.pluck(:name).each do |ground|
|
||||
ransacker ground.to_sym do |parent|
|
||||
Arel::Nodes::InfixOperation.new('AND',
|
||||
Arel::Nodes::InfixOperation.new('=', parent.table[:gor_name], ground),
|
||||
parent.table[:status]
|
||||
)
|
||||
end
|
||||
end
|
||||
|
||||
# This will not include the column names in the dropdown
|
||||
def self.ransackable_attributes(auth_object = nil)
|
||||
%w() + _ransackers.keys
|
||||
end
|
||||
```
|
||||
|
||||
### Testing for existence
|
||||
|
||||
_Testing for the existence of a row in another table via a join:_
|
||||
|
||||
```ruby
|
||||
# in the model:
|
||||
ransacker :price_exists do |parent|
|
||||
# SQL syntax for PostgreSQL -- others may differ
|
||||
# This returns boolean true or false
|
||||
Arel.sql("(select exists (select 1 from prices where prices.book_id = books.id))")
|
||||
end
|
||||
```
|
||||
|
||||
In the view
|
||||
```haml
|
||||
%td= f.select :price_exists_true, [["Any", 2], ["No", 0], ["Yes", 1]]
|
||||
```
|
||||
|
||||
### Associations
|
||||
|
||||
_Performing a query on an association with a differing class name:_
|
||||
|
||||
Say we have a model "SalesAccount", which represents a relationship between two users,
|
||||
one being designated as a "sales_rep". We want to query SalesAccounts by
|
||||
the name of the sales_rep:
|
||||
|
||||
```ruby
|
||||
# in the model:
|
||||
class SalesAccount < ActiveRecord::Base
|
||||
belongs_to :user
|
||||
belongs_to :sales_rep, class_name: :User
|
||||
|
||||
# in the controller:
|
||||
# The line below would lead to errors thrown later if not for the
|
||||
# "joins(:sales_reps)".
|
||||
@q = SalesAccount.includes(:user).joins(:sales_rep).ransack(params[:q])
|
||||
@sales_accounts = @q.result(distinct: true)
|
||||
```
|
||||
|
||||
In the view:
|
||||
```erb
|
||||
<%= f.search_field :sales_rep_name_start %>
|
||||
```
|
||||
|
||||
### Search on translations
|
||||
|
||||
_Search for a translated value in a jsonb column:_
|
||||
|
||||
_Note: There is also a gem, [Mobility Ransack](https://github.com/shioyama/mobility-ransack), which allows you to search on translated attributes independent of their storage backend._
|
||||
|
||||
This will work with any `jsonb` data type. In this case I have a column translated with [Mobility](https://github.com/shioyama/mobility) called `name` with the value `{'en': "Hello", 'es': "Hola"}`.
|
||||
|
||||
```ruby
|
||||
ransacker :name do |parent|
|
||||
Arel::Nodes::InfixOperation.new('->>', parent.table[:name], Arel::Nodes.build_quoted(Mobility.locale))
|
||||
end
|
||||
```
|
||||
|
||||
_If using Rails 4.1 or under, remove the `build_quoted` call._
|
||||
|
||||
You can then search for `name_eq` or `name_cont` and it will do the proper SQL.
|
||||
|
||||
***
|
||||
|
||||
Please feel free to contribute further code examples!
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
---
|
||||
title: Versions and Releases
|
||||
sidebar_position: 11
|
||||
---
|
||||
|
||||
|
||||
## Semantic Versioning
|
||||
|
||||
Ransack attempts to follow semantic versioning in the format of `x.y.z`, where:
|
||||
|
||||
`x` stands for a major version (new features that are not backward-compatible).
|
||||
|
||||
`y` stands for a minor version (new features that are backward-compatible).
|
||||
|
||||
`z` stands for a patch (bug fixes).
|
||||
|
||||
In other words: `Major.Minor.Patch`.
|
||||
|
||||
|
||||
## Release Process
|
||||
|
||||
*For the maintainers of Ransack.*
|
||||
|
||||
To release a new version of Ransack and publish it to RubyGems, take the following steps:
|
||||
|
||||
- Create a new release, marked `Prerelease`.
|
||||
- Update the versions file to the new release, commit and push to `master`.
|
||||
- Update the [`version.rb`](https://github.com/activerecord-hackery/ransack/lib/ransack/version.rb) file to the new release, commit and push to `master`.
|
||||
- From the terminal, run the following commands:
|
||||
|
||||
```bash
|
||||
rake build
|
||||
rake release
|
||||
```
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
---
|
||||
sidebar_position: 7
|
||||
title: Saving queries
|
||||
---
|
||||
|
||||
## Ransack Memory Gem
|
||||
|
||||
The [Ransack Memory](https://github.com/richardrails/ransack_memory) gem accomplishes this.
|
||||
|
||||
## Custom solution
|
||||
|
||||
If you want a custom solution, you can build it yourself. My ransack AJAX searching doesn’t save your search parameters across transactions. In this post I’ll show you how to easily add this capability in a generic way.
|
||||
|
||||
In this example I added AJAX search ability to index pages.
|
||||
|
||||
```ruby
|
||||
def index
|
||||
@search = ComponentDefinition.search(search_params)
|
||||
# make name the default sort column
|
||||
@search.sorts = 'name' if @search.sorts.empty?
|
||||
@component_definitions = @search.result().page(params[:page])
|
||||
end
|
||||
```
|
||||
|
||||
I added methods(search_params, clear_search_index) in the ApplicationController to add a level of abstraction from the search gem I was using. Turns out this made things super easy, especially considering I won’t have to update my code generation tools for index pages.
|
||||
|
||||
```ruby
|
||||
class ApplicationController < ActionController::Base
|
||||
def search_params
|
||||
params[:q]
|
||||
end
|
||||
def clear_search_index
|
||||
if params[:search_cancel]
|
||||
params.delete(:search_cancel)
|
||||
if(!search_params.nil?)
|
||||
search_params.each do |key, param|
|
||||
search_params[key] = nil
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
```
|
||||
|
||||
I decided to store the ransack search parameters, params[:q], in the session. To make the session parameter unique I used a key creed from the controllers name and “_search”.
|
||||
|
||||
```ruby
|
||||
class ApplicationController < ActionController::Base
|
||||
|
||||
# CHECK THE SESSION FOR SEARCH PARAMETERS IS THEY AREN'T IN THE REQUEST
|
||||
def search_params
|
||||
if params[:q] == nil
|
||||
params[:q] = session[search_key]
|
||||
end
|
||||
if params[:q]
|
||||
session[search_key] = params[:q]
|
||||
end
|
||||
params[:q]
|
||||
end
|
||||
# DELETE SEARCH PARAMETERS FROM THE SESSION
|
||||
def clear_search_index
|
||||
if params[:search_cancel]
|
||||
params.delete(:search_cancel)
|
||||
if(!search_params.nil?)
|
||||
search_params.each do |key, param|
|
||||
search_params[key] = nil
|
||||
end
|
||||
end
|
||||
# REMOVE FROM SESSION
|
||||
session.delete(search_key)
|
||||
end
|
||||
end
|
||||
|
||||
protected
|
||||
# GENERATE A GENERIC SESSION KEY BASED ON TEH CONTROLLER NAME
|
||||
def search_key
|
||||
"#{controller_name}_search".to_sym
|
||||
end
|
||||
end
|
||||
```
|
||||
|
||||
Based on [Saving queries](https://techbrownbags.wordpress.com/2015/02/18/rails-save-ransack-search-queries/)
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
---
|
||||
sidebar_position: 8
|
||||
title: Postgres searches
|
||||
---
|
||||
|
||||
Searching on Postgres-specific column types.
|
||||
|
||||
## Postgres Array searches
|
||||
|
||||
See [this issue](https://github.com/activerecord-hackery/ransack/issues/321) for details.
|
||||
|
||||
## PostgreSQL JSONB searches
|
||||
|
||||
### Using a fixed key
|
||||
|
||||
See here for searching on a fixed key in a JSONB column: https://github.com/activerecord-hackery/ransack/wiki/Using-Ransackers#3-search-on-a-fixed-key-in-a-jsonb--hstore-column
|
||||
|
||||
### Using the JSONB contains operator
|
||||
|
||||
To fully use the power of the JSONB column you may want to filter on any key though:
|
||||
|
||||
Install the [ActiveRecordExtended](https://github.com/GeorgeKaraszi/ActiveRecordExtended) gem to add the `contains` arel predicate to your project. It let's you use the [Postgres contains operator @>](https://www.postgresql.org/docs/12/functions-json.html#FUNCTIONS-JSONB-OP-TABLE).
|
||||
|
||||
Add a custom predicate in the `config/initializers/ransack.rb` file:
|
||||
```ruby
|
||||
Ransack.configure do |config|
|
||||
config.add_predicate 'jcont', arel_predicate: 'contains', formatter: proc { |v| JSON.parse(v) }
|
||||
end
|
||||
```
|
||||
|
||||
Now you can ransack the JSONB columns using the _jcont predicate. For example the Person model has a `data` JSONB column, find entries where the column contains the {"group": "experts"} key-value pair:
|
||||
|
||||
Person.ransack(data_jcont: '{"group": "experts"}').result.to_sql
|
||||
|
||||
SELECT "persons".* FROM "persons" WHERE "persons"."data" @> '"{\"group\": \"experts\"}"'
|
||||
|
||||
If you have a GIN index on that column, the database will quickly be able to find that result.
|
||||
|
||||
### Treating the column as a string
|
||||
|
||||
Warning: This method converts the column to a string and matches the given string to the result. This will be slow on large data_sets and does not make good use of the JSONB capabilities of Postgres, such as indexes.
|
||||
|
||||
```ruby
|
||||
class Contact < ApplicationRecord
|
||||
ransacker :within_json do |parent|
|
||||
Arel.sql("table.jsonb_data::text")
|
||||
end
|
||||
end
|
||||
|
||||
Contact.all.ransack("within_json_cont" => "my")
|
||||
```
|
||||
|
||||
Will generate
|
||||
|
||||
`SELECT "contacts".* FROM "contacts" WHERE contacts.json_data ILIKE '%my%'`
|
||||
|
||||
Note that this search treats the entire JSON as string, including parens, etc. i.e. you can search for e.g.: `Contact.all.ransack("within_json_cont" => '{"key": "value"}')`
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
---
|
||||
sidebar_position: 1
|
||||
slug: '/'
|
||||
---
|
||||
|
||||
# Introduction
|
||||
|
||||
Ransack will help you easily add **searching to your Rails application**, without any additional dependencies.
|
||||
|
||||
There are advanced searching solutions around, like ElasticSearch or Algolia. **Ransack** will do the job for many Rails websites, without the need to run additional infrastructure or work in a different language. With Ransack you do it all with standard Ruby and ERB.
|
||||
|
||||
Ready to move beyond the basics? Use **advanced features** like i18n and extensive configuration options.
|
||||
|
||||
Ransack is supported for Rails 7.0, 6.x on Ruby 2.6.6 and later.
|
||||
|
||||
## Installation
|
||||
|
||||
To install `ransack` and add it to your Gemfile, run
|
||||
|
||||
```jsx title='Gemfile'
|
||||
gem 'ransack'
|
||||
```
|
||||
|
||||
### Bleeding edge
|
||||
|
||||
If you would like to use the latest updates not yet published to RubyGems, use the `main` branch:
|
||||
|
||||
```jsx title='Gemfile'
|
||||
gem 'ransack', :github => 'activerecord-hackery/ransack', :branch => 'main'
|
||||
```
|
||||
|
||||
### Demo application
|
||||
|
||||
The [Ransack Demo application](https://github.com/activerecord-hackery/ransack_demo) shows how to create [simple](http://ransack-demo.herokuapp.com) and
|
||||
[advanced](http://ransack-demo.herokuapp.com/users/advanced_search) search forms for your Ruby on Rails application.
|
||||
|
||||
|
||||
## Issues tracker
|
||||
|
||||
* Before filing an issue, please read the [Contributing Guide](https://github.com/activerecord-hackery/ransack/CONTRIBUTING.md).
|
||||
* File an issue if a bug is caused by Ransack, is new (has not already been reported), and _can be reproduced from the information you provide_.
|
||||
* Please consider adding a branch with a failing spec describing the problem.
|
||||
* Contributions are welcome. :smiley:
|
||||
* Please do not use the issue tracker for personal support requests. Stack Overflow is a better place for that where a wider community can help you!
|
||||
|
||||
|
||||
## Contributions
|
||||
|
||||
To support the project:
|
||||
|
||||
* Consider supporting us via [Open Collective](https://opencollective.com/ransack/backers/badge.svg)
|
||||
* Use Ransack in your apps, and let us know if you encounter anything that's
|
||||
broken or missing. A failing spec to demonstrate the issue is awesome. A pull
|
||||
request with passing tests is even better!
|
||||
* Before filing an issue or pull request, be sure to read and follow the
|
||||
[Contributing Guide](https://github.com/activerecord-hackery/ransack/CONTRIBUTING.md).
|
||||
* Please use Stack Overflow or other sites for questions or discussion not
|
||||
directly related to bug reports, pull requests, or documentation improvements.
|
||||
* Spread the word on Twitter, Facebook, and elsewhere if Ransack's been useful
|
||||
to you. The more people who are using the project, the quicker we can find and
|
||||
fix bugs!
|
||||
|
||||
## Contributors
|
||||
|
||||
Ransack was created by [Ernie Miller](http://twitter.com/erniemiller) and is developed and maintained by:
|
||||
* [Sean Carroll](https://github.com/scarroll32)
|
||||
* [Deivid Rodriguez](https://github.com/deivid-rodriguez)
|
||||
* [Greg Molnar](https://github.com/gregmolnar)
|
||||
* [A great group of contributors](https://github.com/activerecord-hackery/ransack/graphs/contributors).
|
||||
- Ransack's logo is designed by [Anıl Kılıç](https://github.com/anilkilic).
|
||||
|
||||
Alumni Maintainers
|
||||
- [Jon Atack](http://twitter.com/jonatack)
|
||||
- [Ryan Bigg](http://twitter.com/ryanbigg)
|
||||
|
||||
This project exists thanks to all the people who contribute. <img src="https://opencollective.com/ransack/contributors.svg?width=890&button=false" />
|
||||
|
||||
|
||||
## Backers
|
||||
|
||||
Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/ransack#backer)]
|
||||
|
||||
<a href="https://opencollective.com/ransack#backers" target="_blank"><img src="https://opencollective.com/ransack/backers.svg?width=890" /></a>
|
||||
|
||||
|
||||
## Sponsors
|
||||
|
||||
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/ransack#sponsor)]
|
||||
|
||||
<a href="https://opencollective.com/ransack/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/0/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/1/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/2/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/3/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/4/avatar.svg"/ ></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/5/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/6/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/7/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/8/avatar.svg" /></a>
|
||||
<a href="https://opencollective.com/ransack/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ransack/sponsor/9/avatar.svg" /></a>
|
||||
|
|
@ -0,0 +1,108 @@
|
|||
// @ts-check
|
||||
// Note: type annotations allow type checking and IDEs autocompletion
|
||||
|
||||
const lightCodeTheme = require('prism-react-renderer/themes/github');
|
||||
const darkCodeTheme = require('prism-react-renderer/themes/dracula');
|
||||
|
||||
/** @type {import('@docusaurus/types').Config} */
|
||||
const config = {
|
||||
title: 'Ransack documentation',
|
||||
tagline: 'Object-based searching',
|
||||
url: 'https://activerecord-hackery.github.io',
|
||||
baseUrl: '/ransack/',
|
||||
//onBrokenLinks: 'throw',
|
||||
onBrokenMarkdownLinks: 'warn',
|
||||
favicon: 'img/favicon.ico',
|
||||
organizationName: 'activerecord-hackery',
|
||||
projectName: 'ransack',
|
||||
trailingSlash: false,
|
||||
|
||||
presets: [
|
||||
[
|
||||
'classic',
|
||||
/** @type {import('@docusaurus/preset-classic').Options} */
|
||||
({
|
||||
docs: {
|
||||
routeBasePath: '/',
|
||||
sidebarPath: require.resolve('./sidebars.js'),
|
||||
editUrl: 'https://github.com/activerecord-hackery/ransack/docs/docs/',
|
||||
},
|
||||
blog: {
|
||||
showReadingTime: true,
|
||||
editUrl:
|
||||
'https://github.com/activerecord-hackery/ransack/docs/blog/',
|
||||
},
|
||||
theme: {
|
||||
customCss: require.resolve('./src/css/custom.css'),
|
||||
},
|
||||
}),
|
||||
],
|
||||
],
|
||||
|
||||
themeConfig:
|
||||
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
|
||||
({
|
||||
navbar: {
|
||||
logo: {
|
||||
alt: 'Ransack Logo',
|
||||
src: './logo/ransack-h.png',
|
||||
},
|
||||
items: [
|
||||
{
|
||||
type: 'doc',
|
||||
docId: 'intro',
|
||||
position: 'left',
|
||||
label: 'Documentation',
|
||||
},
|
||||
{to: '/blog', label: 'Blog', position: 'left'},
|
||||
{
|
||||
href: 'https://github.com/activerecord-hackery/ransack',
|
||||
label: 'GitHub',
|
||||
position: 'right',
|
||||
},
|
||||
],
|
||||
},
|
||||
footer: {
|
||||
style: 'dark',
|
||||
links: [
|
||||
{
|
||||
title: 'Docs',
|
||||
items: [
|
||||
{
|
||||
label: 'Documentation',
|
||||
to: '/',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Community',
|
||||
items: [
|
||||
{
|
||||
label: 'Stack Overflow',
|
||||
href: 'https://stackoverflow.com/questions/tagged/ransack',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'More',
|
||||
items: [
|
||||
{
|
||||
label: 'Blog',
|
||||
to: '/blog',
|
||||
},
|
||||
{
|
||||
label: 'GitHub',
|
||||
href: 'https://github.com/activerecord-hackery/ransack',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
prism: {
|
||||
theme: lightCodeTheme,
|
||||
darkTheme: darkCodeTheme,
|
||||
},
|
||||
}),
|
||||
};
|
||||
|
||||
module.exports = config;
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,37 @@
|
|||
{
|
||||
"name": "docs-website",
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"docusaurus": "docusaurus",
|
||||
"start": "docusaurus start",
|
||||
"build": "docusaurus build",
|
||||
"swizzle": "docusaurus swizzle",
|
||||
"deploy": "docusaurus deploy",
|
||||
"clear": "docusaurus clear",
|
||||
"serve": "docusaurus serve",
|
||||
"write-translations": "docusaurus write-translations",
|
||||
"write-heading-ids": "docusaurus write-heading-ids"
|
||||
},
|
||||
"dependencies": {
|
||||
"@docusaurus/core": "2.0.0-beta.18",
|
||||
"@docusaurus/preset-classic": "2.0.0-beta.18",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"clsx": "^1.1.1",
|
||||
"prism-react-renderer": "^1.3.1",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2"
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
">0.5%",
|
||||
"not dead",
|
||||
"not op_mini all"
|
||||
],
|
||||
"development": [
|
||||
"last 1 chrome version",
|
||||
"last 1 firefox version",
|
||||
"last 1 safari version"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
## Release Process
|
||||
|
||||
*For maintainers of Ransack.*
|
||||
|
||||
To release a new version of Ransack and publish it to RubyGems, take the following steps:
|
||||
|
||||
- Create a new release, marked `Prerelease`.
|
||||
- Update the versions file to the new release, commit and push to `master`.
|
||||
- Update the [`version.rb`](../lib/ransack/version.rb) file to the new release, commit and push to `master`.
|
||||
- From the terminal, run the following commands:
|
||||
|
||||
```bash
|
||||
rake build
|
||||
rake release
|
||||
```
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
/**
|
||||
* Creating a sidebar enables you to:
|
||||
- create an ordered group of docs
|
||||
- render a sidebar for each doc of that group
|
||||
- provide next/previous navigation
|
||||
|
||||
The sidebars can be generated from the filesystem, or explicitly defined here.
|
||||
|
||||
Create as many sidebars as you want.
|
||||
*/
|
||||
|
||||
// @ts-check
|
||||
|
||||
/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
|
||||
const sidebars = {
|
||||
// By default, Docusaurus generates a sidebar from the docs folder structure
|
||||
tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
|
||||
|
||||
// But you can create a sidebar manually
|
||||
/*
|
||||
tutorialSidebar: [
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Tutorial',
|
||||
items: ['hello'],
|
||||
},
|
||||
],
|
||||
*/
|
||||
};
|
||||
|
||||
module.exports = sidebars;
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
import React from 'react';
|
||||
import clsx from 'clsx';
|
||||
import styles from './styles.module.css';
|
||||
|
||||
const FeatureList = [
|
||||
{
|
||||
title: 'Easy to Use',
|
||||
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Docusaurus was designed from the ground up to be easily installed and
|
||||
used to get your website up and running quickly.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Focus on What Matters',
|
||||
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Docusaurus lets you focus on your docs, and we'll do the chores. Go
|
||||
ahead and move your docs into the <code>docs</code> directory.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Powered by React',
|
||||
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
|
||||
description: (
|
||||
<>
|
||||
Extend or customize your website layout by reusing React. Docusaurus can
|
||||
be extended while reusing the same header and footer.
|
||||
</>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
function Feature({Svg, title, description}) {
|
||||
return (
|
||||
<div className={clsx('col col--4')}>
|
||||
<div className="text--center">
|
||||
<Svg className={styles.featureSvg} role="img" />
|
||||
</div>
|
||||
<div className="text--center padding-horiz--md">
|
||||
<h3>{title}</h3>
|
||||
<p>{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function HomepageFeatures() {
|
||||
return (
|
||||
<section className={styles.features}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{FeatureList.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
.features {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.featureSvg {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
/**
|
||||
* Any CSS included here will be global. The classic template
|
||||
* bundles Infima by default. Infima is a CSS framework designed to
|
||||
* work well for content-centric websites.
|
||||
*/
|
||||
|
||||
/* You can override the default Infima variables here. */
|
||||
:root {
|
||||
--ifm-color-primary: #2e8555;
|
||||
--ifm-color-primary-dark: #29784c;
|
||||
--ifm-color-primary-darker: #277148;
|
||||
--ifm-color-primary-darkest: #205d3b;
|
||||
--ifm-color-primary-light: #33925d;
|
||||
--ifm-color-primary-lighter: #359962;
|
||||
--ifm-color-primary-lightest: #3cad6e;
|
||||
--ifm-code-font-size: 95%;
|
||||
}
|
||||
|
||||
/* For readability concerns, you should choose a lighter palette in dark mode. */
|
||||
[data-theme='dark'] {
|
||||
--ifm-color-primary: #25c2a0;
|
||||
--ifm-color-primary-dark: #21af90;
|
||||
--ifm-color-primary-darker: #1fa588;
|
||||
--ifm-color-primary-darkest: #1a8870;
|
||||
--ifm-color-primary-light: #29d5b0;
|
||||
--ifm-color-primary-lighter: #32d8b4;
|
||||
--ifm-color-primary-lightest: #4fddbf;
|
||||
}
|
||||
|
||||
.docusaurus-highlight-code-line {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
display: block;
|
||||
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
||||
padding: 0 var(--ifm-pre-padding);
|
||||
}
|
||||
|
||||
[data-theme='dark'] .docusaurus-highlight-code-line {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
/**
|
||||
* CSS files with the .module.css suffix will be treated as CSS modules
|
||||
* and scoped locally.
|
||||
*/
|
||||
|
||||
.heroBanner {
|
||||
padding: 4rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 996px) {
|
||||
.heroBanner {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: Markdown page example
|
||||
---
|
||||
|
||||
# Markdown page example
|
||||
|
||||
You don't need React to write simple standalone pages.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
|
|
@ -0,0 +1,171 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="1088" height="687.962" viewBox="0 0 1088 687.962">
|
||||
<title>Easy to Use</title>
|
||||
<g id="Group_12" data-name="Group 12" transform="translate(-57 -56)">
|
||||
<g id="Group_11" data-name="Group 11" transform="translate(57 56)">
|
||||
<path id="Path_83" data-name="Path 83" d="M1017.81,560.461c-5.27,45.15-16.22,81.4-31.25,110.31-20,38.52-54.21,54.04-84.77,70.28a193.275,193.275,0,0,1-27.46,11.94c-55.61,19.3-117.85,14.18-166.74,3.99a657.282,657.282,0,0,0-104.09-13.16q-14.97-.675-29.97-.67c-15.42.02-293.07,5.29-360.67-131.57-16.69-33.76-28.13-75-32.24-125.27-11.63-142.12,52.29-235.46,134.74-296.47,155.97-115.41,369.76-110.57,523.43,7.88C941.15,276.621,1036.99,396.031,1017.81,560.461Z" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
<path id="Path_84" data-name="Path 84" d="M986.56,670.771c-20,38.52-47.21,64.04-77.77,80.28a193.272,193.272,0,0,1-27.46,11.94c-55.61,19.3-117.85,14.18-166.74,3.99a657.3,657.3,0,0,0-104.09-13.16q-14.97-.675-29.97-.67-23.13.03-46.25,1.72c-100.17,7.36-253.82-6.43-321.42-143.29L382,283.981,444.95,445.6l20.09,51.59,55.37-75.98L549,381.981l130.2,149.27,36.8-81.27L970.78,657.9l14.21,11.59Z" transform="translate(-56 -106.019)" fill="#f2f2f2"/>
|
||||
<path id="Path_85" data-name="Path 85" d="M302,282.962l26-57,36,83-31-60Z" opacity="0.1"/>
|
||||
<path id="Path_86" data-name="Path 86" d="M610.5,753.821q-14.97-.675-29.97-.67L465.04,497.191Z" transform="translate(-56 -106.019)" opacity="0.1"/>
|
||||
<path id="Path_87" data-name="Path 87" d="M464.411,315.191,493,292.962l130,150-132-128Z" opacity="0.1"/>
|
||||
<path id="Path_88" data-name="Path 88" d="M908.79,751.051a193.265,193.265,0,0,1-27.46,11.94L679.2,531.251Z" transform="translate(-56 -106.019)" opacity="0.1"/>
|
||||
<circle id="Ellipse_11" data-name="Ellipse 11" cx="3" cy="3" r="3" transform="translate(479 98.962)" fill="#f2f2f2"/>
|
||||
<circle id="Ellipse_12" data-name="Ellipse 12" cx="3" cy="3" r="3" transform="translate(396 201.962)" fill="#f2f2f2"/>
|
||||
<circle id="Ellipse_13" data-name="Ellipse 13" cx="2" cy="2" r="2" transform="translate(600 220.962)" fill="#f2f2f2"/>
|
||||
<circle id="Ellipse_14" data-name="Ellipse 14" cx="2" cy="2" r="2" transform="translate(180 265.962)" fill="#f2f2f2"/>
|
||||
<circle id="Ellipse_15" data-name="Ellipse 15" cx="2" cy="2" r="2" transform="translate(612 96.962)" fill="#f2f2f2"/>
|
||||
<circle id="Ellipse_16" data-name="Ellipse 16" cx="2" cy="2" r="2" transform="translate(736 192.962)" fill="#f2f2f2"/>
|
||||
<circle id="Ellipse_17" data-name="Ellipse 17" cx="2" cy="2" r="2" transform="translate(858 344.962)" fill="#f2f2f2"/>
|
||||
<path id="Path_89" data-name="Path 89" d="M306,121.222h-2.76v-2.76h-1.48v2.76H299V122.7h2.76v2.759h1.48V122.7H306Z" fill="#f2f2f2"/>
|
||||
<path id="Path_90" data-name="Path 90" d="M848,424.222h-2.76v-2.76h-1.48v2.76H841V425.7h2.76v2.759h1.48V425.7H848Z" fill="#f2f2f2"/>
|
||||
<path id="Path_91" data-name="Path 91" d="M1144,719.981c0,16.569-243.557,74-544,74s-544-57.431-544-74,243.557,14,544,14S1144,703.413,1144,719.981Z" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
<path id="Path_92" data-name="Path 92" d="M1144,719.981c0,16.569-243.557,74-544,74s-544-57.431-544-74,243.557,14,544,14S1144,703.413,1144,719.981Z" transform="translate(-56 -106.019)" opacity="0.1"/>
|
||||
<ellipse id="Ellipse_18" data-name="Ellipse 18" cx="544" cy="30" rx="544" ry="30" transform="translate(0 583.962)" fill="#3f3d56"/>
|
||||
<path id="Path_93" data-name="Path 93" d="M624,677.981c0,33.137-14.775,24-33,24s-33,9.137-33-24,33-96,33-96S624,644.844,624,677.981Z" transform="translate(-56 -106.019)" fill="#ff6584"/>
|
||||
<path id="Path_94" data-name="Path 94" d="M606,690.66c0,15.062-6.716,10.909-15,10.909s-15,4.153-15-10.909,15-43.636,15-43.636S606,675.6,606,690.66Z" transform="translate(-56 -106.019)" opacity="0.1"/>
|
||||
<rect id="Rectangle_97" data-name="Rectangle 97" width="92" height="18" rx="9" transform="translate(489 604.962)" fill="#2f2e41"/>
|
||||
<rect id="Rectangle_98" data-name="Rectangle 98" width="92" height="18" rx="9" transform="translate(489 586.962)" fill="#2f2e41"/>
|
||||
<path id="Path_95" data-name="Path 95" d="M193,596.547c0,55.343,34.719,100.126,77.626,100.126" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
<path id="Path_96" data-name="Path 96" d="M270.626,696.673c0-55.965,38.745-101.251,86.626-101.251" transform="translate(-56 -106.019)" fill="#6c63ff"/>
|
||||
<path id="Path_97" data-name="Path 97" d="M221.125,601.564c0,52.57,22.14,95.109,49.5,95.109" transform="translate(-56 -106.019)" fill="#6c63ff"/>
|
||||
<path id="Path_98" data-name="Path 98" d="M270.626,696.673c0-71.511,44.783-129.377,100.126-129.377" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
<path id="Path_99" data-name="Path 99" d="M254.3,697.379s11.009-.339,14.326-2.7,16.934-5.183,17.757-1.395,16.544,18.844,4.115,18.945-28.879-1.936-32.19-3.953S254.3,697.379,254.3,697.379Z" transform="translate(-56 -106.019)" fill="#a8a8a8"/>
|
||||
<path id="Path_100" data-name="Path 100" d="M290.716,710.909c-12.429.1-28.879-1.936-32.19-3.953-2.522-1.536-3.527-7.048-3.863-9.591l-.368.014s.7,8.879,4.009,10.9,19.761,4.053,32.19,3.953c3.588-.029,4.827-1.305,4.759-3.2C294.755,710.174,293.386,710.887,290.716,710.909Z" transform="translate(-56 -106.019)" opacity="0.2"/>
|
||||
<path id="Path_101" data-name="Path 101" d="M777.429,633.081c0,38.029,23.857,68.8,53.341,68.8" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
<path id="Path_102" data-name="Path 102" d="M830.769,701.882c0-38.456,26.623-69.575,59.525-69.575" transform="translate(-56 -106.019)" fill="#6c63ff"/>
|
||||
<path id="Path_103" data-name="Path 103" d="M796.755,636.528c0,36.124,15.213,65.354,34.014,65.354" transform="translate(-56 -106.019)" fill="#6c63ff"/>
|
||||
<path id="Path_104" data-name="Path 104" d="M830.769,701.882c0-49.139,30.773-88.9,68.8-88.9" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
<path id="Path_105" data-name="Path 105" d="M819.548,702.367s7.565-.233,9.844-1.856,11.636-3.562,12.2-.958,11.368,12.949,2.828,13.018-19.844-1.33-22.119-2.716S819.548,702.367,819.548,702.367Z" transform="translate(-56 -106.019)" fill="#a8a8a8"/>
|
||||
<path id="Path_106" data-name="Path 106" d="M844.574,711.664c-8.54.069-19.844-1.33-22.119-2.716-1.733-1.056-2.423-4.843-2.654-6.59l-.253.01s.479,6.1,2.755,7.487,13.579,2.785,22.119,2.716c2.465-.02,3.317-.9,3.27-2.2C847.349,711.159,846.409,711.649,844.574,711.664Z" transform="translate(-56 -106.019)" opacity="0.2"/>
|
||||
<path id="Path_107" data-name="Path 107" d="M949.813,724.718s11.36-1.729,14.5-4.591,16.89-7.488,18.217-3.667,19.494,17.447,6.633,19.107-30.153,1.609-33.835-.065S949.813,724.718,949.813,724.718Z" transform="translate(-56 -106.019)" fill="#a8a8a8"/>
|
||||
<path id="Path_108" data-name="Path 108" d="M989.228,734.173c-12.86,1.659-30.153,1.609-33.835-.065-2.8-1.275-4.535-6.858-5.2-9.45l-.379.061s1.833,9.109,5.516,10.783,20.975,1.725,33.835.065c3.712-.479,4.836-1.956,4.529-3.906C993.319,732.907,991.991,733.817,989.228,734.173Z" transform="translate(-56 -106.019)" opacity="0.2"/>
|
||||
<path id="Path_109" data-name="Path 109" d="M670.26,723.9s9.587-1.459,12.237-3.875,14.255-6.32,15.374-3.095,16.452,14.725,5.6,16.125-25.448,1.358-28.555-.055S670.26,723.9,670.26,723.9Z" transform="translate(-56 -106.019)" fill="#a8a8a8"/>
|
||||
<path id="Path_110" data-name="Path 110" d="M703.524,731.875c-10.853,1.4-25.448,1.358-28.555-.055-2.367-1.076-3.827-5.788-4.39-7.976l-.32.051s1.547,7.687,4.655,9.1,17.7,1.456,28.555.055c3.133-.4,4.081-1.651,3.822-3.3C706.977,730.807,705.856,731.575,703.524,731.875Z" transform="translate(-56 -106.019)" opacity="0.2"/>
|
||||
<path id="Path_111" data-name="Path 111" d="M178.389,719.109s7.463-1.136,9.527-3.016,11.1-4.92,11.969-2.409,12.808,11.463,4.358,12.553-19.811,1.057-22.23-.043S178.389,719.109,178.389,719.109Z" transform="translate(-56 -106.019)" fill="#a8a8a8"/>
|
||||
<path id="Path_112" data-name="Path 112" d="M204.285,725.321c-8.449,1.09-19.811,1.057-22.23-.043-1.842-.838-2.979-4.506-3.417-6.209l-.249.04s1.2,5.984,3.624,7.085,13.781,1.133,22.23.043c2.439-.315,3.177-1.285,2.976-2.566C206.973,724.489,206.1,725.087,204.285,725.321Z" transform="translate(-56 -106.019)" opacity="0.2"/>
|
||||
<path id="Path_113" data-name="Path 113" d="M439.7,707.337c0,30.22-42.124,20.873-93.7,20.873s-93.074,9.347-93.074-20.873,42.118-36.793,93.694-36.793S439.7,677.117,439.7,707.337Z" transform="translate(-56 -106.019)" opacity="0.1"/>
|
||||
<path id="Path_114" data-name="Path 114" d="M439.7,699.9c0,30.22-42.124,20.873-93.7,20.873s-93.074,9.347-93.074-20.873S295.04,663.1,346.616,663.1,439.7,669.676,439.7,699.9Z" transform="translate(-56 -106.019)" fill="#3f3d56"/>
|
||||
</g>
|
||||
<g id="docusaurus_keytar" transform="translate(312.271 493.733)">
|
||||
<path id="Path_40" data-name="Path 40" d="M99,52h91.791V89.153H99Z" transform="translate(5.904 -14.001)" fill="#fff" fill-rule="evenodd"/>
|
||||
<path id="Path_41" data-name="Path 41" d="M24.855,163.927A21.828,21.828,0,0,1,5.947,153a21.829,21.829,0,0,0,18.908,32.782H46.71V163.927Z" transform="translate(-3 -4.634)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_42" data-name="Path 42" d="M121.861,61.1l76.514-4.782V45.39A21.854,21.854,0,0,0,176.52,23.535H78.173L75.441,18.8a3.154,3.154,0,0,0-5.464,0l-2.732,4.732L64.513,18.8a3.154,3.154,0,0,0-5.464,0l-2.732,4.732L53.586,18.8a3.154,3.154,0,0,0-5.464,0L45.39,23.535c-.024,0-.046,0-.071,0l-4.526-4.525a3.153,3.153,0,0,0-5.276,1.414l-1.5,5.577-5.674-1.521a3.154,3.154,0,0,0-3.863,3.864L26,34.023l-5.575,1.494a3.155,3.155,0,0,0-1.416,5.278l4.526,4.526c0,.023,0,.046,0,.07L18.8,48.122a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,59.05a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,69.977a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,80.9a3.154,3.154,0,0,0,0,5.464L23.535,89.1,18.8,91.832a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,102.76a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,113.687a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,124.615a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,135.542a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,146.469a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,157.4a3.154,3.154,0,0,0,0,5.464l4.732,2.732L18.8,168.324a3.154,3.154,0,0,0,0,5.464l4.732,2.732A21.854,21.854,0,0,0,45.39,198.375H176.52a21.854,21.854,0,0,0,21.855-21.855V89.1l-76.514-4.782a11.632,11.632,0,0,1,0-23.219" transform="translate(-1.681 -17.226)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_43" data-name="Path 43" d="M143,186.71h32.782V143H143Z" transform="translate(9.984 -5.561)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_44" data-name="Path 44" d="M196.71,159.855a5.438,5.438,0,0,0-.7.07c-.042-.164-.081-.329-.127-.493a5.457,5.457,0,1,0-5.4-9.372q-.181-.185-.366-.367a5.454,5.454,0,1,0-9.384-5.4c-.162-.046-.325-.084-.486-.126a5.467,5.467,0,1,0-10.788,0c-.162.042-.325.08-.486.126a5.457,5.457,0,1,0-9.384,5.4,21.843,21.843,0,1,0,36.421,21.02,5.452,5.452,0,1,0,.7-10.858" transform="translate(10.912 -6.025)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_45" data-name="Path 45" d="M153,124.855h32.782V103H153Z" transform="translate(10.912 -9.271)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_46" data-name="Path 46" d="M194.855,116.765a2.732,2.732,0,1,0,0-5.464,2.811,2.811,0,0,0-.349.035c-.022-.082-.04-.164-.063-.246a2.733,2.733,0,0,0-1.052-5.253,2.7,2.7,0,0,0-1.648.566q-.09-.093-.184-.184a2.7,2.7,0,0,0,.553-1.633,2.732,2.732,0,0,0-5.245-1.07,10.928,10.928,0,1,0,0,21.031,2.732,2.732,0,0,0,5.245-1.07,2.7,2.7,0,0,0-.553-1.633q.093-.09.184-.184a2.7,2.7,0,0,0,1.648.566,2.732,2.732,0,0,0,1.052-5.253c.023-.081.042-.164.063-.246a2.814,2.814,0,0,0,.349.035" transform="translate(12.767 -9.377)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_47" data-name="Path 47" d="M65.087,56.891a2.732,2.732,0,0,1-2.732-2.732,8.2,8.2,0,0,0-16.391,0,2.732,2.732,0,0,1-5.464,0,13.659,13.659,0,0,1,27.319,0,2.732,2.732,0,0,1-2.732,2.732" transform="translate(0.478 -15.068)" fill-rule="evenodd"/>
|
||||
<path id="Path_48" data-name="Path 48" d="M103,191.347h65.565a21.854,21.854,0,0,0,21.855-21.855V93H124.855A21.854,21.854,0,0,0,103,114.855Z" transform="translate(6.275 -10.199)" fill="#ffff50" fill-rule="evenodd"/>
|
||||
<path id="Path_49" data-name="Path 49" d="M173.216,129.787H118.535a1.093,1.093,0,1,1,0-2.185h54.681a1.093,1.093,0,0,1,0,2.185m0,21.855H118.535a1.093,1.093,0,1,1,0-2.186h54.681a1.093,1.093,0,0,1,0,2.186m0,21.855H118.535a1.093,1.093,0,1,1,0-2.185h54.681a1.093,1.093,0,0,1,0,2.185m0-54.434H118.535a1.093,1.093,0,1,1,0-2.185h54.681a1.093,1.093,0,0,1,0,2.185m0,21.652H118.535a1.093,1.093,0,1,1,0-2.186h54.681a1.093,1.093,0,0,1,0,2.186m0,21.855H118.535a1.093,1.093,0,1,1,0-2.186h54.681a1.093,1.093,0,0,1,0,2.186M189.585,61.611c-.013,0-.024-.007-.037-.005-3.377.115-4.974,3.492-6.384,6.472-1.471,3.114-2.608,5.139-4.473,5.078-2.064-.074-3.244-2.406-4.494-4.874-1.436-2.835-3.075-6.049-6.516-5.929-3.329.114-4.932,3.053-6.346,5.646-1.5,2.762-2.529,4.442-4.5,4.364-2.106-.076-3.225-1.972-4.52-4.167-1.444-2.443-3.112-5.191-6.487-5.1-3.272.113-4.879,2.606-6.3,4.808-1.5,2.328-2.552,3.746-4.551,3.662-2.156-.076-3.27-1.65-4.558-3.472-1.447-2.047-3.077-4.363-6.442-4.251-3.2.109-4.807,2.153-6.224,3.954-1.346,1.709-2.4,3.062-4.621,2.977a1.093,1.093,0,0,0-.079,2.186c3.3.11,4.967-1.967,6.417-3.81,1.286-1.635,2.4-3.045,4.582-3.12,2.1-.09,3.091,1.218,4.584,3.327,1.417,2,3.026,4.277,6.263,4.394,3.391.114,5.022-2.42,6.467-4.663,1.292-2,2.406-3.734,4.535-3.807,1.959-.073,3.026,1.475,4.529,4.022,1.417,2.4,3.023,5.121,6.324,5.241,3.415.118,5.064-2.863,6.5-5.5,1.245-2.282,2.419-4.437,4.5-4.509,1.959-.046,2.981,1.743,4.492,4.732,1.412,2.79,3.013,5.95,6.365,6.071l.185,0c3.348,0,4.937-3.36,6.343-6.331,1.245-2.634,2.423-5.114,4.444-5.216Z" transform="translate(7.109 -13.11)" fill-rule="evenodd"/>
|
||||
<path id="Path_50" data-name="Path 50" d="M83,186.71h43.71V143H83Z" transform="translate(4.42 -5.561)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<g id="Group_8" data-name="Group 8" transform="matrix(0.966, -0.259, 0.259, 0.966, 109.327, 91.085)">
|
||||
<rect id="Rectangle_3" data-name="Rectangle 3" width="92.361" height="36.462" rx="2" transform="translate(0 0)" fill="#d8d8d8"/>
|
||||
<g id="Group_2" data-name="Group 2" transform="translate(1.531 23.03)">
|
||||
<rect id="Rectangle_4" data-name="Rectangle 4" width="5.336" height="5.336" rx="1" transform="translate(16.797 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_5" data-name="Rectangle 5" width="5.336" height="5.336" rx="1" transform="translate(23.12 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_6" data-name="Rectangle 6" width="5.336" height="5.336" rx="1" transform="translate(29.444 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_7" data-name="Rectangle 7" width="5.336" height="5.336" rx="1" transform="translate(35.768 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_8" data-name="Rectangle 8" width="5.336" height="5.336" rx="1" transform="translate(42.091 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_9" data-name="Rectangle 9" width="5.336" height="5.336" rx="1" transform="translate(48.415 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_10" data-name="Rectangle 10" width="5.336" height="5.336" rx="1" transform="translate(54.739 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_11" data-name="Rectangle 11" width="5.336" height="5.336" rx="1" transform="translate(61.063 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_12" data-name="Rectangle 12" width="5.336" height="5.336" rx="1" transform="translate(67.386 0)" fill="#4a4a4a"/>
|
||||
<path id="Path_51" data-name="Path 51" d="M1.093,0H14.518a1.093,1.093,0,0,1,1.093,1.093V4.243a1.093,1.093,0,0,1-1.093,1.093H1.093A1.093,1.093,0,0,1,0,4.243V1.093A1.093,1.093,0,0,1,1.093,0ZM75,0H88.426a1.093,1.093,0,0,1,1.093,1.093V4.243a1.093,1.093,0,0,1-1.093,1.093H75a1.093,1.093,0,0,1-1.093-1.093V1.093A1.093,1.093,0,0,1,75,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
</g>
|
||||
<g id="Group_3" data-name="Group 3" transform="translate(1.531 10.261)">
|
||||
<path id="Path_52" data-name="Path 52" d="M1.093,0H6.218A1.093,1.093,0,0,1,7.31,1.093V4.242A1.093,1.093,0,0,1,6.218,5.335H1.093A1.093,1.093,0,0,1,0,4.242V1.093A1.093,1.093,0,0,1,1.093,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<rect id="Rectangle_13" data-name="Rectangle 13" width="5.336" height="5.336" rx="1" transform="translate(8.299 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_14" data-name="Rectangle 14" width="5.336" height="5.336" rx="1" transform="translate(14.623 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_15" data-name="Rectangle 15" width="5.336" height="5.336" rx="1" transform="translate(20.947 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_16" data-name="Rectangle 16" width="5.336" height="5.336" rx="1" transform="translate(27.271 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_17" data-name="Rectangle 17" width="5.336" height="5.336" rx="1" transform="translate(33.594 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_18" data-name="Rectangle 18" width="5.336" height="5.336" rx="1" transform="translate(39.918 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_19" data-name="Rectangle 19" width="5.336" height="5.336" rx="1" transform="translate(46.242 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_20" data-name="Rectangle 20" width="5.336" height="5.336" rx="1" transform="translate(52.565 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_21" data-name="Rectangle 21" width="5.336" height="5.336" rx="1" transform="translate(58.888 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_22" data-name="Rectangle 22" width="5.336" height="5.336" rx="1" transform="translate(65.212 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_23" data-name="Rectangle 23" width="5.336" height="5.336" rx="1" transform="translate(71.536 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_24" data-name="Rectangle 24" width="5.336" height="5.336" rx="1" transform="translate(77.859 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_25" data-name="Rectangle 25" width="5.336" height="5.336" rx="1" transform="translate(84.183 0)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<g id="Group_4" data-name="Group 4" transform="translate(91.05 9.546) rotate(180)">
|
||||
<path id="Path_53" data-name="Path 53" d="M1.093,0H6.219A1.093,1.093,0,0,1,7.312,1.093v3.15A1.093,1.093,0,0,1,6.219,5.336H1.093A1.093,1.093,0,0,1,0,4.243V1.093A1.093,1.093,0,0,1,1.093,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<rect id="Rectangle_26" data-name="Rectangle 26" width="5.336" height="5.336" rx="1" transform="translate(8.299 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_27" data-name="Rectangle 27" width="5.336" height="5.336" rx="1" transform="translate(14.623 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_28" data-name="Rectangle 28" width="5.336" height="5.336" rx="1" transform="translate(20.947 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_29" data-name="Rectangle 29" width="5.336" height="5.336" rx="1" transform="translate(27.271 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_30" data-name="Rectangle 30" width="5.336" height="5.336" rx="1" transform="translate(33.594 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_31" data-name="Rectangle 31" width="5.336" height="5.336" rx="1" transform="translate(39.918 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_32" data-name="Rectangle 32" width="5.336" height="5.336" rx="1" transform="translate(46.242 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_33" data-name="Rectangle 33" width="5.336" height="5.336" rx="1" transform="translate(52.565 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_34" data-name="Rectangle 34" width="5.336" height="5.336" rx="1" transform="translate(58.889 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_35" data-name="Rectangle 35" width="5.336" height="5.336" rx="1" transform="translate(65.213 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_36" data-name="Rectangle 36" width="5.336" height="5.336" rx="1" transform="translate(71.537 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_37" data-name="Rectangle 37" width="5.336" height="5.336" rx="1" transform="translate(77.86 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_38" data-name="Rectangle 38" width="5.336" height="5.336" rx="1" transform="translate(84.183 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_39" data-name="Rectangle 39" width="5.336" height="5.336" rx="1" transform="translate(8.299 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_40" data-name="Rectangle 40" width="5.336" height="5.336" rx="1" transform="translate(14.623 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_41" data-name="Rectangle 41" width="5.336" height="5.336" rx="1" transform="translate(20.947 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_42" data-name="Rectangle 42" width="5.336" height="5.336" rx="1" transform="translate(27.271 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_43" data-name="Rectangle 43" width="5.336" height="5.336" rx="1" transform="translate(33.594 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_44" data-name="Rectangle 44" width="5.336" height="5.336" rx="1" transform="translate(39.918 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_45" data-name="Rectangle 45" width="5.336" height="5.336" rx="1" transform="translate(46.242 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_46" data-name="Rectangle 46" width="5.336" height="5.336" rx="1" transform="translate(52.565 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_47" data-name="Rectangle 47" width="5.336" height="5.336" rx="1" transform="translate(58.889 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_48" data-name="Rectangle 48" width="5.336" height="5.336" rx="1" transform="translate(65.213 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_49" data-name="Rectangle 49" width="5.336" height="5.336" rx="1" transform="translate(71.537 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_50" data-name="Rectangle 50" width="5.336" height="5.336" rx="1" transform="translate(77.86 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_51" data-name="Rectangle 51" width="5.336" height="5.336" rx="1" transform="translate(84.183 0)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<g id="Group_6" data-name="Group 6" transform="translate(1.531 16.584)">
|
||||
<path id="Path_54" data-name="Path 54" d="M1.093,0h7.3A1.093,1.093,0,0,1,9.485,1.093v3.15A1.093,1.093,0,0,1,8.392,5.336h-7.3A1.093,1.093,0,0,1,0,4.243V1.094A1.093,1.093,0,0,1,1.093,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<g id="Group_5" data-name="Group 5" transform="translate(10.671 0)">
|
||||
<rect id="Rectangle_52" data-name="Rectangle 52" width="5.336" height="5.336" rx="1" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_53" data-name="Rectangle 53" width="5.336" height="5.336" rx="1" transform="translate(6.324 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_54" data-name="Rectangle 54" width="5.336" height="5.336" rx="1" transform="translate(12.647 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_55" data-name="Rectangle 55" width="5.336" height="5.336" rx="1" transform="translate(18.971 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_56" data-name="Rectangle 56" width="5.336" height="5.336" rx="1" transform="translate(25.295 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_57" data-name="Rectangle 57" width="5.336" height="5.336" rx="1" transform="translate(31.619 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_58" data-name="Rectangle 58" width="5.336" height="5.336" rx="1" transform="translate(37.942 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_59" data-name="Rectangle 59" width="5.336" height="5.336" rx="1" transform="translate(44.265 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_60" data-name="Rectangle 60" width="5.336" height="5.336" rx="1" transform="translate(50.589 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_61" data-name="Rectangle 61" width="5.336" height="5.336" rx="1" transform="translate(56.912 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_62" data-name="Rectangle 62" width="5.336" height="5.336" rx="1" transform="translate(63.236 0)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<path id="Path_55" data-name="Path 55" d="M1.094,0H8A1.093,1.093,0,0,1,9.091,1.093v3.15A1.093,1.093,0,0,1,8,5.336H1.093A1.093,1.093,0,0,1,0,4.243V1.094A1.093,1.093,0,0,1,1.093,0Z" transform="translate(80.428 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
</g>
|
||||
<g id="Group_7" data-name="Group 7" transform="translate(1.531 29.627)">
|
||||
<rect id="Rectangle_63" data-name="Rectangle 63" width="5.336" height="5.336" rx="1" transform="translate(0 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_64" data-name="Rectangle 64" width="5.336" height="5.336" rx="1" transform="translate(6.324 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_65" data-name="Rectangle 65" width="5.336" height="5.336" rx="1" transform="translate(12.647 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_66" data-name="Rectangle 66" width="5.336" height="5.336" rx="1" transform="translate(18.971 0)" fill="#4a4a4a"/>
|
||||
<path id="Path_56" data-name="Path 56" d="M1.093,0H31.515a1.093,1.093,0,0,1,1.093,1.093V4.244a1.093,1.093,0,0,1-1.093,1.093H1.093A1.093,1.093,0,0,1,0,4.244V1.093A1.093,1.093,0,0,1,1.093,0ZM34.687,0h3.942a1.093,1.093,0,0,1,1.093,1.093V4.244a1.093,1.093,0,0,1-1.093,1.093H34.687a1.093,1.093,0,0,1-1.093-1.093V1.093A1.093,1.093,0,0,1,34.687,0Z" transform="translate(25.294 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<rect id="Rectangle_67" data-name="Rectangle 67" width="5.336" height="5.336" rx="1" transform="translate(66.003 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_68" data-name="Rectangle 68" width="5.336" height="5.336" rx="1" transform="translate(72.327 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_69" data-name="Rectangle 69" width="5.336" height="5.336" rx="1" transform="translate(84.183 0)" fill="#4a4a4a"/>
|
||||
<path id="Path_57" data-name="Path 57" d="M5.336,0V1.18A1.093,1.093,0,0,1,4.243,2.273H1.093A1.093,1.093,0,0,1,0,1.18V0Z" transform="translate(83.59 2.273) rotate(180)" fill="#4a4a4a"/>
|
||||
<path id="Path_58" data-name="Path 58" d="M5.336,0V1.18A1.093,1.093,0,0,1,4.243,2.273H1.093A1.093,1.093,0,0,1,0,1.18V0Z" transform="translate(78.255 3.063)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<rect id="Rectangle_70" data-name="Rectangle 70" width="88.927" height="2.371" rx="1.085" transform="translate(1.925 1.17)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_71" data-name="Rectangle 71" width="4.986" height="1.581" rx="0.723" transform="translate(4.1 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_72" data-name="Rectangle 72" width="4.986" height="1.581" rx="0.723" transform="translate(10.923 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_73" data-name="Rectangle 73" width="4.986" height="1.581" rx="0.723" transform="translate(16.173 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_74" data-name="Rectangle 74" width="4.986" height="1.581" rx="0.723" transform="translate(21.421 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_75" data-name="Rectangle 75" width="4.986" height="1.581" rx="0.723" transform="translate(26.671 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_76" data-name="Rectangle 76" width="4.986" height="1.581" rx="0.723" transform="translate(33.232 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_77" data-name="Rectangle 77" width="4.986" height="1.581" rx="0.723" transform="translate(38.48 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_78" data-name="Rectangle 78" width="4.986" height="1.581" rx="0.723" transform="translate(43.73 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_79" data-name="Rectangle 79" width="4.986" height="1.581" rx="0.723" transform="translate(48.978 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_80" data-name="Rectangle 80" width="4.986" height="1.581" rx="0.723" transform="translate(55.54 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_81" data-name="Rectangle 81" width="4.986" height="1.581" rx="0.723" transform="translate(60.788 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_82" data-name="Rectangle 82" width="4.986" height="1.581" rx="0.723" transform="translate(66.038 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_83" data-name="Rectangle 83" width="4.986" height="1.581" rx="0.723" transform="translate(72.599 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_84" data-name="Rectangle 84" width="4.986" height="1.581" rx="0.723" transform="translate(77.847 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_85" data-name="Rectangle 85" width="4.986" height="1.581" rx="0.723" transform="translate(83.097 1.566)" fill="#d8d8d8" opacity="0.136"/>
|
||||
</g>
|
||||
<path id="Path_59" data-name="Path 59" d="M146.71,159.855a5.439,5.439,0,0,0-.7.07c-.042-.164-.081-.329-.127-.493a5.457,5.457,0,1,0-5.4-9.372q-.181-.185-.366-.367a5.454,5.454,0,1,0-9.384-5.4c-.162-.046-.325-.084-.486-.126a5.467,5.467,0,1,0-10.788,0c-.162.042-.325.08-.486.126a5.457,5.457,0,1,0-9.384,5.4,21.843,21.843,0,1,0,36.421,21.02,5.452,5.452,0,1,0,.7-10.858" transform="translate(6.275 -6.025)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_60" data-name="Path 60" d="M83,124.855h43.71V103H83Z" transform="translate(4.42 -9.271)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_61" data-name="Path 61" d="M134.855,116.765a2.732,2.732,0,1,0,0-5.464,2.811,2.811,0,0,0-.349.035c-.022-.082-.04-.164-.063-.246a2.733,2.733,0,0,0-1.052-5.253,2.7,2.7,0,0,0-1.648.566q-.09-.093-.184-.184a2.7,2.7,0,0,0,.553-1.633,2.732,2.732,0,0,0-5.245-1.07,10.928,10.928,0,1,0,0,21.031,2.732,2.732,0,0,0,5.245-1.07,2.7,2.7,0,0,0-.553-1.633q.093-.09.184-.184a2.7,2.7,0,0,0,1.648.566,2.732,2.732,0,0,0,1.052-5.253c.023-.081.042-.164.063-.246a2.811,2.811,0,0,0,.349.035" transform="translate(7.202 -9.377)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_62" data-name="Path 62" d="M143.232,42.33a2.967,2.967,0,0,1-.535-.055,2.754,2.754,0,0,1-.514-.153,2.838,2.838,0,0,1-.471-.251,4.139,4.139,0,0,1-.415-.339,3.2,3.2,0,0,1-.338-.415A2.7,2.7,0,0,1,140.5,39.6a2.968,2.968,0,0,1,.055-.535,3.152,3.152,0,0,1,.152-.514,2.874,2.874,0,0,1,.252-.47,2.633,2.633,0,0,1,.753-.754,2.837,2.837,0,0,1,.471-.251,2.753,2.753,0,0,1,.514-.153,2.527,2.527,0,0,1,1.071,0,2.654,2.654,0,0,1,.983.4,4.139,4.139,0,0,1,.415.339,4.019,4.019,0,0,1,.339.415,2.786,2.786,0,0,1,.251.47,2.864,2.864,0,0,1,.208,1.049,2.77,2.77,0,0,1-.8,1.934,4.139,4.139,0,0,1-.415.339,2.722,2.722,0,0,1-1.519.459m21.855-1.366a2.789,2.789,0,0,1-1.935-.8,4.162,4.162,0,0,1-.338-.415,2.7,2.7,0,0,1-.459-1.519,2.789,2.789,0,0,1,.8-1.934,4.139,4.139,0,0,1,.415-.339,2.838,2.838,0,0,1,.471-.251,2.752,2.752,0,0,1,.514-.153,2.527,2.527,0,0,1,1.071,0,2.654,2.654,0,0,1,.983.4,4.139,4.139,0,0,1,.415.339,2.79,2.79,0,0,1,.8,1.934,3.069,3.069,0,0,1-.055.535,2.779,2.779,0,0,1-.153.514,3.885,3.885,0,0,1-.251.47,4.02,4.02,0,0,1-.339.415,4.138,4.138,0,0,1-.415.339,2.722,2.722,0,0,1-1.519.459" transform="translate(9.753 -15.532)" fill-rule="evenodd"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 31 KiB |
|
|
@ -0,0 +1,170 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="1041.277" height="554.141" viewBox="0 0 1041.277 554.141">
|
||||
<title>Powered by React</title>
|
||||
<g id="Group_24" data-name="Group 24" transform="translate(-440 -263)">
|
||||
<g id="Group_23" data-name="Group 23" transform="translate(439.989 262.965)">
|
||||
<path id="Path_299" data-name="Path 299" d="M1040.82,611.12q-1.74,3.75-3.47,7.4-2.7,5.67-5.33,11.12c-.78,1.61-1.56,3.19-2.32,4.77-8.6,17.57-16.63,33.11-23.45,45.89A73.21,73.21,0,0,1,942.44,719l-151.65,1.65h-1.6l-13,.14-11.12.12-34.1.37h-1.38l-17.36.19h-.53l-107,1.16-95.51,1-11.11.12-69,.75H429l-44.75.48h-.48l-141.5,1.53-42.33.46a87.991,87.991,0,0,1-10.79-.54h0c-1.22-.14-2.44-.3-3.65-.49a87.38,87.38,0,0,1-51.29-27.54C116,678.37,102.75,655,93.85,629.64q-1.93-5.49-3.6-11.12C59.44,514.37,97,380,164.6,290.08q4.25-5.64,8.64-11l.07-.08c20.79-25.52,44.1-46.84,68.93-62,44-26.91,92.75-34.49,140.7-11.9,40.57,19.12,78.45,28.11,115.17,30.55,3.71.24,7.42.42,11.11.53,84.23,2.65,163.17-27.7,255.87-47.29,3.69-.78,7.39-1.55,11.12-2.28,66.13-13.16,139.49-20.1,226.73-5.51a189.089,189.089,0,0,1,26.76,6.4q5.77,1.86,11.12,4c41.64,16.94,64.35,48.24,74,87.46q1.37,5.46,2.37,11.11C1134.3,384.41,1084.19,518.23,1040.82,611.12Z" transform="translate(-79.34 -172.91)" fill="#f2f2f2"/>
|
||||
<path id="Path_300" data-name="Path 300" d="M576.36,618.52a95.21,95.21,0,0,1-1.87,11.12h93.7V618.52Zm-78.25,62.81,11.11-.09V653.77c-3.81-.17-7.52-.34-11.11-.52ZM265.19,618.52v11.12h198.5V618.52ZM1114.87,279h-74V191.51q-5.35-2.17-11.12-4V279H776.21V186.58c-3.73.73-7.43,1.5-11.12,2.28V279H509.22V236.15c-3.69-.11-7.4-.29-11.11-.53V279H242.24V217c-24.83,15.16-48.14,36.48-68.93,62h-.07v.08q-4.4,5.4-8.64,11h8.64V618.52h-83q1.66,5.63,3.6,11.12h79.39v93.62a87,87,0,0,0,12.2,2.79c1.21.19,2.43.35,3.65.49h0a87.991,87.991,0,0,0,10.79.54l42.33-.46v-97H498.11v94.21l11.11-.12V629.64H765.09V721l11.12-.12V629.64H1029.7v4.77c.76-1.58,1.54-3.16,2.32-4.77q2.63-5.45,5.33-11.12,1.73-3.64,3.47-7.4v-321h76.42Q1116.23,284.43,1114.87,279ZM242.24,618.52V290.08H498.11V618.52Zm267,0V290.08H765.09V618.52Zm520.48,0H776.21V290.08H1029.7Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_301" data-name="Path 301" d="M863.09,533.65v13l-151.92,1.4-1.62.03-57.74.53-1.38.02-17.55.15h-.52l-106.98.99L349.77,551.4h-.15l-44.65.42-.48.01-198.4,1.82v-15l46.65-28,93.6-.78,2-.01.66-.01,2-.03,44.94-.37,2.01-.01.64-.01,2-.01L315,509.3l.38-.01,35.55-.3h.29l277.4-2.34,6.79-.05h.68l5.18-.05,37.65-.31,2-.03,1.85-.02h.96l11.71-.09,2.32-.03,3.11-.02,9.75-.09,15.47-.13,2-.02,3.48-.02h.65l74.71-.64Z" fill="#65617d"/>
|
||||
<path id="Path_302" data-name="Path 302" d="M863.09,533.65v13l-151.92,1.4-1.62.03-57.74.53-1.38.02-17.55.15h-.52l-106.98.99L349.77,551.4h-.15l-44.65.42-.48.01-198.4,1.82v-15l46.65-28,93.6-.78,2-.01.66-.01,2-.03,44.94-.37,2.01-.01.64-.01,2-.01L315,509.3l.38-.01,35.55-.3h.29l277.4-2.34,6.79-.05h.68l5.18-.05,37.65-.31,2-.03,1.85-.02h.96l11.71-.09,2.32-.03,3.11-.02,9.75-.09,15.47-.13,2-.02,3.48-.02h.65l74.71-.64Z" opacity="0.2"/>
|
||||
<path id="Path_303" data-name="Path 303" d="M375.44,656.57v24.49a6.13,6.13,0,0,1-3.5,5.54,6,6,0,0,1-2.5.6l-34.9.74a6,6,0,0,1-2.7-.57,6.12,6.12,0,0,1-3.57-5.57V656.57Z" transform="translate(-79.34 -172.91)" fill="#3f3d56"/>
|
||||
<path id="Path_304" data-name="Path 304" d="M375.44,656.57v24.49a6.13,6.13,0,0,1-3.5,5.54,6,6,0,0,1-2.5.6l-34.9.74a6,6,0,0,1-2.7-.57,6.12,6.12,0,0,1-3.57-5.57V656.57Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_305" data-name="Path 305" d="M377.44,656.57v24.49a6.13,6.13,0,0,1-3.5,5.54,6,6,0,0,1-2.5.6l-34.9.74a6,6,0,0,1-2.7-.57,6.12,6.12,0,0,1-3.57-5.57V656.57Z" transform="translate(-79.34 -172.91)" fill="#3f3d56"/>
|
||||
<rect id="Rectangle_137" data-name="Rectangle 137" width="47.17" height="31.5" transform="translate(680.92 483.65)" fill="#3f3d56"/>
|
||||
<rect id="Rectangle_138" data-name="Rectangle 138" width="47.17" height="31.5" transform="translate(680.92 483.65)" opacity="0.1"/>
|
||||
<rect id="Rectangle_139" data-name="Rectangle 139" width="47.17" height="31.5" transform="translate(678.92 483.65)" fill="#3f3d56"/>
|
||||
<path id="Path_306" data-name="Path 306" d="M298.09,483.65v4.97l-47.17,1.26v-6.23Z" opacity="0.1"/>
|
||||
<path id="Path_307" data-name="Path 307" d="M460.69,485.27v168.2a4,4,0,0,1-3.85,3.95l-191.65,5.1h-.05a4,4,0,0,1-3.95-3.95V485.27a4,4,0,0,1,3.95-3.95h191.6a4,4,0,0,1,3.95,3.95Z" transform="translate(-79.34 -172.91)" fill="#65617d"/>
|
||||
<path id="Path_308" data-name="Path 308" d="M265.19,481.32v181.2h-.05a4,4,0,0,1-3.95-3.95V485.27a4,4,0,0,1,3.95-3.95Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_309" data-name="Path 309" d="M194.59,319.15h177.5V467.4l-177.5,4Z" fill="#39374d"/>
|
||||
<path id="Path_310" data-name="Path 310" d="M726.09,483.65v6.41l-47.17-1.26v-5.15Z" opacity="0.1"/>
|
||||
<path id="Path_311" data-name="Path 311" d="M867.69,485.27v173.3a4,4,0,0,1-4,3.95h0L672,657.42a4,4,0,0,1-3.85-3.95V485.27a4,4,0,0,1,3.95-3.95H863.7a4,4,0,0,1,3.99,3.95Z" transform="translate(-79.34 -172.91)" fill="#65617d"/>
|
||||
<path id="Path_312" data-name="Path 312" d="M867.69,485.27v173.3a4,4,0,0,1-4,3.95h0V481.32h0a4,4,0,0,1,4,3.95Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_313" data-name="Path 313" d="M775.59,319.15H598.09V467.4l177.5,4Z" fill="#39374d"/>
|
||||
<path id="Path_314" data-name="Path 314" d="M663.19,485.27v168.2a4,4,0,0,1-3.85,3.95l-191.65,5.1h0a4,4,0,0,1-4-3.95V485.27a4,4,0,0,1,3.95-3.95h191.6A4,4,0,0,1,663.19,485.27Z" transform="translate(-79.34 -172.91)" fill="#65617d"/>
|
||||
<path id="Path_315" data-name="Path 315" d="M397.09,319.15h177.5V467.4l-177.5,4Z" fill="#4267b2"/>
|
||||
<path id="Path_316" data-name="Path 316" d="M863.09,533.65v13l-151.92,1.4-1.62.03-57.74.53-1.38.02-17.55.15h-.52l-106.98.99L349.77,551.4h-.15l-44.65.42-.48.01-198.4,1.82v-15l202.51-1.33h.48l40.99-.28h.19l283.08-1.87h.29l.17-.01h.47l4.79-.03h1.46l74.49-.5,4.4-.02.98-.01Z" opacity="0.1"/>
|
||||
<circle id="Ellipse_111" data-name="Ellipse 111" cx="51.33" cy="51.33" r="51.33" transform="translate(435.93 246.82)" fill="#fbbebe"/>
|
||||
<path id="Path_317" data-name="Path 317" d="M617.94,550.07s-99.5,12-90,0c3.44-4.34,4.39-17.2,4.2-31.85-.06-4.45-.22-9.06-.45-13.65-1.1-22-3.75-43.5-3.75-43.5s87-41,77-8.5c-4,13.13-2.69,31.57.35,48.88.89,5.05,1.92,10,3,14.7a344.66,344.66,0,0,0,9.65,33.92Z" transform="translate(-79.34 -172.91)" fill="#fbbebe"/>
|
||||
<path id="Path_318" data-name="Path 318" d="M585.47,546c11.51-2.13,23.7-6,34.53-1.54,2.85,1.17,5.47,2.88,8.39,3.86s6.12,1.22,9.16,1.91c10.68,2.42,19.34,10.55,24.9,20s8.44,20.14,11.26,30.72l6.9,25.83c6,22.45,12,45.09,13.39,68.3a2437.506,2437.506,0,0,1-250.84,1.43c5.44-10.34,11-21.31,10.54-33s-7.19-23.22-4.76-34.74c1.55-7.34,6.57-13.39,9.64-20.22,8.75-19.52,1.94-45.79,17.32-60.65,6.92-6.68,17-9.21,26.63-8.89,12.28.41,24.85,4.24,37,6.11C555.09,547.48,569.79,548.88,585.47,546Z" transform="translate(-79.34 -172.91)" fill="#ff6584"/>
|
||||
<path id="Path_319" data-name="Path 319" d="M716.37,657.17l-.1,1.43v.1l-.17,2.3-1.33,18.51-1.61,22.3-.46,6.28-1,13.44v.17l-107,1-175.59,1.9v.84h-.14v-1.12l.45-14.36.86-28.06.74-23.79.07-2.37a10.53,10.53,0,0,1,11.42-10.17c4.72.4,10.85.89,18.18,1.41l3,.22c42.33,2.94,120.56,6.74,199.5,2,1.66-.09,3.33-.19,5-.31,12.24-.77,24.47-1.76,36.58-3a10.53,10.53,0,0,1,11.6,11.23Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_320" data-name="Path 320" d="M429.08,725.44v-.84l175.62-1.91,107-1h.3v-.17l1-13.44.43-6,1.64-22.61,1.29-17.9v-.44a10.617,10.617,0,0,0-.11-2.47.3.3,0,0,0,0-.1,10.391,10.391,0,0,0-2-4.64,10.54,10.54,0,0,0-9.42-4c-12.11,1.24-24.34,2.23-36.58,3-1.67.12-3.34.22-5,.31-78.94,4.69-157.17.89-199.5-2l-3-.22c-7.33-.52-13.46-1-18.18-1.41a10.54,10.54,0,0,0-11.24,8.53,11,11,0,0,0-.18,1.64l-.68,22.16L429.54,710l-.44,14.36v1.12Z" transform="translate(-79.34 -172.91)" fill="#3f3d56"/>
|
||||
<path id="Path_321" data-name="Path 321" d="M716.67,664.18l-1.23,15.33-1.83,22.85-.46,5.72-1,12.81-.06.64v.17h0l-.15,1.48.11-1.48h-.29l-107,1-175.65,1.9v-.28l.49-14.36,1-28.06.64-18.65A6.36,6.36,0,0,1,434.3,658a6.25,6.25,0,0,1,3.78-.9c2.1.17,4.68.37,7.69.59,4.89.36,10.92.78,17.94,1.22,13,.82,29.31,1.7,48,2.42,52,2,122.2,2.67,188.88-3.17,3-.26,6.1-.55,9.13-.84a6.26,6.26,0,0,1,3.48.66,5.159,5.159,0,0,1,.86.54,6.14,6.14,0,0,1,2,2.46,3.564,3.564,0,0,1,.25.61A6.279,6.279,0,0,1,716.67,664.18Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_322" data-name="Path 322" d="M377.44,677.87v3.19a6.13,6.13,0,0,1-3.5,5.54l-40.1.77a6.12,6.12,0,0,1-3.57-5.57v-3Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_323" data-name="Path 323" d="M298.59,515.57l-52.25,1V507.9l52.25-1Z" fill="#3f3d56"/>
|
||||
<path id="Path_324" data-name="Path 324" d="M298.59,515.57l-52.25,1V507.9l52.25-1Z" opacity="0.1"/>
|
||||
<path id="Path_325" data-name="Path 325" d="M300.59,515.57l-52.25,1V507.9l52.25-1Z" fill="#3f3d56"/>
|
||||
<path id="Path_326" data-name="Path 326" d="M758.56,679.87v3.19a6.13,6.13,0,0,0,3.5,5.54l40.1.77a6.12,6.12,0,0,0,3.57-5.57v-3Z" transform="translate(-79.34 -172.91)" opacity="0.1"/>
|
||||
<path id="Path_327" data-name="Path 327" d="M678.72,517.57l52.25,1V509.9l-52.25-1Z" opacity="0.1"/>
|
||||
<path id="Path_328" data-name="Path 328" d="M676.72,517.57l52.25,1V509.9l-52.25-1Z" fill="#3f3d56"/>
|
||||
<path id="Path_329" data-name="Path 329" d="M534.13,486.79c.08,7-3.16,13.6-5.91,20.07a163.491,163.491,0,0,0-12.66,74.71c.73,11,2.58,22,.73,32.9s-8.43,21.77-19,24.9c17.53,10.45,41.26,9.35,57.76-2.66,8.79-6.4,15.34-15.33,21.75-24.11a97.86,97.86,0,0,1-13.31,44.75A103.43,103.43,0,0,0,637,616.53c4.31-5.81,8.06-12.19,9.72-19.23,3.09-13-1.22-26.51-4.51-39.5a266.055,266.055,0,0,1-6.17-33c-.43-3.56-.78-7.22.1-10.7,1-4.07,3.67-7.51,5.64-11.22,5.6-10.54,5.73-23.3,2.86-34.88s-8.49-22.26-14.06-32.81c-4.46-8.46-9.3-17.31-17.46-22.28-5.1-3.1-11-4.39-16.88-5.64l-25.37-5.43c-5.55-1.19-11.26-2.38-16.87-1.51-9.47,1.48-16.14,8.32-22,15.34-4.59,5.46-15.81,15.71-16.6,22.86-.72,6.59,5.1,17.63,6.09,24.58,1.3,9,2.22,6,7.3,11.52C532,478.05,534.07,482,534.13,486.79Z" transform="translate(-79.34 -172.91)" fill="#3f3d56"/>
|
||||
</g>
|
||||
<g id="docusaurus_keytar" transform="translate(670.271 615.768)">
|
||||
<path id="Path_40" data-name="Path 40" d="M99,52h43.635V69.662H99Z" transform="translate(-49.132 -33.936)" fill="#fff" fill-rule="evenodd"/>
|
||||
<path id="Path_41" data-name="Path 41" d="M13.389,158.195A10.377,10.377,0,0,1,4.4,153a10.377,10.377,0,0,0,8.988,15.584H23.779V158.195Z" transform="translate(-3 -82.47)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_42" data-name="Path 42" d="M66.967,38.083l36.373-2.273V30.615A10.389,10.389,0,0,0,92.95,20.226H46.2l-1.3-2.249a1.5,1.5,0,0,0-2.6,0L41,20.226l-1.3-2.249a1.5,1.5,0,0,0-2.6,0l-1.3,2.249-1.3-2.249a1.5,1.5,0,0,0-2.6,0l-1.3,2.249-.034,0-2.152-2.151a1.5,1.5,0,0,0-2.508.672L25.21,21.4l-2.7-.723a1.5,1.5,0,0,0-1.836,1.837l.722,2.7-2.65.71a1.5,1.5,0,0,0-.673,2.509l2.152,2.152c0,.011,0,.022,0,.033l-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6L20.226,41l-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3-2.249,1.3a1.5,1.5,0,0,0,0,2.6l2.249,1.3A10.389,10.389,0,0,0,30.615,103.34H92.95A10.389,10.389,0,0,0,103.34,92.95V51.393L66.967,49.12a5.53,5.53,0,0,1,0-11.038" transform="translate(-9.836 -17.226)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_43" data-name="Path 43" d="M143,163.779h15.584V143H143Z" transform="translate(-70.275 -77.665)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_44" data-name="Path 44" d="M173.779,148.389a2.582,2.582,0,0,0-.332.033c-.02-.078-.038-.156-.06-.234a2.594,2.594,0,1,0-2.567-4.455q-.086-.088-.174-.175a2.593,2.593,0,1,0-4.461-2.569c-.077-.022-.154-.04-.231-.06a2.6,2.6,0,1,0-5.128,0c-.077.02-.154.038-.231.06a2.594,2.594,0,1,0-4.461,2.569,10.384,10.384,0,1,0,17.314,9.992,2.592,2.592,0,1,0,.332-5.161" transform="translate(-75.08 -75.262)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_45" data-name="Path 45" d="M153,113.389h15.584V103H153Z" transform="translate(-75.08 -58.444)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_46" data-name="Path 46" d="M183.389,108.944a1.3,1.3,0,1,0,0-2.6,1.336,1.336,0,0,0-.166.017c-.01-.039-.019-.078-.03-.117a1.3,1.3,0,0,0-.5-2.5,1.285,1.285,0,0,0-.783.269q-.043-.044-.087-.087a1.285,1.285,0,0,0,.263-.776,1.3,1.3,0,0,0-2.493-.509,5.195,5.195,0,1,0,0,10,1.3,1.3,0,0,0,2.493-.509,1.285,1.285,0,0,0-.263-.776q.044-.043.087-.087a1.285,1.285,0,0,0,.783.269,1.3,1.3,0,0,0,.5-2.5c.011-.038.02-.078.03-.117a1.337,1.337,0,0,0,.166.017" transform="translate(-84.691 -57.894)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_47" data-name="Path 47" d="M52.188,48.292a1.3,1.3,0,0,1-1.3-1.3,3.9,3.9,0,0,0-7.792,0,1.3,1.3,0,1,1-2.6,0,6.493,6.493,0,0,1,12.987,0,1.3,1.3,0,0,1-1.3,1.3" transform="translate(-21.02 -28.41)" fill-rule="evenodd"/>
|
||||
<path id="Path_48" data-name="Path 48" d="M103,139.752h31.168a10.389,10.389,0,0,0,10.389-10.389V93H113.389A10.389,10.389,0,0,0,103,103.389Z" transform="translate(-51.054 -53.638)" fill="#ffff50" fill-rule="evenodd"/>
|
||||
<path id="Path_49" data-name="Path 49" d="M141.1,94.017H115.106a.519.519,0,1,1,0-1.039H141.1a.519.519,0,0,1,0,1.039m0,10.389H115.106a.519.519,0,1,1,0-1.039H141.1a.519.519,0,0,1,0,1.039m0,10.389H115.106a.519.519,0,1,1,0-1.039H141.1a.519.519,0,0,1,0,1.039m0-25.877H115.106a.519.519,0,1,1,0-1.039H141.1a.519.519,0,0,1,0,1.039m0,10.293H115.106a.519.519,0,1,1,0-1.039H141.1a.519.519,0,0,1,0,1.039m0,10.389H115.106a.519.519,0,1,1,0-1.039H141.1a.519.519,0,0,1,0,1.039m7.782-47.993c-.006,0-.011,0-.018,0-1.605.055-2.365,1.66-3.035,3.077-.7,1.48-1.24,2.443-2.126,2.414-.981-.035-1.542-1.144-2.137-2.317-.683-1.347-1.462-2.876-3.1-2.819-1.582.054-2.344,1.451-3.017,2.684-.715,1.313-1.2,2.112-2.141,2.075-1-.036-1.533-.938-2.149-1.981-.686-1.162-1.479-2.467-3.084-2.423-1.555.053-2.319,1.239-2.994,2.286-.713,1.106-1.213,1.781-2.164,1.741-1.025-.036-1.554-.784-2.167-1.65-.688-.973-1.463-2.074-3.062-2.021a3.815,3.815,0,0,0-2.959,1.879c-.64.812-1.14,1.456-2.2,1.415a.52.52,0,0,0-.037,1.039,3.588,3.588,0,0,0,3.05-1.811c.611-.777,1.139-1.448,2.178-1.483,1-.043,1.47.579,2.179,1.582.674.953,1.438,2.033,2.977,2.089,1.612.054,2.387-1.151,3.074-2.217.614-.953,1.144-1.775,2.156-1.81.931-.035,1.438.7,2.153,1.912.674,1.141,1.437,2.434,3.006,2.491,1.623.056,2.407-1.361,3.09-2.616.592-1.085,1.15-2.109,2.14-2.143.931-.022,1.417.829,2.135,2.249.671,1.326,1.432,2.828,3.026,2.886l.088,0c1.592,0,2.347-1.6,3.015-3.01.592-1.252,1.152-2.431,2.113-2.479Z" transform="translate(-55.378 -38.552)" fill-rule="evenodd"/>
|
||||
<path id="Path_50" data-name="Path 50" d="M83,163.779h20.779V143H83Z" transform="translate(-41.443 -77.665)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<g id="Group_8" data-name="Group 8" transform="matrix(0.966, -0.259, 0.259, 0.966, 51.971, 43.3)">
|
||||
<rect id="Rectangle_3" data-name="Rectangle 3" width="43.906" height="17.333" rx="2" transform="translate(0 0)" fill="#d8d8d8"/>
|
||||
<g id="Group_2" data-name="Group 2" transform="translate(0.728 10.948)">
|
||||
<rect id="Rectangle_4" data-name="Rectangle 4" width="2.537" height="2.537" rx="1" transform="translate(7.985 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_5" data-name="Rectangle 5" width="2.537" height="2.537" rx="1" transform="translate(10.991 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_6" data-name="Rectangle 6" width="2.537" height="2.537" rx="1" transform="translate(13.997 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_7" data-name="Rectangle 7" width="2.537" height="2.537" rx="1" transform="translate(17.003 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_8" data-name="Rectangle 8" width="2.537" height="2.537" rx="1" transform="translate(20.009 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_9" data-name="Rectangle 9" width="2.537" height="2.537" rx="1" transform="translate(23.015 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_10" data-name="Rectangle 10" width="2.537" height="2.537" rx="1" transform="translate(26.021 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_11" data-name="Rectangle 11" width="2.537" height="2.537" rx="1" transform="translate(29.028 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_12" data-name="Rectangle 12" width="2.537" height="2.537" rx="1" transform="translate(32.034 0)" fill="#4a4a4a"/>
|
||||
<path id="Path_51" data-name="Path 51" d="M.519,0H6.9A.519.519,0,0,1,7.421.52v1.5a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,2.017V.519A.519.519,0,0,1,.519,0ZM35.653,0h6.383a.519.519,0,0,1,.519.519v1.5a.519.519,0,0,1-.519.519H35.652a.519.519,0,0,1-.519-.519V.519A.519.519,0,0,1,35.652,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
</g>
|
||||
<g id="Group_3" data-name="Group 3" transform="translate(0.728 4.878)">
|
||||
<path id="Path_52" data-name="Path 52" d="M.519,0H2.956a.519.519,0,0,1,.519.519v1.5a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,2.017V.519A.519.519,0,0,1,.519,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<rect id="Rectangle_13" data-name="Rectangle 13" width="2.537" height="2.537" rx="1" transform="translate(3.945 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_14" data-name="Rectangle 14" width="2.537" height="2.537" rx="1" transform="translate(6.951 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_15" data-name="Rectangle 15" width="2.537" height="2.537" rx="1" transform="translate(9.958 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_16" data-name="Rectangle 16" width="2.537" height="2.537" rx="1" transform="translate(12.964 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_17" data-name="Rectangle 17" width="2.537" height="2.537" rx="1" transform="translate(15.97 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_18" data-name="Rectangle 18" width="2.537" height="2.537" rx="1" transform="translate(18.976 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_19" data-name="Rectangle 19" width="2.537" height="2.537" rx="1" transform="translate(21.982 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_20" data-name="Rectangle 20" width="2.537" height="2.537" rx="1" transform="translate(24.988 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_21" data-name="Rectangle 21" width="2.537" height="2.537" rx="1" transform="translate(27.994 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_22" data-name="Rectangle 22" width="2.537" height="2.537" rx="1" transform="translate(31 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_23" data-name="Rectangle 23" width="2.537" height="2.537" rx="1" transform="translate(34.006 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_24" data-name="Rectangle 24" width="2.537" height="2.537" rx="1" transform="translate(37.012 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_25" data-name="Rectangle 25" width="2.537" height="2.537" rx="1" transform="translate(40.018 0)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<g id="Group_4" data-name="Group 4" transform="translate(43.283 4.538) rotate(180)">
|
||||
<path id="Path_53" data-name="Path 53" d="M.519,0H2.956a.519.519,0,0,1,.519.519v1.5a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,2.017V.519A.519.519,0,0,1,.519,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<rect id="Rectangle_26" data-name="Rectangle 26" width="2.537" height="2.537" rx="1" transform="translate(3.945 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_27" data-name="Rectangle 27" width="2.537" height="2.537" rx="1" transform="translate(6.951 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_28" data-name="Rectangle 28" width="2.537" height="2.537" rx="1" transform="translate(9.958 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_29" data-name="Rectangle 29" width="2.537" height="2.537" rx="1" transform="translate(12.964 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_30" data-name="Rectangle 30" width="2.537" height="2.537" rx="1" transform="translate(15.97 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_31" data-name="Rectangle 31" width="2.537" height="2.537" rx="1" transform="translate(18.976 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_32" data-name="Rectangle 32" width="2.537" height="2.537" rx="1" transform="translate(21.982 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_33" data-name="Rectangle 33" width="2.537" height="2.537" rx="1" transform="translate(24.988 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_34" data-name="Rectangle 34" width="2.537" height="2.537" rx="1" transform="translate(27.994 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_35" data-name="Rectangle 35" width="2.537" height="2.537" rx="1" transform="translate(31.001 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_36" data-name="Rectangle 36" width="2.537" height="2.537" rx="1" transform="translate(34.007 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_37" data-name="Rectangle 37" width="2.537" height="2.537" rx="1" transform="translate(37.013 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_38" data-name="Rectangle 38" width="2.537" height="2.537" rx="1" transform="translate(40.018 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_39" data-name="Rectangle 39" width="2.537" height="2.537" rx="1" transform="translate(3.945 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_40" data-name="Rectangle 40" width="2.537" height="2.537" rx="1" transform="translate(6.951 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_41" data-name="Rectangle 41" width="2.537" height="2.537" rx="1" transform="translate(9.958 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_42" data-name="Rectangle 42" width="2.537" height="2.537" rx="1" transform="translate(12.964 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_43" data-name="Rectangle 43" width="2.537" height="2.537" rx="1" transform="translate(15.97 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_44" data-name="Rectangle 44" width="2.537" height="2.537" rx="1" transform="translate(18.976 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_45" data-name="Rectangle 45" width="2.537" height="2.537" rx="1" transform="translate(21.982 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_46" data-name="Rectangle 46" width="2.537" height="2.537" rx="1" transform="translate(24.988 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_47" data-name="Rectangle 47" width="2.537" height="2.537" rx="1" transform="translate(27.994 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_48" data-name="Rectangle 48" width="2.537" height="2.537" rx="1" transform="translate(31.001 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_49" data-name="Rectangle 49" width="2.537" height="2.537" rx="1" transform="translate(34.007 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_50" data-name="Rectangle 50" width="2.537" height="2.537" rx="1" transform="translate(37.013 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_51" data-name="Rectangle 51" width="2.537" height="2.537" rx="1" transform="translate(40.018 0)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<g id="Group_6" data-name="Group 6" transform="translate(0.728 7.883)">
|
||||
<path id="Path_54" data-name="Path 54" d="M.519,0h3.47a.519.519,0,0,1,.519.519v1.5a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,2.017V.52A.519.519,0,0,1,.519,0Z" transform="translate(0 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<g id="Group_5" data-name="Group 5" transform="translate(5.073 0)">
|
||||
<rect id="Rectangle_52" data-name="Rectangle 52" width="2.537" height="2.537" rx="1" transform="translate(0 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_53" data-name="Rectangle 53" width="2.537" height="2.537" rx="1" transform="translate(3.006 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_54" data-name="Rectangle 54" width="2.537" height="2.537" rx="1" transform="translate(6.012 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_55" data-name="Rectangle 55" width="2.537" height="2.537" rx="1" transform="translate(9.018 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_56" data-name="Rectangle 56" width="2.537" height="2.537" rx="1" transform="translate(12.025 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_57" data-name="Rectangle 57" width="2.537" height="2.537" rx="1" transform="translate(15.031 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_58" data-name="Rectangle 58" width="2.537" height="2.537" rx="1" transform="translate(18.037 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_59" data-name="Rectangle 59" width="2.537" height="2.537" rx="1" transform="translate(21.042 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_60" data-name="Rectangle 60" width="2.537" height="2.537" rx="1" transform="translate(24.049 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_61" data-name="Rectangle 61" width="2.537" height="2.537" rx="1" transform="translate(27.055 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_62" data-name="Rectangle 62" width="2.537" height="2.537" rx="1" transform="translate(30.061 0)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<path id="Path_55" data-name="Path 55" d="M.52,0H3.8a.519.519,0,0,1,.519.519v1.5a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,2.017V.52A.519.519,0,0,1,.519,0Z" transform="translate(38.234 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
</g>
|
||||
<g id="Group_7" data-name="Group 7" transform="translate(0.728 14.084)">
|
||||
<rect id="Rectangle_63" data-name="Rectangle 63" width="2.537" height="2.537" rx="1" transform="translate(0 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_64" data-name="Rectangle 64" width="2.537" height="2.537" rx="1" transform="translate(3.006 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_65" data-name="Rectangle 65" width="2.537" height="2.537" rx="1" transform="translate(6.012 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_66" data-name="Rectangle 66" width="2.537" height="2.537" rx="1" transform="translate(9.018 0)" fill="#4a4a4a"/>
|
||||
<path id="Path_56" data-name="Path 56" d="M.519,0H14.981A.519.519,0,0,1,15.5.519v1.5a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,2.018V.519A.519.519,0,0,1,.519,0Zm15.97,0h1.874a.519.519,0,0,1,.519.519v1.5a.519.519,0,0,1-.519.519H16.489a.519.519,0,0,1-.519-.519V.519A.519.519,0,0,1,16.489,0Z" transform="translate(12.024 0)" fill="#4a4a4a" fill-rule="evenodd"/>
|
||||
<rect id="Rectangle_67" data-name="Rectangle 67" width="2.537" height="2.537" rx="1" transform="translate(31.376 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_68" data-name="Rectangle 68" width="2.537" height="2.537" rx="1" transform="translate(34.382 0)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_69" data-name="Rectangle 69" width="2.537" height="2.537" rx="1" transform="translate(40.018 0)" fill="#4a4a4a"/>
|
||||
<path id="Path_57" data-name="Path 57" d="M2.537,0V.561a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,.561V0Z" transform="translate(39.736 1.08) rotate(180)" fill="#4a4a4a"/>
|
||||
<path id="Path_58" data-name="Path 58" d="M2.537,0V.561a.519.519,0,0,1-.519.519H.519A.519.519,0,0,1,0,.561V0Z" transform="translate(37.2 1.456)" fill="#4a4a4a"/>
|
||||
</g>
|
||||
<rect id="Rectangle_70" data-name="Rectangle 70" width="42.273" height="1.127" rx="0.564" transform="translate(0.915 0.556)" fill="#4a4a4a"/>
|
||||
<rect id="Rectangle_71" data-name="Rectangle 71" width="2.37" height="0.752" rx="0.376" transform="translate(1.949 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_72" data-name="Rectangle 72" width="2.37" height="0.752" rx="0.376" transform="translate(5.193 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_73" data-name="Rectangle 73" width="2.37" height="0.752" rx="0.376" transform="translate(7.688 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_74" data-name="Rectangle 74" width="2.37" height="0.752" rx="0.376" transform="translate(10.183 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_75" data-name="Rectangle 75" width="2.37" height="0.752" rx="0.376" transform="translate(12.679 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_76" data-name="Rectangle 76" width="2.37" height="0.752" rx="0.376" transform="translate(15.797 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_77" data-name="Rectangle 77" width="2.37" height="0.752" rx="0.376" transform="translate(18.292 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_78" data-name="Rectangle 78" width="2.37" height="0.752" rx="0.376" transform="translate(20.788 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_79" data-name="Rectangle 79" width="2.37" height="0.752" rx="0.376" transform="translate(23.283 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_80" data-name="Rectangle 80" width="2.37" height="0.752" rx="0.376" transform="translate(26.402 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_81" data-name="Rectangle 81" width="2.37" height="0.752" rx="0.376" transform="translate(28.897 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_82" data-name="Rectangle 82" width="2.37" height="0.752" rx="0.376" transform="translate(31.393 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_83" data-name="Rectangle 83" width="2.37" height="0.752" rx="0.376" transform="translate(34.512 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_84" data-name="Rectangle 84" width="2.37" height="0.752" rx="0.376" transform="translate(37.007 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
<rect id="Rectangle_85" data-name="Rectangle 85" width="2.37" height="0.752" rx="0.376" transform="translate(39.502 0.744)" fill="#d8d8d8" opacity="0.136"/>
|
||||
</g>
|
||||
<path id="Path_59" data-name="Path 59" d="M123.779,148.389a2.583,2.583,0,0,0-.332.033c-.02-.078-.038-.156-.06-.234a2.594,2.594,0,1,0-2.567-4.455q-.086-.088-.174-.175a2.593,2.593,0,1,0-4.461-2.569c-.077-.022-.154-.04-.231-.06a2.6,2.6,0,1,0-5.128,0c-.077.02-.154.038-.231.06a2.594,2.594,0,1,0-4.461,2.569,10.384,10.384,0,1,0,17.314,9.992,2.592,2.592,0,1,0,.332-5.161" transform="translate(-51.054 -75.262)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_60" data-name="Path 60" d="M83,113.389h20.779V103H83Z" transform="translate(-41.443 -58.444)" fill="#3ecc5f" fill-rule="evenodd"/>
|
||||
<path id="Path_61" data-name="Path 61" d="M123.389,108.944a1.3,1.3,0,1,0,0-2.6,1.338,1.338,0,0,0-.166.017c-.01-.039-.019-.078-.03-.117a1.3,1.3,0,0,0-.5-2.5,1.285,1.285,0,0,0-.783.269q-.043-.044-.087-.087a1.285,1.285,0,0,0,.263-.776,1.3,1.3,0,0,0-2.493-.509,5.195,5.195,0,1,0,0,10,1.3,1.3,0,0,0,2.493-.509,1.285,1.285,0,0,0-.263-.776q.044-.043.087-.087a1.285,1.285,0,0,0,.783.269,1.3,1.3,0,0,0,.5-2.5c.011-.038.02-.078.03-.117a1.335,1.335,0,0,0,.166.017" transform="translate(-55.859 -57.894)" fill="#44d860" fill-rule="evenodd"/>
|
||||
<path id="Path_62" data-name="Path 62" d="M141.8,38.745a1.41,1.41,0,0,1-.255-.026,1.309,1.309,0,0,1-.244-.073,1.349,1.349,0,0,1-.224-.119,1.967,1.967,0,0,1-.2-.161,1.52,1.52,0,0,1-.161-.2,1.282,1.282,0,0,1-.218-.722,1.41,1.41,0,0,1,.026-.255,1.5,1.5,0,0,1,.072-.244,1.364,1.364,0,0,1,.12-.223,1.252,1.252,0,0,1,.358-.358,1.349,1.349,0,0,1,.224-.119,1.309,1.309,0,0,1,.244-.073,1.2,1.2,0,0,1,.509,0,1.262,1.262,0,0,1,.468.192,1.968,1.968,0,0,1,.2.161,1.908,1.908,0,0,1,.161.2,1.322,1.322,0,0,1,.12.223,1.361,1.361,0,0,1,.1.5,1.317,1.317,0,0,1-.379.919,1.968,1.968,0,0,1-.2.161,1.346,1.346,0,0,1-.223.119,1.332,1.332,0,0,1-.5.1m10.389-.649a1.326,1.326,0,0,1-.92-.379,1.979,1.979,0,0,1-.161-.2,1.282,1.282,0,0,1-.218-.722,1.326,1.326,0,0,1,.379-.919,1.967,1.967,0,0,1,.2-.161,1.351,1.351,0,0,1,.224-.119,1.308,1.308,0,0,1,.244-.073,1.2,1.2,0,0,1,.509,0,1.262,1.262,0,0,1,.468.192,1.967,1.967,0,0,1,.2.161,1.326,1.326,0,0,1,.379.919,1.461,1.461,0,0,1-.026.255,1.323,1.323,0,0,1-.073.244,1.847,1.847,0,0,1-.119.223,1.911,1.911,0,0,1-.161.2,1.967,1.967,0,0,1-.2.161,1.294,1.294,0,0,1-.722.218" transform="translate(-69.074 -26.006)" fill-rule="evenodd"/>
|
||||
</g>
|
||||
<g id="React-icon" transform="translate(906.3 541.56)">
|
||||
<path id="Path_330" data-name="Path 330" d="M263.668,117.179c0-5.827-7.3-11.35-18.487-14.775,2.582-11.4,1.434-20.477-3.622-23.382a7.861,7.861,0,0,0-4.016-1v4a4.152,4.152,0,0,1,2.044.466c2.439,1.4,3.5,6.724,2.672,13.574-.2,1.685-.52,3.461-.914,5.272a86.9,86.9,0,0,0-11.386-1.954,87.469,87.469,0,0,0-7.459-8.965c5.845-5.433,11.332-8.41,15.062-8.41V78h0c-4.931,0-11.386,3.514-17.913,9.611-6.527-6.061-12.982-9.539-17.913-9.539v4c3.712,0,9.216,2.959,15.062,8.356a84.687,84.687,0,0,0-7.405,8.947,83.732,83.732,0,0,0-11.4,1.972c-.412-1.793-.717-3.532-.932-5.2-.843-6.85.2-12.175,2.618-13.592a3.991,3.991,0,0,1,2.062-.466v-4h0a8,8,0,0,0-4.052,1c-5.039,2.9-6.168,11.96-3.568,23.328-11.153,3.443-18.415,8.947-18.415,14.757,0,5.828,7.3,11.35,18.487,14.775-2.582,11.4-1.434,20.477,3.622,23.382a7.882,7.882,0,0,0,4.034,1c4.931,0,11.386-3.514,17.913-9.611,6.527,6.061,12.982,9.539,17.913,9.539a8,8,0,0,0,4.052-1c5.039-2.9,6.168-11.96,3.568-23.328C256.406,128.511,263.668,122.988,263.668,117.179Zm-23.346-11.96c-.663,2.313-1.488,4.7-2.421,7.083-.735-1.434-1.506-2.869-2.349-4.3-.825-1.434-1.7-2.833-2.582-4.2C235.517,104.179,237.974,104.645,240.323,105.219Zm-8.212,19.1c-1.4,2.421-2.833,4.716-4.321,6.85-2.672.233-5.379.359-8.1.359-2.708,0-5.415-.126-8.069-.341q-2.232-3.2-4.339-6.814-2.044-3.523-3.73-7.136c1.112-2.4,2.367-4.805,3.712-7.154,1.4-2.421,2.833-4.716,4.321-6.85,2.672-.233,5.379-.359,8.1-.359,2.708,0,5.415.126,8.069.341q2.232,3.2,4.339,6.814,2.044,3.523,3.73,7.136C234.692,119.564,233.455,121.966,232.11,124.315Zm5.792-2.331c.968,2.4,1.793,4.805,2.474,7.136-2.349.574-4.823,1.058-7.387,1.434.879-1.381,1.757-2.8,2.582-4.25C236.4,124.871,237.167,123.419,237.9,121.984ZM219.72,141.116a73.921,73.921,0,0,1-4.985-5.738c1.614.072,3.263.126,4.931.126,1.685,0,3.353-.036,4.985-.126A69.993,69.993,0,0,1,219.72,141.116ZM206.38,130.555c-2.546-.377-5-.843-7.352-1.417.663-2.313,1.488-4.7,2.421-7.083.735,1.434,1.506,2.869,2.349,4.3S205.5,129.192,206.38,130.555ZM219.63,93.241a73.924,73.924,0,0,1,4.985,5.738c-1.614-.072-3.263-.126-4.931-.126-1.686,0-3.353.036-4.985.126A69.993,69.993,0,0,1,219.63,93.241ZM206.362,103.8c-.879,1.381-1.757,2.8-2.582,4.25-.825,1.434-1.6,2.869-2.331,4.3-.968-2.4-1.793-4.805-2.474-7.136C201.323,104.663,203.8,104.179,206.362,103.8Zm-16.227,22.449c-6.348-2.708-10.454-6.258-10.454-9.073s4.106-6.383,10.454-9.073c1.542-.663,3.228-1.255,4.967-1.811a86.122,86.122,0,0,0,4.034,10.92,84.9,84.9,0,0,0-3.981,10.866C193.38,127.525,191.694,126.915,190.134,126.252Zm9.647,25.623c-2.439-1.4-3.5-6.724-2.672-13.574.2-1.686.52-3.461.914-5.272a86.9,86.9,0,0,0,11.386,1.954,87.465,87.465,0,0,0,7.459,8.965c-5.845,5.433-11.332,8.41-15.062,8.41A4.279,4.279,0,0,1,199.781,151.875Zm42.532-13.663c.843,6.85-.2,12.175-2.618,13.592a3.99,3.99,0,0,1-2.062.466c-3.712,0-9.216-2.959-15.062-8.356a84.689,84.689,0,0,0,7.405-8.947,83.731,83.731,0,0,0,11.4-1.972A50.194,50.194,0,0,1,242.313,138.212Zm6.9-11.96c-1.542.663-3.228,1.255-4.967,1.811a86.12,86.12,0,0,0-4.034-10.92,84.9,84.9,0,0,0,3.981-10.866c1.775.556,3.461,1.165,5.039,1.829,6.348,2.708,10.454,6.258,10.454,9.073C259.67,119.994,255.564,123.562,249.216,126.252Z" fill="#61dafb"/>
|
||||
<path id="Path_331" data-name="Path 331" d="M320.8,78.4Z" transform="translate(-119.082 -0.328)" fill="#61dafb"/>
|
||||
<circle id="Ellipse_112" data-name="Ellipse 112" cx="8.194" cy="8.194" r="8.194" transform="translate(211.472 108.984)" fill="#61dafb"/>
|
||||
<path id="Path_332" data-name="Path 332" d="M520.5,78.1Z" transform="translate(-282.975 -0.082)" fill="#61dafb"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 35 KiB |
|
|
@ -0,0 +1,40 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="1129" height="663" viewBox="0 0 1129 663">
|
||||
<title>Focus on What Matters</title>
|
||||
<circle cx="321" cy="321" r="321" fill="#f2f2f2" />
|
||||
<ellipse cx="559" cy="635.49998" rx="514" ry="27.50002" fill="#3f3d56" />
|
||||
<ellipse cx="558" cy="627" rx="460" ry="22" opacity="0.2" />
|
||||
<rect x="131" y="152.5" width="840" height="50" fill="#3f3d56" />
|
||||
<path d="M166.5,727.3299A21.67009,21.67009,0,0,0,188.1701,749H984.8299A21.67009,21.67009,0,0,0,1006.5,727.3299V296h-840Z" transform="translate(-35.5 -118.5)" fill="#3f3d56" />
|
||||
<path d="M984.8299,236H188.1701A21.67009,21.67009,0,0,0,166.5,257.6701V296h840V257.6701A21.67009,21.67009,0,0,0,984.8299,236Z" transform="translate(-35.5 -118.5)" fill="#3f3d56" />
|
||||
<path d="M984.8299,236H188.1701A21.67009,21.67009,0,0,0,166.5,257.6701V296h840V257.6701A21.67009,21.67009,0,0,0,984.8299,236Z" transform="translate(-35.5 -118.5)" opacity="0.2" />
|
||||
<circle cx="181" cy="147.5" r="13" fill="#3f3d56" />
|
||||
<circle cx="217" cy="147.5" r="13" fill="#3f3d56" />
|
||||
<circle cx="253" cy="147.5" r="13" fill="#3f3d56" />
|
||||
<rect x="168" y="213.5" width="337" height="386" rx="5.33505" fill="#606060" />
|
||||
<rect x="603" y="272.5" width="284" height="22" rx="5.47638" fill="#2e8555" />
|
||||
<rect x="537" y="352.5" width="416" height="15" rx="5.47638" fill="#2e8555" />
|
||||
<rect x="537" y="396.5" width="416" height="15" rx="5.47638" fill="#2e8555" />
|
||||
<rect x="537" y="440.5" width="416" height="15" rx="5.47638" fill="#2e8555" />
|
||||
<rect x="537" y="484.5" width="416" height="15" rx="5.47638" fill="#2e8555" />
|
||||
<rect x="865" y="552.5" width="88" height="26" rx="7.02756" fill="#3ecc5f" />
|
||||
<path d="M1088.60287,624.61594a30.11371,30.11371,0,0,0,3.98291-15.266c0-13.79652-8.54358-24.98081-19.08256-24.98081s-19.08256,11.18429-19.08256,24.98081a30.11411,30.11411,0,0,0,3.98291,15.266,31.248,31.248,0,0,0,0,30.53213,31.248,31.248,0,0,0,0,30.53208,31.248,31.248,0,0,0,0,30.53208,30.11408,30.11408,0,0,0-3.98291,15.266c0,13.79652,8.54353,24.98081,19.08256,24.98081s19.08256-11.18429,19.08256-24.98081a30.11368,30.11368,0,0,0-3.98291-15.266,31.248,31.248,0,0,0,0-30.53208,31.248,31.248,0,0,0,0-30.53208,31.248,31.248,0,0,0,0-30.53213Z" transform="translate(-35.5 -118.5)" fill="#3f3d56" />
|
||||
<ellipse cx="1038.00321" cy="460.31783" rx="19.08256" ry="24.9808" fill="#3f3d56" />
|
||||
<ellipse cx="1038.00321" cy="429.78574" rx="19.08256" ry="24.9808" fill="#3f3d56" />
|
||||
<path d="M1144.93871,339.34489a91.61081,91.61081,0,0,0,7.10658-10.46092l-50.141-8.23491,54.22885.4033a91.566,91.566,0,0,0,1.74556-72.42605l-72.75449,37.74139,67.09658-49.32086a91.41255,91.41255,0,1,0-150.971,102.29805,91.45842,91.45842,0,0,0-10.42451,16.66946l65.0866,33.81447-69.40046-23.292a91.46011,91.46011,0,0,0,14.73837,85.83669,91.40575,91.40575,0,1,0,143.68892,0,91.41808,91.41808,0,0,0,0-113.02862Z" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M981.6885,395.8592a91.01343,91.01343,0,0,0,19.56129,56.51431,91.40575,91.40575,0,1,0,143.68892,0C1157.18982,436.82067,981.6885,385.60008,981.6885,395.8592Z" transform="translate(-35.5 -118.5)" opacity="0.1" />
|
||||
<path d="M365.62,461.43628H477.094v45.12043H365.62Z" transform="translate(-35.5 -118.5)" fill="#fff" fill-rule="evenodd" />
|
||||
<path d="M264.76252,608.74122a26.50931,26.50931,0,0,1-22.96231-13.27072,26.50976,26.50976,0,0,0,22.96231,39.81215H291.304V608.74122Z" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M384.17242,468.57061l92.92155-5.80726V449.49263a26.54091,26.54091,0,0,0-26.54143-26.54143H331.1161l-3.31768-5.74622a3.83043,3.83043,0,0,0-6.63536,0l-3.31768,5.74622-3.31767-5.74622a3.83043,3.83043,0,0,0-6.63536,0l-3.31768,5.74622L301.257,417.205a3.83043,3.83043,0,0,0-6.63536,0L291.304,422.9512c-.02919,0-.05573.004-.08625.004l-5.49674-5.49541a3.8293,3.8293,0,0,0-6.4071,1.71723l-1.81676,6.77338L270.607,424.1031a3.82993,3.82993,0,0,0-4.6912,4.69253l1.84463,6.89148-6.77072,1.81411a3.8315,3.8315,0,0,0-1.71988,6.40975l5.49673,5.49673c0,.02787-.004.05574-.004.08493l-5.74622,3.31768a3.83043,3.83043,0,0,0,0,6.63536l5.74621,3.31768L259.0163,466.081a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768-5.74622,3.31767a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768-5.74622,3.31768a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768-5.74622,3.31767a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768-5.74622,3.31768a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768-5.74622,3.31768a3.83042,3.83042,0,0,0,0,6.63535l5.74622,3.31768-5.74622,3.31768a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768L259.0163,558.976a3.83042,3.83042,0,0,0,0,6.63535l5.74622,3.31768-5.74622,3.31768a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768-5.74622,3.31768a3.83042,3.83042,0,0,0,0,6.63535l5.74622,3.31768-5.74622,3.31768a3.83043,3.83043,0,0,0,0,6.63536l5.74622,3.31768A26.54091,26.54091,0,0,0,291.304,635.28265H450.55254A26.5409,26.5409,0,0,0,477.094,608.74122V502.5755l-92.92155-5.80727a14.12639,14.12639,0,0,1,0-28.19762" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M424.01111,635.28265h39.81214V582.19979H424.01111Z" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M490.36468,602.10586a6.60242,6.60242,0,0,0-.848.08493c-.05042-.19906-.09821-.39945-.15393-.59852A6.62668,6.62668,0,1,0,482.80568,590.21q-.2203-.22491-.44457-.44589a6.62391,6.62391,0,1,0-11.39689-6.56369c-.1964-.05575-.39414-.10218-.59056-.15262a6.63957,6.63957,0,1,0-13.10086,0c-.1964.05042-.39414.09687-.59056.15262a6.62767,6.62767,0,1,0-11.39688,6.56369,26.52754,26.52754,0,1,0,44.23127,25.52756,6.6211,6.6211,0,1,0,.848-13.18579" transform="translate(-35.5 -118.5)" fill="#44d860" fill-rule="evenodd" />
|
||||
<path d="M437.28182,555.65836H477.094V529.11693H437.28182Z" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M490.36468,545.70532a3.31768,3.31768,0,0,0,0-6.63536,3.41133,3.41133,0,0,0-.42333.04247c-.02655-.09953-.04911-.19907-.077-.29859a3.319,3.319,0,0,0-1.278-6.37923,3.28174,3.28174,0,0,0-2.00122.68742q-.10947-.11346-.22294-.22295a3.282,3.282,0,0,0,.67149-1.98265,3.31768,3.31768,0,0,0-6.37-1.2992,13.27078,13.27078,0,1,0,0,25.54082,3.31768,3.31768,0,0,0,6.37-1.2992,3.282,3.282,0,0,0-.67149-1.98265q.11347-.10947.22294-.22294a3.28174,3.28174,0,0,0,2.00122.68742,3.31768,3.31768,0,0,0,1.278-6.37923c.02786-.0982.05042-.19907.077-.29859a3.41325,3.41325,0,0,0,.42333.04246" transform="translate(-35.5 -118.5)" fill="#44d860" fill-rule="evenodd" />
|
||||
<path d="M317.84538,466.081a3.31768,3.31768,0,0,1-3.31767-3.31768,9.953,9.953,0,1,0-19.90608,0,3.31768,3.31768,0,1,1-6.63535,0,16.58839,16.58839,0,1,1,33.17678,0,3.31768,3.31768,0,0,1-3.31768,3.31768" transform="translate(-35.5 -118.5)" fill-rule="evenodd" />
|
||||
<path d="M370.92825,635.28265h79.62429A26.5409,26.5409,0,0,0,477.094,608.74122v-92.895H397.46968a26.54091,26.54091,0,0,0-26.54143,26.54143Z" transform="translate(-35.5 -118.5)" fill="#ffff50" fill-rule="evenodd" />
|
||||
<path d="M457.21444,556.98543H390.80778a1.32707,1.32707,0,0,1,0-2.65414h66.40666a1.32707,1.32707,0,0,1,0,2.65414m0,26.54143H390.80778a1.32707,1.32707,0,1,1,0-2.65414h66.40666a1.32707,1.32707,0,0,1,0,2.65414m0,26.54143H390.80778a1.32707,1.32707,0,1,1,0-2.65414h66.40666a1.32707,1.32707,0,0,1,0,2.65414m0-66.10674H390.80778a1.32707,1.32707,0,0,1,0-2.65414h66.40666a1.32707,1.32707,0,0,1,0,2.65414m0,26.29459H390.80778a1.32707,1.32707,0,0,1,0-2.65414h66.40666a1.32707,1.32707,0,0,1,0,2.65414m0,26.54143H390.80778a1.32707,1.32707,0,0,1,0-2.65414h66.40666a1.32707,1.32707,0,0,1,0,2.65414M477.094,474.19076c-.01592,0-.0292-.008-.04512-.00663-4.10064.13934-6.04083,4.24132-7.75274,7.86024-1.78623,3.78215-3.16771,6.24122-5.43171,6.16691-2.50685-.09024-3.94007-2.92222-5.45825-5.91874-1.74377-3.44243-3.73438-7.34667-7.91333-7.20069-4.04227.138-5.98907,3.70784-7.70631,6.857-1.82738,3.35484-3.07084,5.39455-5.46887,5.30033-2.55727-.09289-3.91619-2.39536-5.48877-5.06013-1.75306-2.96733-3.77951-6.30359-7.8775-6.18946-3.97326.13669-5.92537,3.16507-7.64791,5.83912-1.82207,2.82666-3.09872,4.5492-5.52725,4.447-2.61832-.09289-3.9706-2.00388-5.53522-4.21611-1.757-2.4856-3.737-5.299-7.82308-5.16231-3.88567.13271-5.83779,2.61434-7.559,4.80135-1.635,2.07555-2.9116,3.71846-5.61218,3.615a1.32793,1.32793,0,1,0-.09555,2.65414c4.00377.134,6.03154-2.38873,7.79257-4.6275,1.562-1.9853,2.91027-3.69855,5.56441-3.78879,2.55594-.10882,3.75429,1.47968,5.56707,4.04093,1.7212,2.43385,3.67465,5.19416,7.60545,5.33616,4.11789.138,6.09921-2.93946,7.8536-5.66261,1.56861-2.43385,2.92221-4.53461,5.50734-4.62352,2.37944-.08892,3.67466,1.79154,5.50072,4.885,1.72121,2.91557,3.67069,6.21865,7.67977,6.36463,4.14709.14332,6.14965-3.47693,7.89475-6.68181,1.51155-2.77092,2.93814-5.38791,5.46621-5.4755,2.37944-.05573,3.62025,2.11668,5.45558,5.74622,1.71459,3.388,3.65875,7.22591,7.73019,7.37321l.22429.004c4.06614,0,5.99571-4.08074,7.70364-7.68905,1.51154-3.19825,2.94211-6.21069,5.3972-6.33411Z" transform="translate(-35.5 -118.5)" fill-rule="evenodd" />
|
||||
<path d="M344.38682,635.28265h53.08286V582.19979H344.38682Z" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M424.01111,602.10586a6.60242,6.60242,0,0,0-.848.08493c-.05042-.19906-.09821-.39945-.15394-.59852A6.62667,6.62667,0,1,0,416.45211,590.21q-.2203-.22491-.44458-.44589a6.62391,6.62391,0,1,0-11.39689-6.56369c-.1964-.05575-.39413-.10218-.59054-.15262a6.63957,6.63957,0,1,0-13.10084,0c-.19641.05042-.39414.09687-.59055.15262a6.62767,6.62767,0,1,0-11.39689,6.56369,26.52755,26.52755,0,1,0,44.2313,25.52756,6.6211,6.6211,0,1,0,.848-13.18579" transform="translate(-35.5 -118.5)" fill="#44d860" fill-rule="evenodd" />
|
||||
<path d="M344.38682,555.65836h53.08286V529.11693H344.38682Z" transform="translate(-35.5 -118.5)" fill="#3ecc5f" fill-rule="evenodd" />
|
||||
<path d="M410.74039,545.70532a3.31768,3.31768,0,1,0,0-6.63536,3.41133,3.41133,0,0,0-.42333.04247c-.02655-.09953-.04911-.19907-.077-.29859a3.319,3.319,0,0,0-1.278-6.37923,3.28174,3.28174,0,0,0-2.00122.68742q-.10947-.11346-.22294-.22295a3.282,3.282,0,0,0,.67149-1.98265,3.31768,3.31768,0,0,0-6.37-1.2992,13.27078,13.27078,0,1,0,0,25.54082,3.31768,3.31768,0,0,0,6.37-1.2992,3.282,3.282,0,0,0-.67149-1.98265q.11347-.10947.22294-.22294a3.28174,3.28174,0,0,0,2.00122.68742,3.31768,3.31768,0,0,0,1.278-6.37923c.02786-.0982.05042-.19907.077-.29859a3.41325,3.41325,0,0,0,.42333.04246" transform="translate(-35.5 -118.5)" fill="#44d860" fill-rule="evenodd" />
|
||||
<path d="M424.01111,447.8338a3.60349,3.60349,0,0,1-.65028-.06636,3.34415,3.34415,0,0,1-.62372-.18579,3.44679,3.44679,0,0,1-.572-.30522,5.02708,5.02708,0,0,1-.50429-.4114,3.88726,3.88726,0,0,1-.41007-.50428,3.27532,3.27532,0,0,1-.55737-1.84463,3.60248,3.60248,0,0,1,.06636-.65027,3.82638,3.82638,0,0,1,.18447-.62373,3.48858,3.48858,0,0,1,.30656-.57064,3.197,3.197,0,0,1,.91436-.91568,3.44685,3.44685,0,0,1,.572-.30523,3.344,3.344,0,0,1,.62372-.18578,3.06907,3.06907,0,0,1,1.30053,0,3.22332,3.22332,0,0,1,1.19436.491,5.02835,5.02835,0,0,1,.50429.41139,4.8801,4.8801,0,0,1,.41139.50429,3.38246,3.38246,0,0,1,.30522.57064,3.47806,3.47806,0,0,1,.25215,1.274A3.36394,3.36394,0,0,1,426.36,446.865a5.02708,5.02708,0,0,1-.50429.4114,3.3057,3.3057,0,0,1-1.84463.55737m26.54143-1.65884a3.38754,3.38754,0,0,1-2.35024-.96877,5.04185,5.04185,0,0,1-.41007-.50428,3.27532,3.27532,0,0,1-.55737-1.84463,3.38659,3.38659,0,0,1,.96744-2.34892,5.02559,5.02559,0,0,1,.50429-.41139,3.44685,3.44685,0,0,1,.572-.30523,3.3432,3.3432,0,0,1,.62373-.18579,3.06952,3.06952,0,0,1,1.30052,0,3.22356,3.22356,0,0,1,1.19436.491,5.02559,5.02559,0,0,1,.50429.41139,3.38792,3.38792,0,0,1,.96876,2.34892,3.72635,3.72635,0,0,1-.06636.65026,3.37387,3.37387,0,0,1-.18579.62373,4.71469,4.71469,0,0,1-.30522.57064,4.8801,4.8801,0,0,1-.41139.50429,5.02559,5.02559,0,0,1-.50429.41139,3.30547,3.30547,0,0,1-1.84463.55737" transform="translate(-35.5 -118.5)" fill-rule="evenodd" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue