wehub-resource-sync
d718c5a372
CI / compile_and_lint (push) Failing after 0s
CI / docker_build (linux/amd64, -linux-amd64-duckdb, duckdb) (push) Failing after 0s
CI / docker_build (linux/arm64, -linux-arm64, minimal) (push) Failing after 2s
CI / docker_build (linux/arm64, -linux-arm64-duckdb, duckdb) (push) Failing after 1s
CI / docker_build (linux/amd64, minimal) (push) Failing after 1s
CI / test (, sqlite, sqlite::memory:) (push) Has been skipped
CI / test (mssql, mssql, mssql://root:Password123!@127.0.0.1/sqlpage) (push) Has been skipped
CI / test (mysql, mysql, mysql://root:Password123!@127.0.0.1/sqlpage) (push) Has been skipped
CI / test (oracle, oracle, Driver=Oracle 21 ODBC driver;Dbq=//127.0.0.1:1521/FREEPDB1;Uid=root;Pwd=Password123!) (push) Has been skipped
CI / test (postgres, odbc, Driver=PostgreSQL Unicode;Server=127.0.0.1;Port=5432;Database=sqlpage;UID=root;PWD=Password123!, true) (push) Has been skipped
CI / test (postgres, postgres, postgres://root:Password123!@127.0.0.1/sqlpage) (push) Has been skipped
CI / playwright (push) Has been skipped
CI / docker_build (linux/arm/v7, -linux-arm-v7, minimal) (push) Failing after 0s
CI / hurl_examples (push) Failing after 8s
deploy website / deploy_official_site (push) Failing after 1s
CI / hurl (${{ matrix.example }}) (push) Has been skipped
CI / docker_push (duckdb) (push) Has been cancelled
CI / docker_push (minimal) (push) Has been cancelled
CI / windows_test (push) Has been cancelled
53 lines
2.8 KiB
SQL
53 lines
2.8 KiB
SQL
INSERT INTO component(name, icon, description, introduced_in_version) VALUES
|
|
('empty_state', 'info-circle', 'Displays a large placeholder message to communicate a single information to the user and invite them to take action.
|
|
|
|
Typically includes a title, an optional icon/image, descriptive text (rich text formatting and images supported via Markdown), and a call-to-action button.
|
|
|
|
Ideal for first-use screens, empty data sets, "no results" pages, or error messages.', '0.35.0');
|
|
|
|
INSERT INTO parameter(component, name, description, type, top_level, optional) SELECT 'empty_state', * FROM (VALUES
|
|
('title','Description of the empty state.','TEXT',TRUE,FALSE),
|
|
('header','Text displayed on the top of the empty state.','TEXT',TRUE,TRUE),
|
|
('icon','Name of an icon to be displayed on the top of the empty state.','ICON',TRUE,TRUE),
|
|
('image','The URL (absolute or relative) of an image to display at the top of the empty state.','URL',TRUE,TRUE),
|
|
('description','A short text displayed below the title.','TEXT',TRUE,TRUE),
|
|
('link_text','The text displayed on the button.','TEXT',TRUE,FALSE),
|
|
('link_icon','Name of an icon to be displayed on the left side of the button.','ICON',TRUE,FALSE),
|
|
('link','The URL to which the button should navigate when clicked.','URL',TRUE,FALSE),
|
|
('class','Class attribute added to the container in HTML. It can be used to apply custom styling to this item through css.','TEXT',TRUE,TRUE),
|
|
('id','ID attribute added to the container in HTML. It can be used to target this item through css or for scrolling to this item through links (use "#id" in link url).','TEXT',TRUE,TRUE)
|
|
) x;
|
|
|
|
INSERT INTO example(component, description, properties) VALUES
|
|
('empty_state', '
|
|
This example shows how to create a 404-style "Not Found" empty state with
|
|
- a prominent header displaying "404",
|
|
- a helpful description suggesting to adjust search parameters, and
|
|
- a "Search again" button with a search icon that links back to the search page.
|
|
',
|
|
json('[{
|
|
"component": "empty_state",
|
|
"title": "No results found",
|
|
"header": "404",
|
|
"description": "Try adjusting your search or filter to find what you''re looking for.",
|
|
"link_text": "Search again",
|
|
"link_icon": "search",
|
|
"link": "#not-found",
|
|
"id": "not-found"
|
|
}]')),
|
|
('empty_state', '
|
|
It''s possible to use an icon or an image to illustrate the problem.
|
|
',
|
|
json('[{
|
|
"component": "empty_state",
|
|
"title": "A critical problem has occurred",
|
|
"icon": "mood-wrrr",
|
|
"description_md": "SQLPage can do a lot of things, but this is not one of them.
|
|
|
|
Please restart your browser and **cross your fingers**.",
|
|
"link_text": "Close and restart",
|
|
"link_icon": "rotate-clockwise",
|
|
"link": "#"
|
|
}]'));
|
|
|