<button id="open-file-picker-button">

  Open Agave File Manager

</button>

<div id="message">

  ← Please update the session from the previous step on line 11.

</div>

​

<script src="https://app.agaveapi.com/file-picker-init.js"></script>

​

<script type="text/javascript">

  const session = "session_from_previous_step";

​

  const button = document.getElementById("open-file-picker-button");

  button.addEventListener("click", function () {

    const messageEl = document.getElementById("message");

    if (!session || session.length !== 40) {

      messageEl.innerText = "Invalid session (check line 11)";

      return;

    }

    window.AgaveFilePicker.openFilePicker({

      session: session,

      onSubmit: (submission) => {

        messageEl.innerHTML = "Submission: <pre>" + JSON.stringify(submission, null, 4) + "</pre>";

      },

​

      onExit: (error) => {

        console.error(error)

      }

    });

  });

</script>