- {{ site.description }} + {{ "description" | i18n }}
- djLint © 2021 Riverside Healthcare
Updated {{ page.date | niceDate }}
+ djLint © 2021 Riverside Healthcare
{{ "updated" | i18n }} {{ page.date | niceDate }}
{{ "index_description" | i18n | safe }} + +
readme.md:
+
+{% highlight "md" %}
+[](https://github.com/Riverside-Healthcare/djlint)
+{% endhighlight %}
+
+{{ "index_add_badge" | i18n }} readme.rst:
+
+{% highlight "md" %}
+
+ .. image:: https://img.shields.io/badge/html%20style-djLint-blue.svg
+ :target: https://github.com/Riverside-Healthcare/djlint
+{% endhighlight %}
+
+{{ "index_looks_like" | i18n }}
+ +
+{{ "contributing_message" | i18n | safe }}
+Once upon a time all the other programming languages had a formatter and linter. Css, javascript, python, the c suite, typescript, ruby, php, go, swift, and you know the others. The cool kids on the block.
-HTML templates were left out there on their own, in the cold, unformatted and unlinted :( The dirty corner in your repository. Something had to change.
-Welcome djLint, the free cleaning service for html templates!
And the html templates lived happily ever after.
readme.md:
-
-{% highlight "md" %}
-[](https://github.com/Riverside-Healthcare/djlint)
-{% endhighlight %}
-
-Add a badge to your readme.rst:
-
-{% highlight "md" %}
-
- .. image:: https://img.shields.io/badge/html%20style-djLint-blue.svg
- :target: https://github.com/Riverside-Healthcare/djlint
-{% endhighlight %}
-
-Looks like this:
- --Contributions are welcome. Send a pr with a new feature, or checkout the issue list and help where you can.
-{% if pagination_required %}{% for i in page_range %}{% paginator_number cl i %}{% endfor %}{% endif %}{{ cl.result_count }}{% if cl.result_count == 1 %}{{ cl.opts.verbose_name }} {% else %}{{ cl.opts.verbose_name_plural }} {% endif %}{% if show_all_url %} {% translate 'Show all' %} {% endif %}{% if cl.formset and cl.result_count %}{% endif %}
+``` + +{% endraw %} + +### После + +Теперь он выглядит немного лучше... мы можем его прочитать :) + +{% raw %} + +```html +{% load admin_list %} {% load i18n %} ++ {% if pagination_required %} {% for i in page_range %} {% paginator_number cl + i %} {% endfor %} {% endif %} {{ cl.result_count }} {% if cl.result_count == 1 + %} {{ cl.opts.verbose_name }} {% else %} {{ cl.opts.verbose_name_plural }} {% + endif %} {% if show_all_url %} + {% translate 'Show all' %} + {% endif %} {% if cl.formset and cl.result_count %} + + {% endif %} +
+``` + +{% endraw %} diff --git a/docs/src/ru/docs/getting-started.md b/docs/src/ru/docs/getting-started.md new file mode 100644 index 0000000..956f53b --- /dev/null +++ b/docs/src/ru/docs/getting-started.md @@ -0,0 +1,81 @@ +--- +description: Начало работы с djLint для линтинга и форматирования HTML-шаблонов. Воспользуйтесь простым интерфейсом cli и множеством опций форматирования. +title: Начало работы +keywords: облицовка шаблонов, форматер шаблонов, djLint, HTML, шаблоны, форматер, линтер, использование +--- + +# {{ "getting_started" | i18n }} + +## Установка от [Pypi](https://pypi.org/project/djlint/) + +djLint собирается с [Python 3.7+](https://python.org), он может быть установлен простым запуском: + +```bash +pip install djlint +``` + +## Использование CLI + +djLint - это приложение командной строки. Для расширенной настройки смотрите `конфигурация`. + +```bash +Usage: python -m djlint [OPTIONS] SRC ... + + djLint · lint and reformat HTML templates. + +Options: + --version Show the version and exit. + -e, --extension TEXT File extension to check [default: html] + -i, --ignore TEXT Codes to ignore. ex: "H014,H017" + --reformat Reformat the file(s). + --check Check formatting on the file(s). + --indent INTEGER Indent spacing. [default: 4] + --quiet Do not print diff when reformatting. + --profile TEXT Enable defaults by template language. ops: django, + jinja, nunjucks, handlebars, golang + --require-pragma Only format or lint files that starts with a comment + with the text 'djlint:on' + --lint Lint for common issues. [default option] + --use-gitignore Use .gitignore file to extend excludes. + -h, --help Show this message and exit. +``` + +{% admonition + "note", + "Note", + "Если команда `djlint` не найдена, убедитесь, что Python находится [в вашем пути](https://www.geeksforgeeks.org/how-to-add-python-to-windows-path/)." +%} + +## Использование Path против Stdin + +djLint работает с путем или stdin. + +Бег с тропинкой - + +```bash +djlint /path/to/templates --lint +``` + +Или конкретный файл - + +```bash +djlint /path/to/this.mustache --lint +``` + +Или с помощью stdin - + +```bash +echo "" | djlint - +``` + +Stdin также может быть использован для переформатирования кода. На выходе будет только отформатированный код без сообщений. + +```bash +echo "" | djlint - --reformat +``` + +Выход - + +```html + +``` diff --git a/docs/src/ru/docs/integrations.md b/docs/src/ru/docs/integrations.md new file mode 100644 index 0000000..98c9784 --- /dev/null +++ b/docs/src/ru/docs/integrations.md @@ -0,0 +1,77 @@ +--- +description: Интегрируйте djLint с вашим любимым редактором. Автоматическое форматирование ваших шаблонов с помощью Pre-Commit или Visual Studio Code. Lint с SublimeText. +title: Интеграции +keywords: облицовка шаблонов, форматер шаблонов, djLint, HTML, шаблоны, форматер, линтер, использование, integrations +--- + +# {{ "integrations" | i18n }} + +Существует несколько интеграций редакторов для djLint. + +## Pre-Commit + +djLint можно использовать как [pre-commit](https://pre-commit.com) крючок. + +Репозиторий предоставляет несколько предварительно настроенных хуков для определенных профилей djLint (он просто задает аргумент `--profile` и указывает pre-commit, какие расширения файлов искать): + +::: content + +- `djlint-django` для шаблонов Django: + Это будет искать файлы, соответствующие `templates/**.html` и устанавливать `--profile=django`. +- `djlint-jinja`. + Это будет искать файлы, соответствующие `*.j2` и устанавливать `--профиль=jinja`. +- `djlint-nunjucks`. + Будет искать файлы, соответствующие `*.njk` и устанавливать `--profile=nunjucks`. +- `djlint-handlebars` + Будет искать файлы, соответствующие `*.hbs` и устанавливать `--profile=handlebars`. +- `djlint-golang` + Будет искать файлы, соответствующие `*.tmpl` и устанавливать `--profile=golang`. + ::: + +Обратите внимание, что эти предопределенные хуки иногда слишком консервативны в принимаемых ими входных данных (ваши шаблоны могут использовать другое расширение), поэтому pre-commit явно позволяет вам переопределять любые из этих предопределенных опций. См. [pre-commit документы](https://pre-commit.com/#pre-commit-configyaml---hooks) для дополнительной настройки. + +### Пример Django по умолчанию + +```yaml +repos: +- repo: https://github.com/Riverside-Healthcare/djLint + rev: 0.5.10 # grab latest tag from GitHub + hooks: + - id: djlint-django +``` + +### Handlebars с расширением .html вместо .hbs + +```yaml +repos: +- repo: https://github.com/Riverside-Healthcare/djLint + rev: 0.5.10 # grab latest tag from GitHub + hooks: + - id: djlint-handlebars + files: "\\.html" +``` + +Вы можете использовать параметры `files` или `exclude`, чтобы ограничить каждый хук своим каталогом, что позволит вам поддерживать несколько языков шаблонов в одном репозитории. + +## SublimeText Linter + +djLint можно использовать в качестве плагина SublimeText Linter. Его можно установить через [package-control](https://packagecontrol.io/packages/SublimeLinter-contrib-djlint). + +::: content + +1. `cmd + shft + p` +2. Install SublimeLinter +3. Install SublimeLinter-contrib-djlint + ::: + +Убедитесь, что djLint установлен в вашем глобальном python или в вашем `PATH`. + +## Visual Studio Code + +[Страница рынка](https://marketplace.visualstudio.com/items?itemName=monosans.djlint) + +[GitHub репозиторий](https://github.com/monosans/djlint-vscode) + +## coc.nvim + +https://www.npmjs.com/package/coc-htmldjango diff --git a/docs/src/ru/docs/languages/angular.md b/docs/src/ru/docs/languages/angular.md new file mode 100644 index 0000000..343d07e --- /dev/null +++ b/docs/src/ru/docs/languages/angular.md @@ -0,0 +1,29 @@ +--- +title: Angular Template Linter +keywords: angular, djlint, angular template linter, lint angular templates +description: djLint - это ангулярный линтер шаблонов! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: angular +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + diff --git a/docs/src/ru/docs/languages/django.md b/docs/src/ru/docs/languages/django.md new file mode 100644 index 0000000..1e9cba7 --- /dev/null +++ b/docs/src/ru/docs/languages/django.md @@ -0,0 +1,29 @@ +--- +title: Django Template Linter и Formatter +keywords: django, djlint, django template linter, django template formatter, format django templates +description: djLint - это линтер шаблонов django и форматер шаблонов django! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: django +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + \ No newline at end of file diff --git a/docs/src/ru/docs/languages/golang.md b/docs/src/ru/docs/languages/golang.md new file mode 100644 index 0000000..f480c30 --- /dev/null +++ b/docs/src/ru/docs/languages/golang.md @@ -0,0 +1,29 @@ +--- +title: GoLang Template Linter and Formatter +keywords: GoLang, djlint, GoLang template linter, GoLang template formatter, format GoLang templates +description: djLint - это линтер шаблонов GoLang и форматер шаблонов GoLang! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: golang +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + diff --git a/docs/src/ru/docs/languages/handlebars.md b/docs/src/ru/docs/languages/handlebars.md new file mode 100644 index 0000000..f3877b9 --- /dev/null +++ b/docs/src/ru/docs/languages/handlebars.md @@ -0,0 +1,29 @@ +--- +title: Handlebars Template Linter and Formatter +keywords: handlebars, djlint, handlebars template linter, handlebars template formatter, format handlebars templates +description: djLint - это линтеры и форматоры шаблонов для ручек! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: handlebars +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + diff --git a/docs/src/ru/docs/languages/jinja.md b/docs/src/ru/docs/languages/jinja.md new file mode 100644 index 0000000..fbc9729 --- /dev/null +++ b/docs/src/ru/docs/languages/jinja.md @@ -0,0 +1,29 @@ +--- +title: Jinja Template Linter and Formatter +keywords: jinja, djlint, jinja template linter, jinja template formatter, format jinja templates +description: djLint - это линтер шаблонов jinja и форматер шаблонов jinja! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: jinja +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + diff --git a/docs/src/ru/docs/languages/languages.json b/docs/src/ru/docs/languages/languages.json new file mode 100644 index 0000000..6294776 --- /dev/null +++ b/docs/src/ru/docs/languages/languages.json @@ -0,0 +1,3 @@ +{ + "layout": "languages_layout.njk" +} diff --git a/docs/src/ru/docs/languages/mustache.md b/docs/src/ru/docs/languages/mustache.md new file mode 100644 index 0000000..0be76d6 --- /dev/null +++ b/docs/src/ru/docs/languages/mustache.md @@ -0,0 +1,29 @@ +--- +title: Mustache Template Linter and Formatter +keywords: mustache, djlint, mustache template linter, mustache template formatter, format mustache templates +description: djLint - это линтер шаблонов mustache и форматировщик шаблонов mustache! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: handlebars +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + \ No newline at end of file diff --git a/docs/src/ru/docs/languages/nunjucks.md b/docs/src/ru/docs/languages/nunjucks.md new file mode 100644 index 0000000..137c2db --- /dev/null +++ b/docs/src/ru/docs/languages/nunjucks.md @@ -0,0 +1,29 @@ +--- +title: Nunjucks Template Linter and Formatter +keywords: nunjucks, djlint, nunjucks template linter, nunjucks template formatter, format nunjucks templates +description: djLint - это линтер шаблонов nunjucks и форматер шаблонов nunjucks! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: nunjucks +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + diff --git a/docs/src/ru/docs/languages/twig.md b/docs/src/ru/docs/languages/twig.md new file mode 100644 index 0000000..4672f6b --- /dev/null +++ b/docs/src/ru/docs/languages/twig.md @@ -0,0 +1,29 @@ +--- +title: Twig Template Linter and Formatter +keywords: twig, djlint, twig template linter, twig template formatter, format twig templates +description: djLint - это линтер шаблонов twig и форматировщик шаблонов twig! Используйте преимущества профиля предварительной сборки при линтинге и форматировании ваших шаблонов с помощью djLint. +tool: nunjucks +--- + +# {{ title }} + +{{ description }} + +#### Использование командной строки + +```bash +djlint /path/to/templates --profile={{ tool }} +``` + +#### Или используйте файл конфигурации + +Настройте djLint в вашем проекте `pyproject.toml`. + +```toml +[tool.djlint] +profile="{{ tool }}" +``` + + diff --git a/docs/src/ru/docs/linter.md b/docs/src/ru/docs/linter.md new file mode 100644 index 0000000..2fc81c3 --- /dev/null +++ b/docs/src/ru/docs/linter.md @@ -0,0 +1,108 @@ +--- +description: djLint HTML Template linter включает более 30 правил! Найти определения можно здесь. Легко расширить, включив пользовательские правила! +title: Правила Линтера +keywords: облицовка шаблонов, форматер шаблонов, djLint, HTML, шаблоны, форматер, линтер, использование, правила +--- + +# Использование вкладышей + +djLint включает в себя множество правил для проверки стиля и валидности ваших шаблонов. Используйте все преимущества линтера, настроив его на использование предустановленного профиля для выбранного вами языка шаблонов. + +```bash +djlint /path/to/templates --lint + +# with custom extensions +djlint /path/to/templates -e html.dj --profile=django + +# or to file +djlint /path/to/this.html.j2 --profile=jinja +``` + + + +## Пользовательские правила + +Создайте файл `.djlint_rules.yaml` рядом с вашим `pyproject.toml`. Правила могут быть добавлены в этот файл, и djLint подхватит их. + +Хорошее правило выглядит следующим образом: + +```yaml +- rule: + name: T001 + message: Найти трихотилломанию + flags: re.DOTALL|re.I + patterns: + - трихотилломанию +``` + +## Правила + +| Код | Значение | +| ---- | ------------------------------------------------------------------------------------------------------------------------- | +| T001 | Переменные должны быть заключены в один пробел. Например: {% raw %}`{{ this }}`{% endraw %} | +| T002 | В тегах следует использовать двойные кавычки. Ex {% raw %}`{% extends "this.html" %}`{% endraw %} | +| T003 | Конечный блок должен иметь имя. Например: {% raw %}`{% endblock body %}`{% endraw %}. | +| D004 | (Django) Статические урлы должны следовать шаблону {% raw %}`{% static path/to/file %}`{% endraw %}. | +| J004 | (Jinja) Статические урлы должны следовать шаблону {% raw %}`{{ url_for('static'...)}}`{% endraw %}. | +| H005 | Html-тег должен иметь атрибут `lang`. | +| H006 | Тег `img` должен иметь атрибуты `height` и `width`. | +| H007 | `` должен присутствовать перед тегом html. | +| H008 | Атрибуты должны быть заключены в двойные кавычки. | +| H009 | Имена тегов должны быть в нижнем регистре. | +| H010 | Имена атрибутов должны быть в нижнем регистре. | +| H011 | Значения атрибутов должны быть заключены в кавычки. | +| H012 | Вокруг атрибута `=` не должно быть пробелов. | +| H013 | Тег `img` должен иметь атрибуты alt. | +| H014 | Более 2 пустых строк. | +| H015 | После тегов `h` следует перевод строки. | +| H016 | Отсутствие тега `title` в html. | +| H017 | Тег должен быть самозакрывающимся. | +| D018 | (Django) Внутренние ссылки должны использовать шаблон {% raw %}`{% url ... %}`{% endraw %}. | +| J018 | (Jinja) Внутренние ссылки должны использовать шаблон {% raw %}`{% url ... %}`{% endraw %}. | +| H019 | Замените `javascript:abc()` на событие `on_` и реальный url. | +| H020 | Найдена пустая пара тегов. Рассмотрите возможность удаления. | +| H021 | Следует избегать инлайн-стилей. | +| H022 | Используйте HTTPS для внешних ссылок. | +| H023 | Не используйте ссылки на сущности. | +| H024 | Опускайте тип в скриптах и стилях. | +| H025 | Тег кажется бесхозным. | +| H026 | Теги Emtpy id и class могут быть удалены. | +| T027 | В синтаксисе шаблона найдена незакрытая строка. | +| T028 | Рассмотрите возможность использования тегов без пробелов внутри значений атрибутов. {% raw %}`{%- if/for -%}`{% endraw %} | +| H029 | Рассмотрите возможность использования строчных значений метода формы. | +| H030 | Рассмотрите возможность добавления мета-описания. | +| H031 | Рассмотрите возможность добавления мета-ключевых слов. | + +### Добавление правил + +Мы приветствуем запросы с новыми правилами! + +Хорошее правило состоит из + +::: content + +- Name +- Code +- Message - Сообщение для отображения при обнаружении ошибки. +- Flags - Флаги регекса. По умолчанию используется re.DOTALL. например: re.I|re.M +- Patterns - regex-выражения, которые найдут ошибку. +- Exclude - Необязательный список профилей, из которых нужно исключить правило. + ::: + +Пожалуйста, включите тест для проверки правила. + +### Кодовые шаблоны + +Первая буква кода соответствует схеме: + +::: content + +- T: применяется в целом к шаблонам +- H: применяется к html +- D: применяется специально для Django +- J: применяется специально для Jinja +- N: применяется специально для Nunjucks +- M: применяется специально для Handlebars + ::: diff --git a/docs/src/ru/index.njk b/docs/src/ru/index.njk new file mode 100644 index 0000000..a25c2ed --- /dev/null +++ b/docs/src/ru/index.njk @@ -0,0 +1,4 @@ +--- +layout: index.njk +date: Last Modified +--- \ No newline at end of file diff --git a/docs/src/ru/ru.json b/docs/src/ru/ru.json new file mode 100644 index 0000000..79ca439 --- /dev/null +++ b/docs/src/ru/ru.json @@ -0,0 +1,4 @@ +{ + "dir": "ltr", + "locale": "ru" +} \ No newline at end of file diff --git a/docs/src/search/all.njk b/docs/src/search/all.njk deleted file mode 100644 index e670407..0000000 --- a/docs/src/search/all.njk +++ /dev/null @@ -1,19 +0,0 @@ ---- -permalink: search/all.json -eleventyExcludeFromCollections: true ---- -{%- set posts = collections.algolia -%} -[ -{%- for post in posts -%} - { - "title": "{{ post.data.title | default(" ") }}", - "date": "{{ page.date }}", - "url": "{{ post.url }}", - "content": {{ post.templateContent | algExcerpt | jsonify | safe }}, - "_tags": [{%- for tag in post.data.tags -%}"{{ tag }}"{%- if not loop.last -%},{% endif %} -{% endfor %} -] -} -{% if not loop.last %},{% endif %} -{% endfor %} -] diff --git a/docs/src/search/update-algolia-index.js b/docs/src/search/update-algolia-index.js deleted file mode 100644 index 225c4ee..0000000 --- a/docs/src/search/update-algolia-index.js +++ /dev/null @@ -1,14 +0,0 @@ -const algoliasearch = require('algoliasearch'); - -const objects = require('../../_site/search/all.json'); - -const client = algoliasearch('QFXNLHI6NP', process.env.ALGOLIA_SEARCH); - -const index = client.initIndex('dev_atlas'); - -index - .replaceAllObjects(objects, { autoGenerateObjectIDIfNotExist: true }) - .then(() => { - console.log('updated'); - }) - .catch((error) => console.error('Failed to Algolia update index', error)); diff --git a/docs/src/static/css/site.scss b/docs/src/static/css/site.scss index 847bf89..6c9ac02 100644 --- a/docs/src/static/css/site.scss +++ b/docs/src/static/css/site.scss @@ -565,6 +565,9 @@ a.card:hover { width: 6rem; } +.is-transparent, .is-transparent:hover { + background-color: transparent !important; +} /* purgecss end ignore */ .navbar-item.is-mega { diff --git a/docs/src/static/font/fontawesome/stylesheet.scss b/docs/src/static/font/fontawesome/stylesheet.scss index 83a392d..dfaf1f5 100644 --- a/docs/src/static/font/fontawesome/stylesheet.scss +++ b/docs/src/static/font/fontawesome/stylesheet.scss @@ -155,6 +155,7 @@ $icons: ( life-ring: $fa-var-life-ring, pencil-alt: $fa-var-pencil-alt, arrow-circle-right: $fa-var-arrow-circle-right, + globe: $fa-var-globe, ); @each $key, $value in $icons { diff --git a/docs/src/static/js/search.js b/docs/src/static/js/search.js deleted file mode 100644 index d23eec1..0000000 --- a/docs/src/static/js/search.js +++ /dev/null @@ -1,95 +0,0 @@ -// var client = algoliasearch('QFXNLHI6NP', '6b5ccc86ead48e79e587963eeb2d83e8'); -// var searchIndex = client.initIndex("dev_atlas"); - -// var searchBox = document.getElementById("search"); -// var searchForm = document.getElementById("search-form"); - -// var runSearch = function(event) { -// var searchResultsContainer = document.getElementById("search-results"); -// searchResultsContainer.textContent = ""; - -// var searchTerm = event.target.value; -// if (searchTerm.length < 2) return; - -// var toolToFilterBy = event.target.dataset.filter || false; - -// var alogliaArgs = { -// hitsPerPage: 10, -// attributesToRetrieve: ["title", "url", "_tags"], -// attributesToSnippet: ["content"], -// snippetEllipsisText: "…", -// }; - -// if (toolToFilterBy) alogliaArgs.filters = toolToFilterBy; - -// searchIndex.search(searchTerm, alogliaArgs).then(function(e){ -// results = e["hits"] - -// console.log(results); - -// var formattedResults = results.map(function(result){ -// var toolName = extractToolName(result._tags); -// console.log(toolName) -// // Create elements -// var link = document.createElement("a"); -// var title = document.createElement("strong"); -// var excerpt = document.createElement("p"); -// var tool = document.createElement("span"); - -// link.href = result.url; -// link.classList.add( -// "panel-block", -// "p-3", -// "is-block" -// ); - -// excerpt.classList.add("search-snippet"); -// excerpt.innerHTML = result._snippetResult.content.value; - -// title.classList.add("is-flex", "is-justify-content-space-between"); -// title.innerText = result.title; - -// tool.innerText = toolName; -// tool.classList.add( -// "tag", -// "is-info", -// "is-light" - -// ); - -// // Put all the elements together -// title.appendChild(tool); -// link.appendChild(title); -// link.appendChild(excerpt); -// return link; -// }); - -// formattedResults.map(function(el){ -// searchResultsContainer.insertAdjacentElement("beforeend", el) -// }); -// }); -// }; - -// var extractToolName = function(tags) { -// return tags.filter(function(tag){ return tag === "BI Library" || tag === "Automation Hub" || tag === "Atlas"}); -// }; - -// Function.prototype.debounce = function (delay) { -// var outter = this, -// timer; - -// return function () { -// var inner = this, -// args = [].slice.apply(arguments); - -// clearTimeout(timer); -// timer = setTimeout(function () { -// outter.apply(inner, args); -// }, delay); -// }; -// }; - -// if(searchBox != undefined || searchForm != undefined){ -// searchBox.addEventListener("input", runSearch.debounce(250)); -// searchForm.addEventListener("submit", (e) => e.preventDefault()); -// }