diff options
| author | Javier Sánchez Parra <jsanchez@soleta.eu> | 2022-02-25 09:56:54 +0100 |
|---|---|---|
| committer | Javier Sánchez Parra <jsanchez@soleta.eu> | 2022-02-25 13:44:06 +0100 |
| commit | 500d92007f358db02f00689717bb802c4fd3df89 (patch) | |
| tree | 51ffa0bcebaff2180b28f448102f0fc44d1b61c3 /ogcp/templates/macros.html | |
| parent | 23d9799e09ea6192fb12d6091e31400fbd6c3a8d (diff) | |
Replace "." with "_" in HTML scopes IDs
Otherwise, scopes with dots in their names breaks the javascript code.
From
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id:
---
Note: Technically, in HTML5, the value for an id attribute may contain
any character, except whitespace characters. However, to avoid
inadvertent errors, only ASCII letters, digits, '_', and '-' should be
used and the value for an id attribute should start with a letter. For
example, . has a special meaning in CSS (it acts as a class selector).
Unless you are careful to escape it in the CSS, it won't be recognized
as part of the value of an id attribute. It is easy to forget to do
this, resulting in bugs in your code that could be hard to detect.
---
Diffstat (limited to 'ogcp/templates/macros.html')
| -rw-r--r-- | ogcp/templates/macros.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html index d6ef2af..6999fd6 100644 --- a/ogcp/templates/macros.html +++ b/ogcp/templates/macros.html @@ -21,7 +21,7 @@ {% macro scopes_tree_collapse_level(scopes, i, parent_id) -%} {% for scope in scopes %} - <li id="{{ scope["name"] }}_{{ scope["id"] }}" class="nav-item"> + <li id="{{ scope["name"]|replace(".", "_") }}_{{ scope["id"] }}" class="nav-item"> {% if " ".join(scope["ip"]) %} <input class="form-check-input" type="checkbox" form="scopesForm" value="{{ " ".join(scope["ip"]) }}" |