Skip to content

Commit 176dc07

Browse files
author
Olivier Auverlot
committed
filter improvement
1 parent 83df6c0 commit 176dc07

5 files changed

Lines changed: 13 additions & 37 deletions

File tree

‎examples/official-site/assets/stories/glsdb.jpg‎

324 KB
Loading

‎examples/official-site/sqlpage/migrations/73_stories.sql‎

Lines changed: 5 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -12,39 +12,12 @@ CREATE TABLE stories (
1212

1313
INSERT INTO stories(title, publication_date, contents_md, optional_contents_md, image, website, git_repository, tags) VALUES
1414
(
15-
'User Management',
15+
'Greater Lincolnshire species data bank',
1616
'2025-11-20 21:15:00',
17-
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
18-
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.',
17+
'This is an SQLPage based system I''ve developed for the organisation I work for to collate information on species within our area, running on FreeBSD and MariaDB. Collating the information is still a work in progress, but there''s a complete example data sheet at https://glincsson.glnp.org.uk/view?taxon_list_item_key=NBNORG0000018213 which pulls in all the various elements of information and a complete group listing at https://glincsson.glnp.org.uk/taxon_group?taxon_group=60 showing various colour coding and indicators.',
18+
'SQLPage has made it trivial to implement this and allowed us to easily add in new aspects based on feedback from others. Most of it is stock SQLPage, but there are a couple of simple modified/custom components, with some custom javascript to allow saving png images of the maps. Its something we''ve long been wanted to do and have attempted in various guises over the years but using SQLPage is the first time we''ve been able to achieve exactly what we wanted (and more). And it''s been fun!',
19+
'glsdb.jpg',
20+
'https://glincsson.glnp.org.uk',
1921
NULL,
20-
NULl,
21-
NULL,
22-
'[]'
23-
),(
24-
'API REST',
25-
'2025-11-22 20:35:00',
26-
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
27-
NULL,
28-
NULL,
29-
'https://github.com/api',
30-
NULL,
31-
'["PostgreSQL"]'
32-
),(
33-
'PowerDashboard',
34-
'2025-11-25 16:15:00',
35-
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
36-
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.',
37-
'dashboard.jpg',
38-
'https://www.powerdashboard.com',
39-
'https://github.com/powerdashboard',
40-
'["postgreSQL","MIT"]'
41-
),(
42-
'SmallWorld',
43-
'2025-11-25 12:15:00',
44-
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
45-
'Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.',
46-
'ulille.jpg',
47-
NULL,
48-
'https://github.com/smallworld',
4922
'["MariaDB"]'
5023
);

‎examples/official-site/sqlpage/templates/stories.handlebars‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,6 @@
99
</div>
1010

1111
<span remove-bottom-margin>
12-
{{{~markdown truncated_contents~}}}<a href="stories?id={{id}}">Read the story</a>
12+
{{{~markdown truncated_contents~}}}<a href="stories?id={{id}}{{#if filter neq ''}}&filter={{filter}}{{/if}}">Read the story</a>
1313
</span>
1414
</div>

‎examples/official-site/sqlpage/templates/story.handlebars‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,5 +19,5 @@
1919
</div>
2020

2121
<div class="text-center">
22-
<a href='stories'>Back</a>
22+
<a href='stories{{#if filter neq=''}}?filter={{filter}}{{/if}}'>Back</a>
2323
</div>

‎examples/official-site/stories.sql‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ SELECT 'dynamic' AS component, json_patch(json_extract(properties, '$[0]'), json
99
)) AS properties
1010
FROM example WHERE component = 'shell' LIMIT 1;
1111

12-
SET MAX_WIDTH = 300;
12+
SET TEXT_MAX_LENGTH = 300;
1313

1414
SELECT
1515
'alert' AS component,
@@ -18,16 +18,18 @@ SELECT
1818
'teal' AS color,
1919
TRUE AS dismissible,
2020
'[Click here to deactivate it.](stories)' AS description_md
21-
WHERE $filter IS NOT NULL
21+
WHERE $id IS NULL
22+
AND $filter IS NOT NULL
2223

2324
SELECT
2425
'stories' AS component,
26+
$filter AS filter,
2527
id,
2628
title,
2729
publication_date,
2830
tags,
2931
CASE
30-
WHEN LENGTH(contents_md) > CAST($MAX_WIDTH AS INTEGER) THEN SUBSTR(contents_md, 1, CAST($MAX_WIDTH AS INTEGER)) || '...'
32+
WHEN LENGTH(contents_md) > CAST($EXT_MAX_LENGTH AS INTEGER) THEN SUBSTR(contents_md, 1, CAST($TEXT_MAX_LENGTH AS INTEGER)) || '...'
3133
ELSE contents_md
3234
END as truncated_contents
3335
FROM stories
@@ -38,6 +40,7 @@ ORDER BY publication_date DESC;
3840

3941
SELECT
4042
'story' AS component,
43+
$filter AS filter,
4144
id,
4245
title,
4346
publication_date,

0 commit comments

Comments
 (0)