bliss/views/workshop/sidebar.eta

<ul class="tree-view">
  <li>
    <details open>
      <summary>Routes</summary>
      <ul>
        <% it.routes.map(route => { %>
        <li>
          <a href="/workshop/<%= it.structure.id %>/route/<%= route.id %>">
            <%= route.verb %> -
            <% if (it.structure.route_prefix) { %><span class="text-gray-500"><%= it.structure.route_prefix %></span><% } %><span class="bold"><%= route.path %></span><% if (route.error) { %>⚠️<% } %>
          </a>
        </li>
        <% }) %>
        <li hx-get="/workshop/<%= it.structure.id %>/new_route_modal" hx-target="#modal-zone" hx-swap="beforeend" class="cursor-pointer">
          <strong style="color: purple">
            + add
          </strong>
        </li>
      </ul>
    </details>
  </li>
  <li>
    <details open>
      <summary>Templates</summary>
      <ul>
        <% it.templates.map(template => { %>
        <li>
          <a href="/workshop/<%= it.structure.id %>/template/<%= template.id %>">
            <%= template.name %>
          </a>
        </li>
        <% }) %>
        <li hx-get="/workshop/<%= it.structure.id %>/new_template_modal" hx-target="#modal-zone" hx-swap="beforeend" class="cursor-pointer">
          <strong style="color: purple">
            + add
          </strong>
        </li>
      </ul>
    </details>
  </li>
  <li>
    <details open>
      <summary>DBs</summary>
      <ul>
        <% it.dbs.map(db => { %>
        <li class="<% if (it.db?.id == db.id) { %>font-bold text-green-800<% } %>">
          <a href="/workshop/<%= it.structure.id %>/db/<%= db.id %>">
            <%= db.alias %>
            <% if (db.is_aliased) { %>(alias)<% } %>
          </a>
        </li>
        <% }) %>
        <li hx-get="/workshop/<%= it.structure.id %>/new_db_modal" hx-target="#modal-zone" hx-swap="beforeend" class="cursor-pointer">
          <strong style="color: purple">
            + add
          </strong>
        </li>
      </ul>
    </details>
  </li>
  <li>
    <a href="/workshop/<%= it.structure.id %>/files">Files</a>
  </li>
  <li>
    <a href="/workshop/<%= it.structure.id %>/settings">Settings</a>
  </li>
</ul>
<div id="modal-zone" style="z-index: 1000000;"></div>