Is there a usage where components themselves contain "include" filter tags? #197

simkimsia · 2022-07-17T08:58:36Z

simkimsia
Jul 17, 2022

I have a component that contains references to markup, css, js, and also CDN imports.

markup - obvious
css - for the styling
js - for behavior

I will place them in separate templates and "call" them using "include"

<!DOCTYPE html>
<html>
  <head>
      <title>Demo 03 Easy to Customize Example in Tagify using include</title>
      {% include "tagify/cdn/css-cdn.html" %}
      <style>
        {% include "tagify/03_easy_to_customize/tagify.css" %}
      </style>
  </head>
  <body>
    {% include "tagify/03_easy_to_customize/tagify.html" %}
    {% include "tagify/cdn/js-cdn.html" %}
    <script>
      window.addEventListener('load', function () {
        {% include "tagify/03_easy_to_customize/tagify.js" %}
      });
    </script>
  </body>
<html>

Looks like this

Is this a common use case amongst your users?

Do you have intention to allow add "sub-tabs" under the "template source" tab?

i was thinking of 3 views within "template source":

the template source as it is
the full markup after all the includes are rendered
a 2 column layout where left handside looks like 1 but you can "select" specific "include" and the right hand side column will auto show the markup for the selected include

Sounds like overkill, I know. But it's very common for me to use a lot of includes to build my components.

Update

I was looking through the code, so basically somewhere here at

django-pattern-library/pattern_library/views.py

Line 70 in 983ac1c

context["pattern_source"] = escape(template.template.source)

, need a way to inspect to see if include tag was used in the template source and add more variables.

thibaudcolas · 2022-07-19T09:05:02Z

thibaudcolas
Jul 19, 2022
Maintainer

I think that would be pretty cool! We had discussed creating links between patterns in the past (#6), this feels like another neat way to do it.

1 reply

simkimsia Jul 19, 2022
Author

can i try my hand at forking this and doing my version of teh inner sub-tab and try to expand the includes?

what is the place where the template for this is displayed?

Is it at pattern_library/index.html?

django-pattern-library/pattern_library/views.py

Line 28 in 983ac1c

template_name = "pattern_library/index.html"

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Is there a usage where components themselves contain "include" filter tags? #197

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Is there a usage where components themselves contain "include" filter tags? #197

Uh oh!

Uh oh!

simkimsia Jul 17, 2022

Update

Replies: 1 comment · 1 reply

Uh oh!

thibaudcolas Jul 19, 2022 Maintainer

Uh oh!

Uh oh!

simkimsia Jul 19, 2022 Author

simkimsia
Jul 17, 2022

Replies: 1 comment 1 reply

thibaudcolas
Jul 19, 2022
Maintainer

simkimsia Jul 19, 2022
Author