- {% snippet 'development/snippets/breadcrumb.html', stage=1 %} - {% snippet 'development/snippets/breadcrumb.html', stage=2 %} - {% snippet 'development/snippets/breadcrumb.html', stage=3 %} +{% block toolbar %} + {% snippet 'development/snippets/breadcrumb.html', stage=1 %} + {% snippet 'development/snippets/breadcrumb.html', stage=2 %} + {% snippet 'development/snippets/breadcrumb.html', stage=3 %} +{% endblock %} - {% snippet 'development/snippets/toolbar.html' %} +{% block actions_content %} + {% snippet 'development/snippets/actions.html' %} +{% endblock %} - {% snippet 'development/snippets/module.html', heading='Heading One' %} - {% snippet 'development/snippets/module.html', heading='Heading Two', heading_level=2 %} - {% snippet 'development/snippets/module.html', heading='Heading Three', heading_level=3 %} - {% snippet 'development/snippets/module.html', heading='Heading with link', heading_link=true %} - {% snippet 'development/snippets/module.html', heading='Heading with action', heading_action=true %} - {% snippet 'development/snippets/module.html', heading='Heading with icon', heading_icon=true %} - {% snippet 'development/snippets/module.html', heading='Module with footer', footer=true %} - {% snippet 'development/snippets/module.html', heading='Narrow Module (sidebar)', classes=['module-narrow'] %} - {% snippet 'development/snippets/module.html', heading='Narrow Shallow Module (sidebar text)', classes=['module-narrow', 'module-shallow'] %} +{% block secondary_content %} + {% snippet 'development/snippets/context.html' %} - {% snippet 'development/snippets/list.html', heading='Simple List' %} +
+

Helper text

+
{{ lipsum(1) }}
+
- {% snippet 'development/snippets/nav.html', heading='Navigation' %} - {% snippet 'development/snippets/nav.html', heading='Active Navigation', show_active=true %} - {% snippet 'development/snippets/nav.html', heading='Icon Navigation', show_icons=true %} + {% snippet 'development/snippets/nav.html', heading='Navigation' %} + {% snippet 'development/snippets/nav.html', heading='Active Navigation', show_active=true %} + {% snippet 'development/snippets/nav.html', heading='Icon Navigation', show_icons=true %} + {% snippet 'development/snippets/facet.html', heading='Facet List', show_icons=true %} +{% endblock %} - {% snippet 'development/snippets/facet.html', heading='Facet List', show_icons=true %} +{% block primary_content %} + {% snippet 'development/snippets/page_header.html' %} - {% snippet 'development/snippets/simple-input.html', heading='Facet List', show_icons=true %} +
+ + + + +
- {% snippet 'development/snippets/form.html' %} - {% snippet 'development/snippets/form.html', error=['This field has an error'] %} +
+

Top level heading (h1)

+

Some Rendered Markdown (h2)

+
+

Heading 1

+ {{ lipsum(1) }} +

Heading 2

+ {{ lipsum(1) }} +

Heading 3

+ {{ lipsum(1) }} +
+
-
- {% snippet 'development/snippets/page_header.html' %} -
-

Top level heading (h1)

-

Some Rendered Markdown (h2)

-
-

Heading 1

- {{ lipsum(1) }} -

Heading 2

- {{ lipsum(1) }} -

Heading 3

- {{ lipsum(1) }} -
-
-
+
+
+

Forms

+
+ {% snippet 'development/snippets/form.html' %} + {% snippet 'development/snippets/form.html', error=['This field has an error'] %} - {% snippet 'development/snippets/form_stages.html' %} +
+
+

Form stages

+
+ {% snippet 'development/snippets/form_stages.html' %} + - {% snippet 'snippets/package_grid.html', packages=[ - {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}}, - {'name': "test", 'title': 'Test', 'notes': lipsum(0), 'tracking_summary':{'recent': 5}}, - {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}}, - {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}} - ] %} +
+

Datasets

+
+ {% snippet 'snippets/package_list.html', packages=[ + {'name': "test", 'title': 'Dataset #1', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}}, + {'name': "test", 'title': 'Dataset #2', 'notes': lipsum(0), 'tracking_summary':{'recent': 5}}, + {'name': "test", 'title': 'Dataset #3', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}}, + {'name': "test", 'title': 'Dataset #4', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}} + ] %} +
- {% snippet 'development/snippets/media_grid.html', groups=[ - {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(0), 'packages': 0}, - {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(1), 'packages': 1}, - {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(1), 'packages': 10}, - {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(1), 'packages': 200} - ] %} +
+
+

Media Grid

+
+ {% snippet 'development/snippets/media_grid.html', groups=[ + {'name': "test", 'display_name': 'Group #1', 'type': 'group', 'description': lipsum(0), 'packages': 0}, + {'name': "test", 'display_name': 'Group #2', 'type': 'group', 'description': lipsum(1), 'packages': 1}, + {'name': "test", 'display_name': 'Group #3', 'type': 'group', 'description': lipsum(1), 'packages': 10}, + {'name': "test", 'display_name': 'Group #4', 'type': 'group', 'description': lipsum(1), 'packages': 200}, + {'name': "test", 'display_name': 'Group #5', 'type': 'group', 'description': lipsum(1), 'packages': 10}, + {'name': "test", 'display_name': 'Group #6', 'type': 'group', 'description': lipsum(0), 'packages': 5} + ] %} - {% snippet 'development/snippets/pagination.html', total=5, current=1 %} - {% snippet 'development/snippets/pagination.html', total=5, current=2 %} - {% snippet 'development/snippets/pagination.html', total=5, current=3 %} - {% snippet 'development/snippets/pagination.html', total=5, current=4 %} - {% snippet 'development/snippets/pagination.html', total=5, current=5 %} +
+

Pagination

+ {% snippet 'development/snippets/pagination.html', total=5, current=1 %} + {% snippet 'development/snippets/pagination.html', total=5, current=3 %} + {% snippet 'development/snippets/pagination.html', total=5, current=5 %} - {% include "footer.html" %} {% endblock %} diff --git a/ckan/templates/development/snippets/actions.html b/ckan/templates/development/snippets/actions.html new file mode 100644 index 00000000000..7a01233158d --- /dev/null +++ b/ckan/templates/development/snippets/actions.html @@ -0,0 +1,2 @@ +
  • Button
  • +
  • Primary Button
  • diff --git a/ckan/templates/development/snippets/context.html b/ckan/templates/development/snippets/context.html new file mode 100644 index 00000000000..bc0dfefad09 --- /dev/null +++ b/ckan/templates/development/snippets/context.html @@ -0,0 +1,24 @@ +
    +
    +
    + + + +
    +

    {{ title }}

    +

    + {{ h.markdown_extract(lipsum(1), 160) }} + read more +

    +
    +
    +
    Stat #1
    +
    {{ h.SI_number_span(11111) }}
    +
    +
    +
    Stat #2
    +
    {{ h.SI_number_span(111) }}
    +
    +
    +
    +
    diff --git a/ckan/templates/development/snippets/facet.html b/ckan/templates/development/snippets/facet.html index 5efc1d3abdd..ac9b9df1a0c 100644 --- a/ckan/templates/development/snippets/facet.html +++ b/ckan/templates/development/snippets/facet.html @@ -1,6 +1,6 @@ -
    - {% with items=(("First", false), ("Second", true), ("Third", true), ("Fourth", false), ("Last", false)) %} -

    Facet List Clear All

    +
    + {% with items=(("First", true), ("Second", false), ("Third", true), ("Fourth", false), ("Last", false)) %} +

    Facet List Clear All