allScenarioButtonClicked()
    } else if ($('#failed-scenarios').length > 0) {
        failedScenarioButtonClicked()
    }

    $('#failed-scenarios').click(failedScenarioButtonClicked);

    $('#all-scenarios').click(allScenarioButtonClicked);
}


$(function () {
    enableTooltips();
    enableSectionSign();
    enableFilter();
    initTabs();

        </h3>
        {% autoescape false %}
        {{ serviceTable }}
        {% endautoescape %}
        <p>
            Click on one of the links below to auto generate a request to the backend as a real user or a tester
        </p>
        <ul>
            <li>

https://gradle.com/s/e6ircx2wjbf7e
----

This section explains how to profile your build with build scans.

== Profile with build scans

The performance page can help use build scans to profile a build.
To get there, click _"Performance"_ in the left hand navigation menu
or follow the "Explore performance" link on the build scan home page:

image::performance/build-scan-home.png[title="Performance page link on build scan home page"]

<img src="/img/tutorial/security/image01.png">

!!! check "Authorize button!"
    You already have a shiny new "Authorize" button.

    And your *path operation* has a little lock in the top-right corner that you can click.

And if you click it, you have a little authorization form to type a `username` and `password` (and other optional fields):

<img src="/img/tutorial/security/image02.png">

!!! note

  document.addEventListener('mousedown', (e) => {
    if (!actions.contains(e.target)) {
      hideActionMenu();
    }
  });
  actions.addEventListener('click', hideActionMenu);

  // Initialize menus and other general UI elements.
  viewer(new URL(window.location.href), nodes, {
    hiliter: (n, on) => { return hilite(n, on); },
    current: () => {
      let r = new Map();

    const closeButton = document.querySelector("#close-dialog");

    if (showButton) {
      showButton.addEventListener("click", () => {
        dialog.showModal();
      });
    }

    if (closeButton) {
      closeButton.addEventListener("click", () => {
        dialog.close();
      });
    }
  })
</script>
{% endblock %}
{% block content %}

<nav class="bg-gray-800">

            options.addBooleanOption("html5", true);

            // TODO: This would be better to model as separate options

## See it in action

Open the interactive docs: <a href="http://127.0.0.1:8000/docs" class="external-link" target="_blank">http://127.0.0.1:8000/docs</a>.

### Authenticate

Click the "Authorize" button.

Use the credentials:

User: `johndoe`

Password: `secret`

<img src="/img/tutorial/security/image04.png">

After authenticating in the system, you will see it like:

    // Expand/contract multi-level side navigation
    [].forEach.call(document.querySelectorAll(".docs-navigation .nav-dropdown"), function registerSideNavActions(collapsibleElement) {
        collapsibleElement.addEventListener("click", function toggleExpandedSideNav(evt) {
            evt.preventDefault();
            evt.target.classList.toggle("expanded");

image::tutorial/intellij-idea-tasks.png[]

== Step 5. Running Tasks in the IDE
You can run a Gradle task via IntelliJ by double-clicking that task in the pane.

Double-click **tutorial > app > build > build**.

image::tutorial/intellij-idea-build.png[]

Once the build finishes, make sure it is successful in the IntelliJ console:
[source,text]
----
BUILD SUCCESSFUL in 966ms